@haiilo/catalyst 8.1.0 → 8.2.0

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

@@ -4,46 +4,52 @@ import { Breakpoint } from '../../utils/breakpoints';
  * A single tab inside a tabs component.
  */
 export declare class CatTab {
-  hostElement: HTMLElement;
-  /**
-   * The label of the tab.
-   */
-  label: string;
-  /**
-   * The name of an icon to be displayed in the tab.
-   */
-  icon?: string;
-  /**
-   * Hide the actual button content and only display the tab.
-   */
-  iconOnly: boolean | Breakpoint;
-  /**
-   * Display the icon on the right.
-   */
-  iconRight: boolean;
-  /**
-   * A destination to link to, rendered in the href attribute of a link.
-   */
-  url?: string;
-  /**
-   * Specifies where to open the linked document.
-   */
-  urlTarget?: '_blank' | '_self';
-  /**
-   * Specifies that the tab should be deactivated.
-   */
-  deactivated: boolean;
-  /**
-   * Attributes that will be added to the native HTML button element
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when tab is clicked.
-   */
-  tabClick: EventEmitter<MouseEvent>;
-  connectedCallback(): void;
-  onClick(event: MouseEvent): void;
-  render(): any;
+    hostElement: HTMLElement;
+    /**
+     * The label of the tab.
+     */
+    label: string;
+    /**
+     * The name of an icon to be displayed in the tab.
+     */
+    icon?: string;
+    /**
+     * Hide the actual button content and only display the tab.
+     */
+    iconOnly: boolean | Breakpoint;
+    /**
+     * Display the icon on the right.
+     */
+    iconRight: boolean;
+    /**
+     * A destination to link to, rendered in the href attribute of a link.
+     */
+    url?: string;
+    /**
+     * Specifies where to open the linked document.
+     */
+    urlTarget?: '_blank' | '_self';
+    /**
+     * Specifies that the tab should be deactivated.
+     */
+    deactivated: boolean;
+    /**
+     * Specifies that the tab content pane contains an error. This will color
+     * the tab in an error state and also switch to an error icon if an icon
+     * is specified.
+     */
+    error: boolean;
+    /**
+     * Attributes that will be added to the native HTML button element
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when tab is clicked.
+     */
+    catClick: EventEmitter<MouseEvent>;
+    connectedCallback(): void;
+    onClick(event: MouseEvent): void;
+    render(): any;
 }

package/dist/types/components/cat-tabs/cat-tabs.d.ts

@@ -6,43 +6,44 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part tab - The header of the tab.
  */
 export declare class CatTabs {
-  private mutationObserver?;
-  hostElement: HTMLElement;
-  tabs: HTMLCatTabElement[];
-  /**
-   * The ID of the active tab.
-   */
-  activeTab: string;
-  /**
-   * The alignment of the tabs.
-   */
-  tabsAlign: 'left' | 'center' | 'right' | 'justify';
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  onActiveTabChange(id: string): void;
-  onKeydown(event: KeyboardEvent): void;
-  /**
-   * Activates the tab with the given id.
-   *
-   * @param id The tab id.
-   */
-  setActive(id: string): Promise<void>;
-  /**
-   * Activates the tab with the given index.
-   *
-   * @param index The tab index.
-   */
-  setActiveIndex(index: number): Promise<void>;
-  /**
-   * Emitted when active tab is changed.
-   */
-  catChange: EventEmitter<{
-    id: string;
-    index: number;
-  }>;
-  render(): any;
-  private syncTabs;
-  private canActivate;
-  private activate;
+    private mutationObserver?;
+    hostElement: HTMLElement;
+    tabs: HTMLCatTabElement[];
+    /**
+     * The ID of the active tab.
+     */
+    activeTab: string;
+    /**
+     * The alignment of the tabs.
+     */
+    tabsAlign: 'left' | 'center' | 'right' | 'justify';
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onActiveTabChange(id: string): void;
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * Activates the tab with the given id.
+     *
+     * @param id The tab id.
+     */
+    setActive(id: string): Promise<void>;
+    /**
+     * Activates the tab with the given index.
+     *
+     * @param index The tab index.
+     */
+    setActiveIndex(index: number): Promise<void>;
+    /**
+     * Emitted when active tab is changed.
+     */
+    catChange: EventEmitter<{
+        id: string;
+        index: number;
+    }>;
+    render(): any;
+    private syncTabs;
+    private canActivate;
+    private click;
+    private activate;
 }

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

