@haiilo/catalyst 8.1.0 → 8.2.0

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

@@ -5,22 +5,22 @@
  * @part icon - The span element wrapping the SVG icon.
  */
 export declare class CatIcon {
-  /**
-   * The name of the icon.
-   */
-  icon?: string;
-  /**
-   * The SVG source of the icon. This takes precenedence over the `icon` name.
-   */
-  iconSrc?: string;
-  /**
-   * The size of the icon.
-   */
-  size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
-  /**
-   * Adds accessible label for the icon that is only shown for screen
-   * readers. The `aria-hidden` attribute will be set if no label is present.
-   */
-  a11yLabel?: string;
-  render(): any;
+    /**
+     * The name of the icon.
+     */
+    icon?: string;
+    /**
+     * The SVG source of the icon. This takes precenedence over the `icon` name.
+     */
+    iconSrc?: string;
+    /**
+     * The size of the icon.
+     */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'inline';
+    /**
+     * Adds accessible label for the icon that is only shown for screen
+     * readers. The `aria-hidden` attribute will be set if no label is present.
+     */
+    a11yLabel?: string;
+    render(): any;
 }

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

@@ -14,171 +14,171 @@ import { InputType } from './input-type';
  * @part suffix - The text suffix.
  */
 export declare class CatInput {
-  private readonly _id;
-  private get id();
-  private input;
-  private errorMapSrc?;
-  hostElement: HTMLElement;
-  hasSlottedLabel: boolean;
-  hasSlottedHint: boolean;
-  errorMap?: ErrorMap;
-  /**
-   * Whether the label need a marker to shown if the input is required or optional.
-   */
-  requiredMarker?: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!';
-  /**
-   * Whether the label is on top or left.
-   */
-  horizontal: boolean;
-  /**
-   * Hint for form autofill feature.
-   */
-  autoComplete?: string;
-  /**
-   * Whether the input should show a clear button.
-   */
-  clearable: boolean;
-  /**
-   * Whether the input is disabled.
-   */
-  disabled: boolean;
-  /**
-   * Optional hint text(s) to be displayed with the input.
-   */
-  hint?: string | string[];
-  /**
-   * The name of an icon to be displayed in the input.
-   */
-  icon?: string;
-  /**
-   * Display the icon on the right.
-   */
-  iconRight: boolean;
-  /**
-   * A unique identifier for the input.
-   */
-  identifier?: string;
-  /**
-   * The label for the input.
-   */
-  label: string;
-  /**
-   * Visually hide the label, but still show it to assistive technologies like screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * A maximum value for date, time and numeric values.
-   */
-  max?: number | string;
-  /**
-   * A maximum length (number of characters) for textual values.
-   */
-  maxLength?: number;
-  /**
-   * A minimum value for date, time and numeric values.
-   */
-  min?: number | string;
-  /**
-   * 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;
-  /**
-   * A textual prefix to be displayed in the input.
-   */
-  textPrefix?: string;
-  /**
-   * A textual suffix to be displayed in the input.
-   */
-  textSuffix?: string;
-  /**
-   * The value is not editable.
-   */
-  readonly: boolean;
-  /**
-   * A value is required or must be check for the form to be submittable.
-   */
-  required: boolean;
-  /**
-   * Use round input edges.
-   */
-  round: boolean;
-  /**
-   * Type of form control.
-   */
-  type: InputType;
-  /**
-   * The 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 input element.
-   */
-  nativeAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when the value is changed.
-   */
-  catChange: EventEmitter<string>;
-  /**
-   * Emitted when the input received focus.
-   */
-  catFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the input loses focus.
-   */
-  catBlur: EventEmitter<FocusEvent>;
-  componentWillRender(): void;
-  /**
-   * Programmatically move focus to the input. 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 input. Use this method instead of
-   * `input.blur()`.
-   */
-  doBlur(): Promise<void>;
-  /**
-   * Clear the input.
-   */
-  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 findSiblingInput;
+    private readonly _id;
+    private get id();
+    private input;
+    private errorMapSrc?;
+    hostElement: HTMLElement;
+    hasSlottedLabel: boolean;
+    hasSlottedHint: boolean;
+    errorMap?: ErrorMap;
+    /**
+     * Whether the label need a marker to shown if the input is required or optional.
+     */
+    requiredMarker?: 'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!';
+    /**
+     * Whether the label is on top or left.
+     */
+    horizontal: boolean;
+    /**
+     * Hint for form autofill feature.
+     */
+    autoComplete?: string;
+    /**
+     * Whether the input should show a clear button.
+     */
+    clearable: boolean;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Optional hint text(s) to be displayed with the input.
+     */
+    hint?: string | string[];
+    /**
+     * The name of an icon to be displayed in the input.
+     */
+    icon?: string;
+    /**
+     * Display the icon on the right.
+     */
+    iconRight: boolean;
+    /**
+     * A unique identifier for the input.
+     */
+    identifier?: string;
+    /**
+     * The label for the input.
+     */
+    label: string;
+    /**
+     * Visually hide the label, but still show it to assistive technologies like screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * A maximum value for date, time and numeric values.
+     */
+    max?: number | string;
+    /**
+     * A maximum length (number of characters) for textual values.
+     */
+    maxLength?: number;
+    /**
+     * A minimum value for date, time and numeric values.
+     */
+    min?: number | string;
+    /**
+     * 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;
+    /**
+     * A textual prefix to be displayed in the input.
+     */
+    textPrefix?: string;
+    /**
+     * A textual suffix to be displayed in the input.
+     */
+    textSuffix?: string;
+    /**
+     * The value is not editable.
+     */
+    readonly: boolean;
+    /**
+     * A value is required or must be check for the form to be submittable.
+     */
+    required: boolean;
+    /**
+     * Use round input edges.
+     */
+    round: boolean;
+    /**
+     * Type of form control.
+     */
+    type: InputType;
+    /**
+     * The 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 input element.
+     */
+    nativeAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when the value is changed.
+     */
+    catChange: EventEmitter<string>;
+    /**
+     * Emitted when the input received focus.
+     */
+    catFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    catBlur: EventEmitter<FocusEvent>;
+    componentWillRender(): void;
+    /**
+     * Programmatically move focus to the input. 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 input. Use this method instead of
+     * `input.blur()`.
+     */
+    doBlur(): Promise<void>;
+    /**
+     * Clear the input.
+     */
+    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 findSiblingInput;
 }

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

