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

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

@@ -1,32 +1,32 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { FilterMode, SortDirection } from './types';
-import { FilterModel, Item, SortModel } from '../six-table/types';
-export declare type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;
-export declare type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the label of the header field.
- */
-export declare class SixTableHeaderCell {
-  filterRef: HTMLSixDropdownElement;
-  /** Table row property name. Used in the custom events to identify the row. */
-  name: keyof Item;
-  /** Sort direction. Applied only when set. */
-  sort: SortDirection;
-  /** Filter mode. Applied only when set. */
-  filter: FilterMode;
-  /** Filter value. Applied only when filter mode is set. */
-  value: string;
-  /** Emitted when sort model is updated. */
-  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;
-  /** Emitted when filter model is updated. */
-  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;
-  inputElement: HTMLSixInputElement;
-  handleSortNext: () => void;
-  handleFilterNext: () => void;
-  handleFilterChange: () => void;
-  handleFilterClear: () => void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { FilterMode, SortDirection } from './types';
+import { FilterModel, Item, SortModel } from '../six-table/types';
+export type SixTableHeaderCellSortUpdatedPayload = SortModel<Item>;
+export type SixTableHeaderCellFilterUpdatedPayload = FilterModel<Item>;
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the label of the header field.
+ */
+export declare class SixTableHeaderCell {
+  filterRef: HTMLSixDropdownElement;
+  /** Table row property name. Used in the custom events to identify the row. */
+  name: keyof Item;
+  /** Sort direction. Applied only when set. */
+  sort: SortDirection;
+  /** Filter mode. Applied only when set. */
+  filter: FilterMode;
+  /** Filter value. Applied only when filter mode is set. */
+  value: string;
+  /** Emitted when sort model is updated. */
+  sortUpdated: EventEmitter<SixTableHeaderCellSortUpdatedPayload>;
+  /** Emitted when filter model is updated. */
+  filterUpdated: EventEmitter<SixTableHeaderCellFilterUpdatedPayload>;
+  inputElement: HTMLSixInputElement;
+  handleSortNext: () => void;
+  handleFilterNext: () => void;
+  handleFilterChange: () => void;
+  handleFilterClear: () => void;
+  render(): any;
+}

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

@@ -1,11 +1,2 @@
-export declare enum SortDirection {
-  None = "none",
-  Asc = "asc",
-  Desc = "desc"
-}
-export declare enum FilterMode {
-  Equals = "eq",
-  NotEquals = "ne",
-  Includes = "in",
-  NotIncludes = "ni"
-}
+export type SortDirection = 'none' | 'asc' | 'desc';
+export type FilterMode = 'eq' | 'ne' | 'in' | 'ni';

package/dist/types/components/six-table-header-cell/util/create-model.d.ts

@@ -1,4 +1,4 @@
-import { Item, SortModel, FilterModel } from '../../six-table/types';
-import { SortDirection, FilterMode } from '../types';
-export declare const createSortModel: <T extends Item>(key: keyof T, value: SortDirection) => SortModel<T>;
-export declare const createFilterModel: <T extends Item>(key: keyof T, filter: FilterMode, value: string) => FilterModel<T>;
+import { Item, SortModel, FilterModel } from '../../six-table/types';
+import { SortDirection, FilterMode } from '../types';
+export declare const createSortModel: <T extends Item>(key: keyof T, value: SortDirection) => SortModel<T>;
+export declare const createFilterModel: <T extends Item>(key: keyof T, filter: FilterMode, value: string) => FilterModel<T>;

package/dist/types/components/six-table-header-cell/util/get-next-state.d.ts

@@ -1,3 +1,3 @@
-import { SortDirection, FilterMode } from '../types';
-export declare const getNextSortState: (current: SortDirection) => SortDirection;
-export declare const getNextFilterState: (current: FilterMode) => FilterMode;
+import { FilterMode, SortDirection } from '../types';
+export declare const getNextSortState: (current: SortDirection) => SortDirection;
+export declare const getNextFilterState: (current: FilterMode) => FilterMode;

package/dist/types/components/six-table-row/six-table-row.d.ts

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

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

@@ -1,30 +1,30 @@
-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 tag's content.
- *
- * @part base - The component's base wrapper.
- * @part content - The tag content.
- * @part clear-button - The clear button.
- */
-export declare class SixTag {
-  tag: HTMLElement;
-  /** The tag's type. */
-  type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text';
-  /** The tag's size. */
-  size: 'small' | 'medium' | 'large';
-  /** Set to true to draw a pill-style tag with rounded edges. */
-  pill: boolean;
-  /** Set to true to make the tag clearable. */
-  clearable: boolean;
-  /** Emitted when the clear button is activated. */
-  sixClear: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  handleClearClick(): void;
-  render(): any;
-}
+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 tag's content.
+ *
+ * @part base - The component's base wrapper.
+ * @part content - The tag content.
+ * @part clear-button - The clear button.
+ */
+export declare class SixTag {
+  tag: HTMLElement;
+  /** The tag's type. */
+  type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text';
+  /** The tag's size. */
+  size: 'small' | 'medium' | 'large';
+  /** Set to true to draw a pill-style tag with rounded edges. */
+  pill: boolean;
+  /** Set to true to make the tag clearable. */
+  clearable: boolean;
+  /** Emitted when the clear button is activated. */
+  sixClear: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  handleClearClick(): void;
+  render(): any;
+}

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

@@ -1,134 +1,134 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { EventListeners } from '../../utils/event-listeners';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot label - The textarea'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 textarea label.
- * @part textarea - The textarea control.
- * @part help-text - The textarea help text.
- */
-export declare class SixTextarea {
-  inputId: string;
-  labelId: string;
-  helpTextId: string;
-  errorTextId: string;
-  resizeObserver: ResizeObserver;
-  textarea: HTMLTextAreaElement;
-  customErrorText: string;
-  customValidation: boolean;
-  readonly eventListeners: EventListeners;
-  host: HTMLSixTextareaElement;
-  hasFocus: boolean;
-  hasHelpTextSlot: boolean;
-  hasErrorTextSlot: boolean;
-  hasLabelSlot: boolean;
-  /** The textarea's size. */
-  size: 'small' | 'medium' | 'large';
-  /** The textarea's name attribute. */
-  name: string;
-  /** The textarea's value attribute. */
-  value: string;
-  /** The textarea's label. Alternatively, you can use the label slot. */
-  label: string;
-  /** The textarea's help text. Alternatively, you can use the help-text slot. */
-  helpText: string;
-  /** The textarea's error text. Alternatively, you can use the error-text slot. */
-  errorText: string;
-  /** The textarea's placeholder text. */
-  placeholder: string;
-  /** The number of rows to display by default. */
-  rows: number;
-  /** Controls how the textarea can be resized. */
-  resize: 'none' | 'vertical' | 'auto';
-  /** Set to true to disable the textarea. */
-  disabled: boolean;
-  /** Set to true for a readonly textarea. */
-  readonly: boolean;
-  /** The minimum length of input that will be considered valid. */
-  minlength: number;
-  /** The maximum length of input that will be considered valid. */
-  maxlength: number;
-  /** The textarea's required attribute. */
-  required: boolean;
-  /**
-   * This will be true when the control is in an invalid state. Validity is determined by props such as `required`,
-   * `minlength`, and `maxlength` using the browser's constraint validation API.
-   */
-  invalid: boolean;
-  /** The textarea's autocaptialize attribute. */
-  autocapitalize: string;
-  /** The textarea's autocorrect attribute. */
-  autocorrect: string;
-  /** The textarea's autocomplete attribute. */
-  autocomplete: string;
-  /** The textarea's autofocus attribute. */
-  autofocus: boolean;
-  /** The textarea's spellcheck attribute. */
-  spellcheck: boolean;
-  /** The textarea's inputmode attribute. */
-  inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-  /** Set to display the error text on blur and not when typing */
-  errorOnBlur: boolean;
-  /** Emitted when the control's value changes. Access the new value via event.target.value. */
-  sixChange: EventEmitter<EmptyPayload>;
-  /** Emitted when the control receives input. Access the new value via event.target.value. */
-  sixInput: EventEmitter<EmptyPayload>;
-  /** Emitted when the control gains focus. */
-  sixFocus: EventEmitter<EmptyPayload>;
-  /** Emitted when the control loses focus. Access the new value via event.target.value. */
-  sixBlur: EventEmitter<EmptyPayload>;
-  /**
-   * Emitted whenever the value changes. Access the new value via event.target.value.
-   * six-textarea-value-change will emit whenever the value changes.
-   * So be it on textarea or when dynamically set. six-textarea-input will only be emitted when the user enters data,
-   * but not when a value is dynamically set. six-textarea-change will only be emitted when the user either presses enter
-   * or leaves the textarea field after entering some data.
-   * */
-  sixValueChange: EventEmitter<EmptyPayload>;
-  handleLabelChange(): void;
-  handleRowsChange(): void;
-  handleValueChange(): void;
-  /** default value the textarea will be reverted to when reset is executed */
-  private defaultValue;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /** Sets focus on the textarea. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus fromt the textarea. */
-  removeFocus(): Promise<void>;
-  /** Selects all the text in the input. */
-  select(): Promise<void>;
-  /** Sets the start and end positions of the text selection (0-based). */
-  setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void>;
-  /** Replaces a range of text with a new string. */
-  setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
-  /** 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>;
-  handleChange(): void;
-  handleInput(): void;
-  handleInvalid(): void;
-  handleBlur(): void;
-  handleFocus(): void;
-  handleSlotChange(): void;
-  setTextareaHeight(): void;
-  displayError(): boolean;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EventListeners } from '../../utils/event-listeners';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot label - The textarea'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 textarea label.
+ * @part textarea - The textarea control.
+ * @part help-text - The textarea help text.
+ */
+export declare class SixTextarea {
+  inputId: string;
+  labelId: string;
+  helpTextId: string;
+  errorTextId: string;
+  resizeObserver: ResizeObserver;
+  textarea: HTMLTextAreaElement;
+  customErrorText: string;
+  customValidation: boolean;
+  readonly eventListeners: EventListeners;
+  host: HTMLSixTextareaElement;
+  hasFocus: boolean;
+  hasHelpTextSlot: boolean;
+  hasErrorTextSlot: boolean;
+  hasLabelSlot: boolean;
+  /** The textarea's size. */
+  size: 'small' | 'medium' | 'large';
+  /** The textarea's name attribute. */
+  name: string;
+  /** The textarea's value attribute. */
+  value: string;
+  /** The textarea's label. Alternatively, you can use the label slot. */
+  label: string;
+  /** The textarea's help text. Alternatively, you can use the help-text slot. */
+  helpText: string;
+  /** The textarea's error text. Alternatively, you can use the error-text slot. */
+  errorText: string;
+  /** The textarea's placeholder text. */
+  placeholder: string;
+  /** The number of rows to display by default. */
+  rows: number;
+  /** Controls how the textarea can be resized. */
+  resize: 'none' | 'vertical' | 'auto';
+  /** Set to true to disable the textarea. */
+  disabled: boolean;
+  /** Set to true for a readonly textarea. */
+  readonly: boolean;
+  /** The minimum length of input that will be considered valid. */
+  minlength: number;
+  /** The maximum length of input that will be considered valid. */
+  maxlength: number;
+  /** The textarea's required attribute. */
+  required: boolean;
+  /**
+   * This will be true when the control is in an invalid state. Validity is determined by props such as `required`,
+   * `minlength`, and `maxlength` using the browser's constraint validation API.
+   */
+  invalid: boolean;
+  /** The textarea's autocaptialize attribute. */
+  autocapitalize: string;
+  /** The textarea's autocorrect attribute. */
+  autocorrect: string;
+  /** The textarea's autocomplete attribute. */
+  autocomplete: string;
+  /** The textarea's autofocus attribute. */
+  autofocus: boolean;
+  /** The textarea's spellcheck attribute. */
+  spellcheck: boolean;
+  /** The textarea's inputmode attribute. */
+  inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+  /** Set to display the error text on blur and not when typing */
+  errorOnBlur: boolean;
+  /** Emitted when the control's value changes. Access the new value via event.target.value. */
+  sixChange: EventEmitter<EmptyPayload>;
+  /** Emitted when the control receives input. Access the new value via event.target.value. */
+  sixInput: EventEmitter<EmptyPayload>;
+  /** Emitted when the control gains focus. */
+  sixFocus: EventEmitter<EmptyPayload>;
+  /** Emitted when the control loses focus. Access the new value via event.target.value. */
+  sixBlur: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted whenever the value changes. Access the new value via event.target.value.
+   * six-textarea-value-change will emit whenever the value changes.
+   * So be it on textarea or when dynamically set. six-textarea-input will only be emitted when the user enters data,
+   * but not when a value is dynamically set. six-textarea-change will only be emitted when the user either presses enter
+   * or leaves the textarea field after entering some data.
+   * */
+  sixValueChange: EventEmitter<EmptyPayload>;
+  handleLabelChange(): void;
+  handleRowsChange(): void;
+  handleValueChange(): void;
+  /** default value the textarea will be reverted to when reset is executed */
+  private defaultValue;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  /** Sets focus on the textarea. */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Removes focus fromt the textarea. */
+  removeFocus(): Promise<void>;
+  /** Selects all the text in the input. */
+  select(): Promise<void>;
+  /** Sets the start and end positions of the text selection (0-based). */
+  setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void>;
+  /** Replaces a range of text with a new string. */
+  setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
+  /** 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>;
+  handleChange(): void;
+  handleInput(): void;
+  handleInvalid(): void;
+  handleBlur(): void;
+  handleFocus(): void;
+  handleSlotChange(): void;
+  setTextareaHeight(): void;
+  displayError(): boolean;
+  render(): any;
+}

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

@@ -1,40 +1,40 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- */
-export declare class SixTile {
-  host: HTMLSixTileElement;
-  /** The tile's label. */
-  label: string;
-  /** The icon's name. */
-  iconName: any;
-  /** Flag, whether the tile is closeable. */
-  closeable: boolean;
-  /** Flag, whether the tile should cast a shadow. */
-  elevated: boolean;
-  /** Enables tile tooltip for tiles */
-  disableTooltip: boolean;
-  /** Set to true to disable the tile. */
-  disabled: boolean;
-  /** The tile's size. */
-  size: 'small' | 'medium' | 'large';
-  visible: boolean;
-  /** Emitted when the tile was closed. */
-  sixTileClose: EventEmitter<EmptyPayload>;
-  /** Emitted when the tile is selected. */
-  sixTileSelected: EventEmitter<EmptyPayload>;
-  /** Hides the tile */
-  hide(): Promise<void>;
-  /** Shows the tile */
-  show(): Promise<void>;
-  hasIconSlot: boolean;
-  hasLabelSlot: boolean;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  handleSlotChange(): void;
-  render(): any;
-  private handleCloseClickEvent;
-  private handleClickEvent;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ */
+export declare class SixTile {
+  host: HTMLSixTileElement;
+  /** The tile's label. */
+  label: string;
+  /** The icon's name. */
+  iconName: any;
+  /** Flag, whether the tile is closeable. */
+  closeable: boolean;
+  /** Flag, whether the tile should cast a shadow. */
+  elevated: boolean;
+  /** Enables tile tooltip for tiles */
+  disableTooltip: boolean;
+  /** Set to true to disable the tile. */
+  disabled: boolean;
+  /** The tile's size. */
+  size: 'small' | 'medium' | 'large';
+  visible: boolean;
+  /** Emitted when the tile was closed. */
+  sixTileClose: EventEmitter<EmptyPayload>;
+  /** Emitted when the tile is selected. */
+  sixTileSelected: EventEmitter<EmptyPayload>;
+  /** Hides the tile */
+  hide(): Promise<void>;
+  /** Shows the tile */
+  show(): Promise<void>;
+  hasIconSlot: boolean;
+  hasLabelSlot: boolean;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  handleSlotChange(): void;
+  render(): any;
+  private handleCloseClickEvent;
+  private handleClickEvent;
+}

package/dist/types/components/six-timepicker/six-time-format.d.ts

@@ -1,13 +1,13 @@
-export declare enum SixTimeFormat {
-  HHmmss = "HH:mm:ss",
-  hhmmssaa = "hh:mm:ss:aa",
-  HHmmssms = "HH:mm:ss:ms",
-  hhmmssmsaa = "hh:mm:ss:ms:aa",
-  HHmm = "HH:mm",
-  hhmmaa = "hh:mm:aa",
-  HH = "HH",
-  hhaa = "hh:aa",
-  mm = "mm",
-  ss = "ss",
-  ms = "ms"
-}
+export declare enum SixTimeFormat {
+  HHmmss = "HH:mm:ss",
+  hhmmssaa = "hh:mm:ss:aa",
+  HHmmssms = "HH:mm:ss:ms",
+  hhmmssmsaa = "hh:mm:ss:ms:aa",
+  HHmm = "HH:mm",
+  hhmmaa = "hh:mm:aa",
+  HH = "HH",
+  hhaa = "hh:aa",
+  mm = "mm",
+  ss = "ss",
+  ms = "ms"
+}