@@ -11,135 +11,135 @@ import { ErrorMap } from '../cat-form-hint/cat-form-hint';
  * @part textarea - The native textarea element.
  */
 export declare class CatTextarea {
-  private readonly _id;
-  private get id();
-  private textarea;
-  private errorMapSrc?;
-  hostElement: HTMLElement;
-  hasSlottedLabel: boolean;
-  hasSlottedHint: boolean;
-  errorMap?: ErrorMap;
-  /**
-   * Whether the label need a marker to shown if the textarea is required or optional.
-   */
-  requiredMarker?: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!';
-  /**
-   * Whether the label is on top or left.
-   */
-  horizontal: boolean;
-  /**
-   * Whether the textarea is disabled.
-   */
-  disabled: boolean;
-  /**
-   * Optional hint text(s) to be displayed with the textarea.
-   */
-  hint?: string | string[];
-  /**
-   * A unique identifier for the input.
-   */
-  identifier?: string;
-  /**
-   * The label for the textarea.
-   */
-  label: string;
-  /**
-   * Visually hide the label, but still show it to assistive technologies like screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * A maximum length (number of characters) for textual values.
-   */
-  maxLength?: number;
-  /**
-   * A minimum length (number of characters) for textual values.
-   */
-  minLength?: number;
-  /**
-   * The name of the form control. Submitted with the form as part of a name/value pair.
-   */
-  name?: string;
-  /**
-   * The placeholder text to display within the input.
-   */
-  placeholder?: string;
-  /**
-   * The value is not editable.
-   */
-  readonly: boolean;
-  /**
-   * A value is required or must be check for the form to be submittable.
-   */
-  required: boolean;
-  /**
-   * Specifies the initial number of lines in the textarea.
-   */
-  rows: number;
-  /**
-   * The initial value of the control.
-   */
-  value?: string;
-  /**
-   * The validation errors for this input. Will render a hint under the input
-   * with the translated error message(s) `error.${key}`. If an object is
-   * passed, the keys will be used as error keys and the values translation
-   * parameters.
-   * If the value is `true`, the input will be marked as invalid without any
-   * hints under the input.
-   */
-  errors?: boolean | string[] | ErrorMap;
-  /**
-   * Fine-grained control over when the errors are shown. Can be `false` to
-   * never show errors, `true` to show errors on blur, or a number to show
-   * errors on change with the given delay in milliseconds.
-   */
-  errorUpdate: boolean | number;
-  /**
-   * Attributes that will be added to the native HTML textarea element.
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when the value is changed.
-   */
-  catChange: EventEmitter<string>;
-  /**
-   * Emitted when the textarea received focus.
-   */
-  catFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the textarea loses focus.
-   */
-  catBlur: EventEmitter<FocusEvent>;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  /**
-   * Programmatically move focus to the textarea. Use this method instead of
-   * `textarea.focus()`.
-   *
-   * @param options An optional object providing options to control aspects of
-   * the focusing process.
-   */
-  doFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Programmatically remove focus from the textarea. Use this method instead of
-   * `textarea.blur()`.
-   */
-  doBlur(): Promise<void>;
-  /**
-   * Clear the textarea.
-   */
-  clear(): Promise<void>;
-  onErrorsChanged(value?: boolean | string[] | ErrorMap): void;
-  render(): any;
-  private get hasHint();
-  private get invalid();
-  private onInput;
-  private onFocus;
-  private onBlur;
-  private showErrors;
-  private errorUpdateTimeoutId?;
-  private showErrorsIfTimeout;
-  private showErrorsIfNoFocus;
+    private readonly _id;
+    private get id();
+    private textarea;
+    private errorMapSrc?;
+    hostElement: HTMLElement;
+    hasSlottedLabel: boolean;
+    hasSlottedHint: boolean;
+    errorMap?: ErrorMap;
+    /**
+     * Whether the label need a marker to shown if the textarea is required or optional.
+     */
+    requiredMarker?: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!';
+    /**
+     * Whether the label is on top or left.
+     */
+    horizontal: boolean;
+    /**
+     * Whether the textarea is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Optional hint text(s) to be displayed with the textarea.
+     */
+    hint?: string | string[];
+    /**
+     * A unique identifier for the input.
+     */
+    identifier?: string;
+    /**
+     * The label for the textarea.
+     */
+    label: string;
+    /**
+     * Visually hide the label, but still show it to assistive technologies like screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * A maximum length (number of characters) for textual values.
+     */
+    maxLength?: number;
+    /**
+     * A minimum length (number of characters) for textual values.
+     */
+    minLength?: number;
+    /**
+     * The name of the form control. Submitted with the form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The placeholder text to display within the input.
+     */
+    placeholder?: string;
+    /**
+     * The value is not editable.
+     */
+    readonly: boolean;
+    /**
+     * A value is required or must be check for the form to be submittable.
+     */
+    required: boolean;
+    /**
+     * Specifies the initial number of lines in the textarea.
+     */
+    rows: number;
+    /**
+     * The initial value of the control.
+     */
+    value?: string;
+    /**
+     * The validation errors for this input. Will render a hint under the input
+     * with the translated error message(s) `error.${key}`. If an object is
+     * passed, the keys will be used as error keys and the values translation
+     * parameters.
+     * If the value is `true`, the input will be marked as invalid without any
+     * hints under the input.
+     */
+    errors?: boolean | string[] | ErrorMap;
+    /**
+     * Fine-grained control over when the errors are shown. Can be `false` to
+     * never show errors, `true` to show errors on blur, or a number to show
+     * errors on change with the given delay in milliseconds.
+     */
+    errorUpdate: boolean | number;
+    /**
+     * Attributes that will be added to the native HTML textarea element.
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when the value is changed.
+     */
+    catChange: EventEmitter<string>;
+    /**
+     * Emitted when the textarea received focus.
+     */
+    catFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the textarea loses focus.
+     */
+    catBlur: EventEmitter<FocusEvent>;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    /**
+     * Programmatically move focus to the textarea. Use this method instead of
+     * `textarea.focus()`.
+     *
+     * @param options An optional object providing options to control aspects of
+     * the focusing process.
+     */
+    doFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * Programmatically remove focus from the textarea. Use this method instead of
+     * `textarea.blur()`.
+     */
+    doBlur(): Promise<void>;
+    /**
+     * Clear the textarea.
+     */
+    clear(): Promise<void>;
+    onErrorsChanged(value?: boolean | string[] | ErrorMap): void;
+    render(): any;
+    private get hasHint();
+    private get invalid();
+    private onInput;
+    private onFocus;
+    private onBlur;
+    private showErrors;
+    private errorUpdateTimeoutId?;
+    private showErrorsIfTimeout;
+    private showErrorsIfNoFocus;
 }

