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

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

@@ -1,184 +1,170 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SixTimeFormat } from './six-time-format';
-import { SixTime } from './six-timepicker.types';
+import { Time, TimeFormat } from '../../utils/time.util';
 import { EmptyPayload } from '../../utils/types';
-interface SixTimepickerBasePayload {
-  value: SixTime;
-  valueAsString: string;
-}
-export interface SixTimepickerChange extends SixTimepickerBasePayload {
-  changedProperty?: string;
-}
-export interface SixTimepickerInput extends SixTimepickerBasePayload {
-}
-export interface SixTimepickerBlur extends SixTimepickerBasePayload {
+export interface SixTimepickerChange {
+    value?: Time;
+    valueAsString: string;
+    changedProperty?: string;
 }
 /**
  * @since 2.0.0
  * @status experimental
  *
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
  * @part input - The input field
  * @part container - The container of whole component
  * @part popup - The popup of the timepicker component
  *
  */
 export declare class SixTimepicker {
-  private readonly 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: SixTimeFormat;
-  /**
-   * 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 | null;
-  /** Indicates whether or not the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /** Indicates whether or not 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 make the input a required field. */
-  required: boolean;
-  /**
-   * The placeholder defines what text to be shown on the input element
-   */
-  placeholder?: string | null;
-  /** Set to display the error text on blur and not when typing */
-  errorOnBlur: boolean;
-  /** The input's error text. Alternatively, you can use the error-text slot. */
-  errorText: string;
-  /** The input's label. Alternatively, you can use the label slot. */
-  label: string;
-  /** 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 | null;
-  /**
-   * 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>;
-  protected debounceChanged(): void;
-  /**
-   * Update the native input element when the value changes
-   */
-  protected valueChanged(newValue: string): 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>;
-  private internalValue;
-  private defaultValue;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  private handleInputChange;
-  private calcIsPopupContentUp;
-  private moveOpenHoistedPopup;
-  private handleSixTimepickerChangeDebounced;
-  private handleChange;
-  private getSixTimeUnitPicker;
-  private setupInternalTime;
-  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;
-  private calcIsDropDownContentUp;
-  private adjustPopupForHoisting;
-  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;
 }
-export {};

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import Popover from '../../utils/popover';
 import { EmptyPayload } from '../../utils/types';
 /**
  * @since 1.0
@@ -13,60 +12,59 @@ import { EmptyPayload } from '../../utils/types';
  * @part base - The component's base wrapper.
  */
 export declare class SixTooltip {
-  componentId: string;
-  isVisible: boolean;
-  popover: Popover;
-  tooltipPositioner: HTMLElement;
-  target: HTMLElement;
-  tooltip: any;
-  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 of 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 or not 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>;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
-  /** Shows the tooltip. */
-  show(): Promise<void>;
-  /** Shows the tooltip. */
-  hide(): Promise<void>;
-  getTarget(): HTMLElement;
-  handleBlur(): void;
-  handleClick(): void;
-  handleFocus(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleMouseOver(): void;
-  handleMouseOut(): void;
-  handleSlotChange(): void;
-  hasTrigger(triggerType: string): boolean;
-  syncOptions(): void;
-  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;
 }