@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.98c4058

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

@@ -7,6 +7,7 @@ import { EmptyPayload } from '../../utils/types';
  * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
  *
  * @slot - The switch's label.
+ * @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 control - The switch control.
@@ -14,49 +15,52 @@ import { EmptyPayload } from '../../utils/types';
  * @part label - The switch label.
  */
 export declare class SixSwitch {
-  switchId: string;
-  labelId: string;
-  input: HTMLInputElement;
-  hasFocus: boolean;
-  /** The switch's name attribute. */
-  name: string;
-  /** The switch's value attribute. */
-  value: string;
-  /** Set to true to disable the switch. */
-  disabled: boolean;
-  /** Set to true to make the switch a required field. */
-  required: boolean;
-  /** Set to true to draw the switch in a checked state. */
-  checked: boolean;
-  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */
-  invalid: boolean;
-  handleCheckedChange(): void;
-  /** Emitted when the control loses focus. */
-  sixBlur: EventEmitter<boolean>;
-  /** Emitted when the control's checked state changes. */
-  sixChange: EventEmitter<boolean>;
-  /** Emitted when the control gains focus. */
-  sixFocus: EventEmitter<EmptyPayload>;
-  /** default value the switch will be reverted to when reset is executed */
-  private defaultValue;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  /** Sets focus on the switch. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the switch. */
-  removeFocus(): 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>;
-  handleClick(): void;
-  handleBlur(): void;
-  handleFocus(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleMouseDown(event: MouseEvent): void;
-  render(): any;
+    private switchId;
+    private labelId;
+    private errorTextId;
+    private inputElement?;
+    private eventListeners;
+    host: HTMLSixSwitchElement;
+    hasFocus: boolean;
+    hasErrorTextSlot: boolean;
+    /** The switch's name attribute. */
+    name: string;
+    /** The switch's value attribute. */
+    value: string;
+    /** Set to true to disable the switch. */
+    disabled: boolean;
+    /** Set to true to show an asterisk beneath the label. */
+    required: boolean;
+    /** Set to true to draw the switch in a checked state. */
+    checked: boolean;
+    /** 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;
+    componentWillLoad(): void;
+    handleCheckedChange(): void;
+    /** Emitted when the control loses focus. */
+    sixBlur: EventEmitter<boolean>;
+    /** Emitted when the control's checked state changes. */
+    sixChange: EventEmitter<boolean>;
+    /** Emitted when the control gains focus. */
+    sixFocus: EventEmitter<EmptyPayload>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLabelChange(): void;
+    private handleSlotChange;
+    /** Sets focus on the switch. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /** Removes focus from the switch. */
+    removeFocus(): Promise<void>;
+    private handleClick;
+    private handleBlur;
+    private handleFocus;
+    private handleKeyDown;
+    private handleMouseDown;
+    render(): any;
 }

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

@@ -12,24 +12,24 @@ import { EmptyPayload } from '../../utils/types';
  * @part close-button - The close button, which is the icon button's base wrapper.
  */
 export declare class SixTab {
-  componentId: string;
-  tab: HTMLElement;
-  host: HTMLSixTabElement;
-  /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */
-  panel: string;
-  /** Set to true to draw the tab in an active state. */
-  active: boolean;
-  /** When true, the tab will be rendered with a close icon. */
-  closable: boolean;
-  /** Set to true to draw the tab in a disabled state. */
-  disabled: boolean;
-  /** Emitted when the tab is closable and the close button is activated. */
-  sixClose: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  /** Sets focus to the tab. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /** Removes focus from the tab. */
-  removeFocus(): Promise<void>;
-  handleCloseClick(): void;
-  render(): any;
+    private componentId;
+    private tab?;
+    host: HTMLSixTabElement;
+    /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */
+    panel: string;
+    /** Set to true to draw the tab in an active state. */
+    active: boolean;
+    /** When true, the tab will be rendered with a close icon. */
+    closable: boolean;
+    /** Set to true to draw the tab in a disabled state. */
+    disabled: boolean;
+    /** Emitted when the tab is closable and the close button is activated. */
+    sixClose: EventEmitter<EmptyPayload>;
+    connectedCallback(): void;
+    /** Sets focus to the tab. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /** Removes focus from the tab. */
+    removeFocus(): Promise<void>;
+    private handleCloseClick;
+    render(): any;
 }

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

@@ -1,9 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export interface SixTabShowPayload {
-  name: string;
+    name: string;
 }
 export interface SixTabHidePayload {
-  name: string;
+    name: string;
 }
 /**
  * @since 1.0
@@ -17,46 +17,45 @@ export interface SixTabHidePayload {
  * @part base - The component's base wrapper.
  * @part nav - The tab group navigation container.
  * @part tabs - The container that wraps the slotted tabs.
- * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.
+ * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container.
  * @part body - The tab group body where tab panels are slotted in.
  * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.
  */
 export declare class SixTabGroup {
-  activeTab: HTMLSixTabElement;
-  activeTabIndicator: HTMLElement;
-  body: HTMLElement;
-  mutationObserver: MutationObserver;
-  nav: HTMLElement;
-  resizeObserver: ResizeObserver;
-  tabGroup: HTMLElement;
-  tabs: HTMLElement;
-  host: HTMLSixTabGroupElement;
-  hasScrollControls: boolean;
-  /** The placement of the tabs. */
-  placement: 'top' | 'bottom' | 'left' | 'right';
-  /** Disables the scroll arrows that appear when tabs overflow. */
-  noScrollControls: boolean;
-  handlePlacementChange(): void;
-  handleNoScrollControlsChange(): void;
-  /** Emitted when a tab is shown. */
-  sixTabShow: EventEmitter<SixTabShowPayload>;
-  /** Emitted when a tab is hidden. */
-  sixTabHide: EventEmitter<SixTabHidePayload>;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /** Shows the specified tab panel. */
-  show(panel: string): Promise<void>;
-  getAllTabs(includeDisabled?: boolean): [HTMLSixTabElement];
-  getAllPanels(): [HTMLSixTabPanelElement];
-  getActiveTab(): HTMLSixTabElement;
-  handleClick(event: MouseEvent): boolean;
-  handleKeyDown(event: KeyboardEvent): boolean;
-  handleScrollLeft(): void;
-  handleScrollRight(): void;
-  updateScrollControls(): void;
-  setActiveTab(tab: HTMLSixTabElement, emitEvents?: boolean): void;
-  setAriaLabels(): void;
-  syncActiveTabIndicator(): void;
-  render(): any;
+    private activeTab?;
+    private body?;
+    private mutationObserver?;
+    private nav?;
+    private resizeObserver?;
+    private tabGroup?;
+    private tabs?;
+    host: HTMLSixTabGroupElement;
+    hasLeftControl: boolean;
+    hasRightControl: boolean;
+    /** The placement of the tabs. */
+    placement: 'top' | 'bottom' | 'left' | 'right';
+    /** Disables the scroll arrows that appear when tabs overflow. */
+    noScrollControls: boolean;
+    handleNoScrollControlsChange(): void;
+    /** Emitted when a tab is shown. */
+    sixTabShow: EventEmitter<SixTabShowPayload>;
+    /** Emitted when a tab is hidden. */
+    sixTabHide: EventEmitter<SixTabHidePayload>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /** Shows the specified tab panel. */
+    show(panel: string): Promise<void>;
+    private getAllTabs;
+    private getAllPanels;
+    private getActiveTab;
+    private handleClick;
+    private handleKeyDown;
+    private handleScrollLeft;
+    private handleScrollRight;
+    private calculateRightControlVisibility;
+    private calculateLeftControlVisibility;
+    private updateScrollControls;
+    private setActiveTab;
+    private setAriaLabels;
+    render(): any;
 }

package/dist/types/components/six-tab-panel/six-tab-panel.d.ts

@@ -9,11 +9,11 @@
  * @part base - The component's base wrapper.
  */
 export declare class SixTabPanel {
-  componentId: string;
-  host: HTMLSixTabPanelElement;
-  /** The tab panel's name. */
-  name: string;
-  /** When true, the tab panel will be shown. */
-  active: boolean;
-  render(): any;
+    private componentId;
+    host: HTMLSixTabPanelElement;
+    /** The tab panel's name. */
+    name: string;
+    /** When true, the tab panel will be shown. */
+    active: boolean;
+    render(): any;
 }

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

@@ -13,18 +13,24 @@ import { EmptyPayload } from '../../utils/types';
  * @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;
+    /** 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>;
+    private contentSlotElement;
+    private tooltipElement;
+    private contentElement;
+    private resizeObserver;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private updateTooltip;
+    private handleClearClick;
+    render(): any;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { EventListeners } from '../../utils/event-listeners';
 import { EmptyPayload } from '../../utils/types';
 /**
  * @since 1.0
@@ -18,117 +17,93 @@ import { EmptyPayload } from '../../utils/types';
  * @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;
+    private inputId;
+    private labelId;
+    private helpTextId;
+    private errorTextId;
+    private nativeTextarea?;
+    private eventListeners;
+    private resizeObserver;
+    host: HTMLSixTextareaElement;
+    hasFocus: boolean;
+    hasHelpTextSlot: boolean;
+    hasLabelSlot: boolean;
+    hasErrorTextSlot: 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 help text. Alternatively, you can use the help-text slot. */
+    helpText: 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;
+    /** Set to true to show an asterisk beneath the label. */
+    required: boolean;
+    /** 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 textarea's autocaptialize attribute. */
+    autocapitalize: string;
+    /** The textarea's autocorrect attribute. */
+    autocorrect: 'on' | 'off';
+    /** 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';
+    /** 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>;
+    handleLabelChange(): void;
+    handleRowsChange(): void;
+    handleValueChange(): void;
+    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 | undefined>;
+    /** Sets the start and end positions of the text selection (0-based). */
+    setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): Promise<void | undefined>;
+    /** Replaces a range of text with a new string. */
+    setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
+    private handleChange;
+    private handleInput;
+    private handleBlur;
+    private handleFocus;
+    private handleSlotChange;
+    private setTextareaHeight;
+    private getValue;
+    render(): any;
 }

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

@@ -5,36 +5,35 @@ import { EmptyPayload } from '../../utils/types';
  * @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;
+    host: HTMLSixTileElement;
+    /** The tile's label. */
+    label: string;
+    /** The icon's name. */
+    iconName?: string;
+    /** 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;
+    componentWillLoad(): void;
+    private handleSlotChange;
+    render(): any;
+    private handleCloseClickEvent;
+    private handleClickEvent;
 }