@@ -1,39 +1,39 @@
 interface ToastRef {
-  toast?: {
-    showToast: () => void;
-    hideToast: () => void;
-  };
+    toast?: {
+        showToast: () => void;
+        hideToast: () => void;
+    };
 }
 export interface ToastOptions {
-  /** The appearance mode of the notification. (Default: `dark`) */
-  mode: 'dark' | 'light';
-  /** An optional icon to appear in the notification. */
-  icon: string;
-  /** The placement of the notification on screen. (Default: `bottom-left`) */
-  placement: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-  /** Enables auto-closing of the notification. (Default: `true`) */
-  autoClose: boolean;
-  /** The duration in ms for the notification to be visible on screen. (Default: `3000`) */
-  duration: number;
-  /** An optional label for an action button. */
-  action: string;
-  /** Enable markup escape and sanitise HTML input. (Default: true) */
-  escapeMarkup: boolean;
-  /** Callback executed when the action button is clicked. Receives a reference to the notification as first argument. */
-  onAction: (toast: ToastRef) => void;
-  /** Callback executed when the notification is clicked. Receives a reference to the notification as first argument. */
-  onClick: (toast: ToastRef) => void;
-  /** Callback executed when the notification is dismissed. Receives a reference to the notification as first argument. */
-  onDismiss: (toast: ToastRef) => void;
+    /** The appearance mode of the notification. (Default: `dark`) */
+    mode: 'dark' | 'light';
+    /** An optional icon to appear in the notification. */
+    icon: string;
+    /** The placement of the notification on screen. (Default: `bottom-left`) */
+    placement: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    /** Enables auto-closing of the notification. (Default: `true`) */
+    autoClose: boolean;
+    /** The duration in ms for the notification to be visible on screen. (Default: `3000`) */
+    duration: number;
+    /** An optional label for an action button. */
+    action: string;
+    /** Enable markup escape and sanitise HTML input. (Default: true) */
+    escapeMarkup: boolean;
+    /** Callback executed when the action button is clicked. Receives a reference to the notification as first argument. */
+    onAction: (toast: ToastRef) => void;
+    /** Callback executed when the notification is clicked. Receives a reference to the notification as first argument. */
+    onClick: (toast: ToastRef) => void;
+    /** Callback executed when the notification is dismissed. Receives a reference to the notification as first argument. */
+    onDismiss: (toast: ToastRef) => void;
 }
 export declare class CatNotificationService {
-  private static instance;
-  private static duration;
-  private constructor();
-  static getInstance(): CatNotificationService;
-  show(content: string | Node, options?: Partial<ToastOptions>): () => void;
-  private getNode;
-  private getOptions;
+    private static instance;
+    private static duration;
+    private constructor();
+    static getInstance(): CatNotificationService;
+    show(content: string | Node, options?: Partial<ToastOptions>): () => void;
+    private getNode;
+    private getOptions;
 }
 export declare const catNotificationService: CatNotificationService;
 export {};

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

