@six-group/ui-library 0.0.0-insider.35f4c90 → 0.0.0-insider.3715d40

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

@@ -2,9 +2,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Time, TimeFormat } from '../../utils/time.util';
 import { EmptyPayload } from '../../utils/types';
 export interface SixTimepickerChange {
-  value?: Time;
-  valueAsString: string;
-  changedProperty?: string;
+    value?: Time;
+    valueAsString: string;
+    changedProperty?: string;
 }
 /**
  * @since 2.0.0
@@ -18,153 +18,153 @@ export interface SixTimepickerChange {
  *
  */
 export declare class SixTimepicker {
-  private eventListeners;
-  private popup?;
-  private wrapper?;
-  private inputElement?;
-  host: HTMLSixTimepickerElement;
-  /**
-   * Define the time format. Valid formats are:
-   *
-   * HH:mm:ss
-   * hh:mm:ss:aa
-   * HH:mm:ss:ms
-   * hh:mm:ss:ms:aa
-   * HH:mm
-   * hh:mm:aa
-   * HH
-   * hh:aa
-   * mm
-   * ss
-   * ms
-   *
-   * where HH is the 24 hour format
-   * and hh is the 12 hour format
-   *
-   * Please notice that when using the 12-hour-clock (hh)
-   * you always need a period indicator (aa). So the time can be parsed as either am or pm
-   * */
-  format: TimeFormat;
-  /**
-   * Define the separator to be shown between the time unit pickers.
-   * Please be aware that this property will modify the displayed separator only.
-   * The separator for a timestring is always expected to be a colon (eg. '13:52:20')
-   * */
-  separator: string;
-  /**
-   * The value of the timepicker provided as a string. The string mast match the provided format (or default format)
-   */
-  value: string;
-  /** Indicates whether the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /** Indicates whether the timepicker should be shown as an inline (always open) component */
-  inline: boolean;
-  /**
-   * If `true` the user can only select a time via the timepicker but not directly edit the input field.
-   */
-  readonly: boolean;
-  /**
-   * If `true` the component is disabled.
-   */
-  disabled: boolean;
-  /**
-   * The enforced placement of the dropdown panel.
-   */
-  placement?: 'top' | 'bottom';
-  /** Timepicker size. */
-  size: 'small' | 'medium' | 'large';
-  /** Set to true to show an asterisk beneath the label. */
-  required: boolean;
-  /**
-   * The placeholder defines what text to be shown on the input element
-   */
-  placeholder?: string;
-  /** The input's error text. Alternatively, you can use the error-text slot. */
-  errorText: string | string[];
-  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
-  errorTextCount?: number;
-  /** The input's label. Alternatively, you can use the label slot. */
-  label: string;
-  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
-  invalid: boolean;
-  /** 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;
-  /**
-   * Set the amount of time, in milliseconds, to wait to trigger faster switching between timeunits (e.g. hours).
-   */
-  timeout: number;
-  /**
-   * Set the amount of time, in milliseconds, to wait between switching to next timeunit (e.g. next hour) when mouse button is held pressed.
-   */
-  interval: number;
-  /**
-   * The defaultTime defines the default setting for the timepicker when you open the popup. Default time must match the provided format.
-   */
-  defaultTime?: string;
-  /**
-   * Set the amount of time, in milliseconds, to wait to trigger the `six-timepicker-change-debounced` event.
-   * If you want your change debounce event to not trigger when keeping the nav button pressed before, make sure debounce
-   * is a bit bigger than timeout, otherwise keeping the button pressed will trigger the event twice: once you click
-   * (and keep pressed) and once you release
-   */
-  debounce: number;
-  /**
-   * Emitted when the timepicker's value changes
-   */
-  sixChange: EventEmitter<SixTimepickerChange>;
-  /**
-   * Emitted when the timepicker's value changes, but debounced
-   */
-  sixChangeDebounced: EventEmitter<SixTimepickerChange>;
-  /**
-   * Emitted when the clear button is activated.
-   */
-  sixClear: EventEmitter<EmptyPayload>;
-  isPopupContentUp: boolean;
-  isDropDownContentUp: boolean;
-  resizeHandler(): Promise<void>;
-  scrollHandler(): Promise<void>;
-  /**
-   * Update the native input element when the value changes
-   */
-  protected valueChanged(): void;
-  /** Sets focus on the datepickers input. */
-  setFocus(options?: FocusOptions): Promise<void>;
-  private popupValue;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  private updateValue;
-  private calcIsPopupContentUp;
-  private moveOpenHoistedPopup;
-  private handlePickerChange;
-  private getSixTimeUnitPicker;
-  private getHour24Picker;
-  private is24HourClock;
-  private getHour12Picker;
-  private is12HourClock;
-  private getAmPmPicker;
-  private getMinutePicker;
-  private getSecondsPicker;
-  private getMillisecondsPicker;
-  private getSeparator;
-  private getContent;
-  private openPopup;
-  private closePopup;
-  private handleDocumentMouseDown;
-  private handleClearClick;
-  private renderClearable;
-  private renderCustomIcon;
-  render(): any;
+    private eventListeners;
+    private popup?;
+    private wrapper?;
+    private inputElement?;
+    host: HTMLSixTimepickerElement;
+    /**
+     * Define the time format. Valid formats are:
+     *
+     * HH:mm:ss
+     * hh:mm:ss:aa
+     * HH:mm:ss:ms
+     * hh:mm:ss:ms:aa
+     * HH:mm
+     * hh:mm:aa
+     * HH
+     * hh:aa
+     * mm
+     * ss
+     * ms
+     *
+     * where HH is the 24 hour format
+     * and hh is the 12 hour format
+     *
+     * Please notice that when using the 12-hour-clock (hh)
+     * you always need a period indicator (aa). So the time can be parsed as either am or pm
+     * */
+    format: TimeFormat;
+    /**
+     * Define the separator to be shown between the time unit pickers.
+     * Please be aware that this property will modify the displayed separator only.
+     * The separator for a timestring is always expected to be a colon (eg. '13:52:20')
+     * */
+    separator: string;
+    /**
+     * The value of the timepicker provided as a string. The string mast match the provided format (or default format)
+     */
+    value: string;
+    /** Indicates whether the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** Indicates whether the timepicker should be shown as an inline (always open) component */
+    inline: boolean;
+    /**
+     * If `true` the user can only select a time via the timepicker but not directly edit the input field.
+     */
+    readonly: boolean;
+    /**
+     * If `true` the component is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The enforced placement of the dropdown panel.
+     */
+    placement?: 'top' | 'bottom';
+    /** Timepicker size. */
+    size: 'small' | 'medium' | 'large';
+    /** Set to true to show an asterisk beneath the label. */
+    required: boolean;
+    /**
+     * The placeholder defines what text to be shown on the input element
+     */
+    placeholder?: string;
+    /** The input's error text. Alternatively, you can use the error-text slot. */
+    errorText: string | string[];
+    /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+    errorTextCount?: number;
+    /** The input's label. Alternatively, you can use the label slot. */
+    label: string;
+    /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
+    invalid: boolean;
+    /** 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;
+    /**
+     * Set the amount of time, in milliseconds, to wait to trigger faster switching between timeunits (e.g. hours).
+     */
+    timeout: number;
+    /**
+     * Set the amount of time, in milliseconds, to wait between switching to next timeunit (e.g. next hour) when mouse button is held pressed.
+     */
+    interval: number;
+    /**
+     * The defaultTime defines the default setting for the timepicker when you open the popup. Default time must match the provided format.
+     */
+    defaultTime?: string;
+    /**
+     * Set the amount of time, in milliseconds, to wait to trigger the `six-timepicker-change-debounced` event.
+     * If you want your change debounce event to not trigger when keeping the nav button pressed before, make sure debounce
+     * is a bit bigger than timeout, otherwise keeping the button pressed will trigger the event twice: once you click
+     * (and keep pressed) and once you release
+     */
+    debounce: number;
+    /**
+     * Emitted when the timepicker's value changes
+     */
+    sixChange: EventEmitter<SixTimepickerChange>;
+    /**
+     * Emitted when the timepicker's value changes, but debounced
+     */
+    sixChangeDebounced: EventEmitter<SixTimepickerChange>;
+    /**
+     * Emitted when the clear button is activated.
+     */
+    sixClear: EventEmitter<EmptyPayload>;
+    isPopupContentUp: boolean;
+    isDropDownContentUp: boolean;
+    resizeHandler(): Promise<void>;
+    scrollHandler(): Promise<void>;
+    /**
+     * Update the native input element when the value changes
+     */
+    protected valueChanged(): void;
+    /** Sets focus on the datepickers input. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    private popupValue;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    private updateValue;
+    private calcIsPopupContentUp;
+    private moveOpenHoistedPopup;
+    private handlePickerChange;
+    private getSixTimeUnitPicker;
+    private getHour24Picker;
+    private is24HourClock;
+    private getHour12Picker;
+    private is12HourClock;
+    private getAmPmPicker;
+    private getMinutePicker;
+    private getSecondsPicker;
+    private getMillisecondsPicker;
+    private getSeparator;
+    private getContent;
+    private openPopup;
+    private closePopup;
+    private handleDocumentMouseDown;
+    private handleClearClick;
+    private renderClearable;
+    private renderCustomIcon;
+    render(): any;
 }

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

@@ -12,59 +12,59 @@ import { EmptyPayload } from '../../utils/types';
  * @part base - The component's base wrapper.
  */
 export declare class SixTooltip {
-  private componentId;
-  private isVisible;
-  private popover?;
-  private tooltipPositioner?;
-  private target?;
-  private tooltip?;
-  host: HTMLSixTooltipElement;
-  /** The tooltip's content. Alternatively, you can use the content slot. */
-  content: string;
-  /**
-   * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
-   * inside the viewport.
-   */
-  placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-  /** Set to true to disable the tooltip, so it won't show when triggered. */
-  disabled: boolean;
-  /** The distance in pixels from which to offset the tooltip away from its target. */
-  distance: number;
-  /** Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /** The distance in pixels from which to offset the tooltip along its target. */
-  skidding: number;
-  /**
-   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-   * programmatically.
-   */
-  trigger: string;
-  handleOpenChange(): void;
-  /** Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the tooltip has shown and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the tooltip has hidden and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
-  /** Shows the tooltip. */
-  show(): Promise<void>;
-  /** Shows the tooltip. */
-  hide(): Promise<void>;
-  private getTarget;
-  private handleBlur;
-  private handleClick;
-  private handleFocus;
-  private handleKeyDown;
-  private handleMouseOver;
-  private handleMouseOut;
-  private handleSlotChange;
-  private hasTrigger;
-  private syncOptions;
-  render(): any;
+    private componentId;
+    private isVisible;
+    private popover?;
+    private tooltipPositioner?;
+    private target?;
+    private tooltip?;
+    host: HTMLSixTooltipElement;
+    /** The tooltip's content. Alternatively, you can use the content slot. */
+    content: string;
+    /**
+     * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+     * inside the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    /** Set to true to disable the tooltip, so it won't show when triggered. */
+    disabled: boolean;
+    /** The distance in pixels from which to offset the tooltip away from its target. */
+    distance: number;
+    /** Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** The distance in pixels from which to offset the tooltip along its target. */
+    skidding: number;
+    /**
+     * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+     * programmatically.
+     */
+    trigger: string;
+    handleOpenChange(): void;
+    /** Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown. */
+    sixShow: EventEmitter<EmptyPayload>;
+    /** Emitted after the tooltip has shown and all transitions are complete. */
+    sixAfterShow: EventEmitter<EmptyPayload>;
+    /** Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden. */
+    sixHide: EventEmitter<EmptyPayload>;
+    /** Emitted after the tooltip has hidden and all transitions are complete. */
+    sixAfterHide: EventEmitter<EmptyPayload>;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    /** Shows the tooltip. */
+    show(): Promise<void>;
+    /** Shows the tooltip. */
+    hide(): Promise<void>;
+    private getTarget;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private handleKeyDown;
+    private handleMouseOver;
+    private handleMouseOut;
+    private handleSlotChange;
+    private hasTrigger;
+    private syncOptions;
+    render(): any;
 }

package/dist/types/functional-components/form-control/form-control.d.ts

@@ -1,37 +1,37 @@
 import { VNode } from '../../stencil-public-runtime';
 export interface FormControlProps {
-  /** The input id, used to map the input to the label */
-  inputId: string;
-  /** The size of the form control */
-  size: 'small' | 'medium' | 'large';
-  /** The label id, used to map the label to the input */
-  labelId?: string;
-  /** The label text (if the label slot isn't used) */
-  label?: string;
-  /** Whether a label slot has been provided. */
-  hasLabelSlot?: boolean;
-  /** The help text id, used to map the input to the help text */
-  helpTextId?: string;
-  /** The help text (if the help-text slot isn't used) */
-  helpText?: string;
-  /** Whether a help text slot has been provided. */
-  hasHelpTextSlot?: boolean;
-  /** Whether an error text slot has been provided. */
-  hasErrorTextSlot?: boolean;
-  /** The error text id, used to map the input to the help text */
-  errorTextId?: string;
-  /** The error text (if the error-text slot isn't used) */
-  errorText?: string | string[];
-  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
-  errorTextCount?: number;
-  /** Set to true to disable the input. */
-  disabled?: boolean;
-  /** Set if the value is required. */
-  required?: boolean;
-  /** Set if the error text is displayed. */
-  displayError?: boolean;
-  /** A function that gets called when the label is clicked. */
-  onLabelClick?: (event: MouseEvent) => void;
+    /** The input id, used to map the input to the label */
+    inputId: string;
+    /** The size of the form control */
+    size: 'small' | 'medium' | 'large';
+    /** The label id, used to map the label to the input */
+    labelId?: string;
+    /** The label text (if the label slot isn't used) */
+    label?: string;
+    /** Whether a label slot has been provided. */
+    hasLabelSlot?: boolean;
+    /** The help text id, used to map the input to the help text */
+    helpTextId?: string;
+    /** The help text (if the help-text slot isn't used) */
+    helpText?: string;
+    /** Whether a help text slot has been provided. */
+    hasHelpTextSlot?: boolean;
+    /** Whether an error text slot has been provided. */
+    hasErrorTextSlot?: boolean;
+    /** The error text id, used to map the input to the help text */
+    errorTextId?: string;
+    /** The error text (if the error-text slot isn't used) */
+    errorText?: string | string[];
+    /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+    errorTextCount?: number;
+    /** Set to true to disable the input. */
+    disabled?: boolean;
+    /** Set if the value is required. */
+    required?: boolean;
+    /** Set if the error text is displayed. */
+    displayError?: boolean;
+    /** A function that gets called when the label is clicked. */
+    onLabelClick?: (event: MouseEvent) => void;
 }
 declare const FormControl: (props: FormControlProps, children: VNode[]) => any;
 export default FormControl;

package/dist/types/stencil-public-runtime.d.ts

@@ -810,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -971,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1223,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1231,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/dist/types/utils/date-util.d.ts

@@ -2,38 +2,38 @@ import { SixDateFormats } from '../components/six-datepicker/six-date-formats';
 import { CalendarCell } from '../components/six-datepicker/six-datepicker';
 export type DateLocale = typeof i18nDate.en;
 export declare const i18nDate: {
-  en: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  de: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  fr: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
-  it: {
-    months: string[];
-    monthsShort: string[];
-    monthsShortGrouped: string[][];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysMin: string[];
-  };
+    en: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    de: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    fr: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
+    it: {
+        months: string[];
+        monthsShort: string[];
+        monthsShortGrouped: string[][];
+        weekdays: string[];
+        weekdaysShort: string[];
+        weekdaysMin: string[];
+    };
 };
 /**
  * Returns a JS Date instance of the exact moment
@@ -172,26 +172,26 @@ export declare const formatDate: (date: Date | undefined | null, format: string)
 export declare const parseDate: (value: any, format: string, locale: string) => Date;
 export declare const toDate: (dirtyDateString: string | undefined, format: string) => Date | undefined;
 export interface PointerDate {
-  year: number;
-  month: number;
-  day: number;
-  hours: number;
-  minutes: number;
-  seconds: number;
-}
-export interface CalendarGridArgs {
-  firstDateOfBox: Date;
-  minDate?: Date;
-  maxDate?: Date;
-  dateFormat: SixDateFormats;
-  pointerDate: {
-    month: number;
     year: number;
+    month: number;
     day: number;
-  };
-  allowedDates: (date: Date) => boolean;
-  locale: 'en' | 'de' | 'fr' | 'it';
-  selectedDate?: Date;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export interface CalendarGridArgs {
+    firstDateOfBox: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    dateFormat: SixDateFormats;
+    pointerDate: {
+        month: number;
+        year: number;
+        day: number;
+    };
+    allowedDates: (date: Date) => boolean;
+    locale: 'en' | 'de' | 'fr' | 'it';
+    selectedDate?: Date;
 }
 export declare const createCalendarGrid: (calendarGridArguments: CalendarGridArgs) => CalendarCell[][];
 /**