package/dist/types/components/cat-toggle/cat-toggle.d.ts

@@ -9,97 +9,97 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part input - The native input element.
  */
 export declare class CatToggle {
-  private readonly _id;
-  private get id();
-  private input;
-  hostElement: HTMLElement;
-  hasSlottedLabel: boolean;
-  hasSlottedHint: boolean;
-  /**
-   * Checked state of the toggle.
-   */
-  checked: boolean;
-  /**
-   * Disabled state of the toggle.
-   */
-  disabled: boolean;
-  /**
-   * A unique identifier for the input.
-   */
-  identifier?: string;
-  /**
-   * The label of the toggle that is visible.
-   */
-  label: string;
-  /**
-   * Visually hide the label, but still show it to assistive technologies like screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * The name of the input.
-   */
-  name?: string;
-  /**
-   * Required state of the toggle.
-   */
-  required: boolean;
-  /**
-   * The value of the checked toggle.
-   */
-  value?: any;
-  /**
-   * The value of the unchecked toggle.
-   */
-  noValue?: any;
-  /**
-   * The resolved value of the toggle, based on the checked state, value and noValue.
-   */
-  resolvedValue: any;
-  /**
-   * Optional hint text(s) to be displayed with the toggle.
-   */
-  hint?: string | string[];
-  /**
-   * Whether the label should appear to the left of the toggle.
-   */
-  labelLeft: boolean;
-  /**
-   * Attributes that will be added to the native HTML input element.
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when the checked status of the toggle is changed.
-   */
-  catChange: EventEmitter<any>;
-  /**
-   * Emitted when the toggle received focus.
-   */
-  catFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the toggle loses focus.
-   */
-  catBlur: EventEmitter<FocusEvent>;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  /**
-   * Programmatically move focus to the toggle. Use this method instead of
-   * `input.focus()`.
-   *
-   * @param options An optional object providing options to control aspects of
-   * the focusing process.
-   */
-  doFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * Programmatically remove focus from the toggle. Use this method instead of
-   * `input.blur()`.
-   */
-  doBlur(): Promise<void>;
-  render(): any;
-  private get hasHint();
-  private onInput;
-  private onFocus;
-  private onBlur;
-  private updateResolved;
+    private readonly _id;
+    private get id();
+    private input;
+    hostElement: HTMLElement;
+    hasSlottedLabel: boolean;
+    hasSlottedHint: boolean;
+    /**
+     * Checked state of the toggle.
+     */
+    checked: boolean;
+    /**
+     * Disabled state of the toggle.
+     */
+    disabled: boolean;
+    /**
+     * A unique identifier for the input.
+     */
+    identifier?: string;
+    /**
+     * The label of the toggle that is visible.
+     */
+    label: string;
+    /**
+     * Visually hide the label, but still show it to assistive technologies like screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * The name of the input.
+     */
+    name?: string;
+    /**
+     * Required state of the toggle.
+     */
+    required: boolean;
+    /**
+     * The value of the checked toggle.
+     */
+    value?: any;
+    /**
+     * The value of the unchecked toggle.
+     */
+    noValue?: any;
+    /**
+     * The resolved value of the toggle, based on the checked state, value and noValue.
+     */
+    resolvedValue: any;
+    /**
+     * Optional hint text(s) to be displayed with the toggle.
+     */
+    hint?: string | string[];
+    /**
+     * Whether the label should appear to the left of the toggle.
+     */
+    labelLeft: boolean;
+    /**
+     * Attributes that will be added to the native HTML input element.
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when the checked status of the toggle is changed.
+     */
+    catChange: EventEmitter<any>;
+    /**
+     * Emitted when the toggle received focus.
+     */
+    catFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the toggle loses focus.
+     */
+    catBlur: EventEmitter<FocusEvent>;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    /**
+     * Programmatically move focus to the toggle. Use this method instead of
+     * `input.focus()`.
+     *
+     * @param options An optional object providing options to control aspects of
+     * the focusing process.
+     */
+    doFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * Programmatically remove focus from the toggle. Use this method instead of
+     * `input.blur()`.
+     */
+    doBlur(): Promise<void>;
+    render(): any;
+    private get hasHint();
+    private onInput;
+    private onFocus;
+    private onBlur;
+    private updateResolved;
 }