@@ -7,56 +7,56 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * correctly highlighted using `aria-current`.
  */
 export declare class CatPagination {
-  /**
-   * The current page.
-   */
-  page: number;
-  /**
-   * The total number of pages.
-   */
-  pageCount: number;
-  /**
-   * The number of pages to be shown around the current page.
-   */
-  activePadding: number;
-  /**
-   * The number of pages to be shown at the edges.
-   */
-  sidePadding: number;
-  /**
-   * The size of the buttons.
-   */
-  size: 'xs' | 's' | 'm' | 'l' | 'xl';
-  /**
-   * The rendering style of the buttons.
-   */
-  variant: 'filled' | 'outlined' | 'text';
-  /**
-   * Use round button edges.
-   */
-  round: boolean;
-  /**
-   * Use compact pagination mode.
-   */
-  compact: boolean;
-  /**
-   * The icon of the "previous" button.
-   */
-  iconPrev: string;
-  /**
-   * The icon of the "next" button.
-   */
-  iconNext: string;
-  /**
-   * Emitted when the page of the pagination has changed.
-   */
-  catChange: EventEmitter<number>;
-  render(): any;
-  get isFirst(): boolean;
-  get isLast(): boolean;
-  private setPage;
-  get pages(): number[];
-  private addSeq;
-  private clamp;
-  private get content();
+    /**
+     * The current page.
+     */
+    page: number;
+    /**
+     * The total number of pages.
+     */
+    pageCount: number;
+    /**
+     * The number of pages to be shown around the current page.
+     */
+    activePadding: number;
+    /**
+     * The number of pages to be shown at the edges.
+     */
+    sidePadding: number;
+    /**
+     * The size of the buttons.
+     */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * The rendering style of the buttons.
+     */
+    variant: 'filled' | 'outlined' | 'text';
+    /**
+     * Use round button edges.
+     */
+    round: boolean;
+    /**
+     * Use compact pagination mode.
+     */
+    compact: boolean;
+    /**
+     * The icon of the "previous" button.
+     */
+    iconPrev: string;
+    /**
+     * The icon of the "next" button.
+     */
+    iconNext: string;
+    /**
+     * Emitted when the page of the pagination has changed.
+     */
+    catChange: EventEmitter<number>;
+    render(): any;
+    get isFirst(): boolean;
+    get isLast(): boolean;
+    private setPage;
+    get pages(): number[];
+    private addSeq;
+    private clamp;
+    private get content();
 }