@six-group/ui-library 3.0.0-beta.1.7 → 4.0.0-beta.0

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

@@ -1,8 +1,8 @@
-/**
- * @since 2.0.0
- * @status experimental
- *
- */
-export declare class SixFileList {
-  render(): any;
-}
+/**
+ * @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

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

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

@@ -1,42 +1,49 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface SixFileUploadSuccessPayload {
-  file: File;
-}
-export interface SixFileUploadFailurePayload {
-  reason: string;
-}
-/**
- * @since 2.0.0
- * @status experimental
- *
- */
-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;
-  /** 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;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+interface ISingleFile {
+  file: File;
+}
+interface IMultipleFiles {
+  files: FileList;
+}
+export type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;
+export interface SixFileUploadFailurePayload {
+  reason: string;
+}
+/**
+ * @since 2.0.0
+ * @status experimental
+ *
+ */
+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;
+}
+export {};

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

@@ -1,9 +1,9 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the content of the footer.
- */
-export declare class SixFooter {
-  render(): any;
-}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the content of the footer.
+ */
+export declare class SixFooter {
+  render(): any;
+}

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

@@ -1,69 +1,69 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { EventListeners } from '../../utils/event-listeners';
-import { EmptyPayload } from '../../utils/types';
-export interface SixFormSubmitPayload {
-  formData: FormData;
-  formControls: HTMLFormElement[];
-}
-export interface SixFormChangePayload {
-  formControl: HTMLFormElement;
-  valid: boolean;
-}
-interface FormControl {
-  tag: string;
-  serialize(el: HTMLFormElement | HTMLElement, formData: FormData): void;
-  click?(event: MouseEvent): any;
-  keyDown?(event: KeyboardEvent): any;
-  changeEventName?: string;
-}
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The form's content.
- *
- * @part base - The component's base wrapper.
- */
-export declare class SixForm {
-  form: HTMLElement;
-  formControls: FormControl[];
-  readonly eventListeners: EventListeners;
-  /** Prevent the form from validating inputs before submitting. */
-  novalidate: boolean;
-  /**
-   * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an
-   * invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this
-   * event, since it doen't send a GET or POST request like native forms. To "prevent" submission, use a conditional
-   * around the XHR request you use to submit the form's data with.
-   */
-  sixSubmit: EventEmitter<SixFormSubmitPayload>;
-  /** Emitted when the control's value changes. */
-  sixChange: EventEmitter<SixFormChangePayload>;
-  /** Emitted when the forms values are reset. */
-  sixReset: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  private appendChangeListener;
-  /** Serializes all form controls elements and returns a `FormData` object. */
-  getFormData(): Promise<FormData>;
-  /** Gets all form control elements (native and custom). */
-  getFormControls(): Promise<HTMLFormElement[]>;
-  /**
-   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve
-   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.
-   */
-  submit(): Promise<boolean>;
-  /** Checks for validity. */
-  checkValidity(): Promise<boolean>;
-  /** Resets the form and resets the value of all descendants*/
-  reset(): Promise<void>;
-  handleClick(event: MouseEvent): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleChange(el: HTMLFormElement): void;
-  serializeElement(el: HTMLFormElement, formData: FormData): void;
-  render(): any;
-}
-export {};
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EventListeners } from '../../utils/event-listeners';
+import { EmptyPayload } from '../../utils/types';
+export interface SixFormSubmitPayload {
+  formData: FormData;
+  formControls: HTMLFormElement[];
+}
+export interface SixFormChangePayload {
+  formControl: HTMLFormElement;
+  valid: boolean;
+}
+interface FormControl {
+  tag: string;
+  serialize(el: HTMLFormElement | HTMLElement, formData: FormData): void;
+  click?(event: MouseEvent): any;
+  keyDown?(event: KeyboardEvent): any;
+  changeEventName?: string;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The form's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export declare class SixForm {
+  form: HTMLElement;
+  formControls: FormControl[];
+  readonly eventListeners: EventListeners;
+  /** Prevent the form from validating inputs before submitting. */
+  novalidate: boolean;
+  /**
+   * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an
+   * invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this
+   * event, since it doen't send a GET or POST request like native forms. To "prevent" submission, use a conditional
+   * around the XHR request you use to submit the form's data with.
+   */
+  sixSubmit: EventEmitter<SixFormSubmitPayload>;
+  /** Emitted when the control's value changes. */
+  sixChange: EventEmitter<SixFormChangePayload>;
+  /** Emitted when the forms values are reset. */
+  sixReset: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
+  private appendChangeListener;
+  /** Serializes all form controls elements and returns a `FormData` object. */
+  getFormData(): Promise<FormData>;
+  /** Gets all form control elements (native and custom). */
+  getFormControls(): Promise<HTMLFormElement[]>;
+  /**
+   * Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve
+   * with `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.
+   */
+  submit(): Promise<boolean>;
+  /** Checks for validity. */
+  checkValidity(): Promise<boolean>;
+  /** Resets the form and resets the value of all descendants*/
+  reset(): Promise<void>;
+  handleClick(event: MouseEvent): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleChange(el: HTMLFormElement): void;
+  serializeElement(el: HTMLFormElement, formData: FormData): void;
+  render(): any;
+}
+export {};

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

@@ -1,37 +1,37 @@
-/**
- * @since 1.1
- * @status stable
- *
- * @slot label - The wrapped component's label. Alternatively, you can use the label prop.
- * @slot help-text - Help text that describes how to use the input.
- * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
- *
- * @part base - The component's base wrapper.
- * @part form-control - The form control that wraps the label, textarea, and help text.
- * @part label - The label of wrapped component.
- * @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;
-}
+/**
+ * @since 1.1
+ * @status stable
+ *
+ * @slot label - The wrapped component's label. Alternatively, you can use the label prop.
+ * @slot help-text - Help text that describes how to use the input.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
+ * @part base - The component's base wrapper.
+ * @part form-control - The form control that wraps the label, textarea, and help text.
+ * @part label - The label of wrapped component.
+ * @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;
+}

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

@@ -1,90 +1,90 @@
-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;
-}
-export interface SixHeaderProfileSelectPayload {
-  selectedLabel: string;
-  name: string;
-  item: HTMLSixMenuItemElement;
-}
-export interface SixHeaderSearchFieldToggle {
-  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"
-}
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define a custom component that is included in the header.
- * @slot search-field - Used to define the search field component in the header.
- * @slot notifications - Used to define the notification component in the header.
- * @slot app-switcher-menu - Used to define the application switcher menu in the header.
- * @slot profile-menu - Used to define the profile menu in the header.
- * @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;
-}
-export {};
+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;
+}
+export interface SixHeaderProfileSelectPayload {
+  selectedLabel: string;
+  name: string;
+  item: HTMLSixMenuItemElement;
+}
+export interface SixHeaderSearchFieldToggle {
+  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"
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define a custom component that is included in the header.
+ * @slot search-field - Used to define the search field component in the header.
+ * @slot notifications - Used to define the notification component in the header.
+ * @slot app-switcher-menu - Used to define the application switcher menu in the header.
+ * @slot profile-menu - Used to define the profile menu in the header.
+ * @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;
+}
+export {};

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

@@ -1,13 +1,13 @@
-/**
- * @since 1.0
- * @status stable
- *
- * @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;
-}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @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;
+}