@haiilo/catalyst 8.1.0 → 8.2.0

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

@@ -2,153 +2,157 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { ErrorMap } from '../cat-form-hint/cat-form-hint';
 import { CatDatepickerMode } from './cat-datepicker.mode';
 export declare class CatDatepickerFlat {
-  private pickr?;
-  private _input?;
-  private get input();
-  /**
-   * 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 as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
-   */
-  max?: string;
-  /**
-   * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
-   */
-  min?: string;
-  /**
-   * The mode of the datepicker, to select a date, time, both, a date range or a week number.
-   */
-  mode: CatDatepickerMode;
-  /**
-   * 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;
-  /**
-   * The step size to use when changing the time.
-   */
-  step: number;
-  /**
-   * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.
-   */
-  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;
-  };
-  /**
-   * Attributes that will be added to the rendered HTML datepicker element.
-   */
-  nativePickerAttributes?: {
-    [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>;
-  onValueChanged(value: string): void;
-  onDisabledChanged(): void;
-  componentDidLoad(): void;
-  onMinChanged(): void;
-  /**
-   * Programmatically move focus to the datepicker. 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 datepicker. Use this method instead of
-   * `input.blur()`.
-   */
-  doBlur(): Promise<void>;
-  render(): any;
-  private initDatepicker;
+    private pickr?;
+    private _input?;
+    private get input();
+    hostElement: HTMLElement;
+    hasSlottedLabel: boolean;
+    hasSlottedHint: boolean;
+    /**
+     * 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 as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
+     */
+    max?: string;
+    /**
+     * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
+     */
+    min?: string;
+    /**
+     * The mode of the datepicker, to select a date, time, both, a date range or a week number.
+     */
+    mode: CatDatepickerMode;
+    /**
+     * 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;
+    /**
+     * The step size to use when changing the time.
+     */
+    step: number;
+    /**
+     * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.
+     */
+    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;
+    };
+    /**
+     * Attributes that will be added to the rendered HTML datepicker element.
+     */
+    nativePickerAttributes?: {
+        [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>;
+    onValueChanged(value: string): void;
+    onDisabledChanged(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    onMinChanged(): void;
+    /**
+     * Programmatically move focus to the datepicker. 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 datepicker. Use this method instead of
+     * `input.blur()`.
+     */
+    doBlur(): Promise<void>;
+    render(): any;
+    private initDatepicker;
 }

package/dist/types/components/cat-datepicker-inline/cat-datepicker-inline.d.ts

@@ -1,49 +1,49 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CatDatepickerMode } from '../cat-datepicker/cat-datepicker.mode';
 export declare class CatDatepickerInline {
-  private pickr?;
-  private input?;
-  /**
-   * Whether the input is disabled.
-   */
-  disabled: boolean;
-  /**
-   * A maximum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
-   */
-  max?: string;
-  /**
-   * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
-   */
-  min?: string;
-  /**
-   * The mode of the datepicker, to select a date, time, both, a date range or a week number.
-   */
-  mode: CatDatepickerMode;
-  /**
-   * The value is not editable.
-   */
-  readonly: boolean;
-  /**
-   * The step size to use when changing the time.
-   */
-  step: number;
-  /**
-   * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.
-   */
-  value?: string;
-  /**
-   * Attributes that will be added to the rendered HTML datepicker element.
-   */
-  nativePickerAttributes?: {
-    [key: string]: string;
-  };
-  /**
-   * Emitted when the value is changed.
-   */
-  catChange: EventEmitter<string>;
-  onValueChanged(value: string): void;
-  onDisabledChanged(): void;
-  componentDidLoad(): void;
-  render(): any;
-  private initDatepicker;
+    private pickr?;
+    private input?;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * A maximum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
+     */
+    max?: string;
+    /**
+     * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
+     */
+    min?: string;
+    /**
+     * The mode of the datepicker, to select a date, time, both, a date range or a week number.
+     */
+    mode: CatDatepickerMode;
+    /**
+     * The value is not editable.
+     */
+    readonly: boolean;
+    /**
+     * The step size to use when changing the time.
+     */
+    step: number;
+    /**
+     * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.
+     */
+    value?: string;
+    /**
+     * Attributes that will be added to the rendered HTML datepicker element.
+     */
+    nativePickerAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Emitted when the value is changed.
+     */
+    catChange: EventEmitter<string>;
+    onValueChanged(value: string): void;
+    onDisabledChanged(): void;
+    componentDidLoad(): void;
+    render(): any;
+    private initDatepicker;
 }

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

@@ -1,53 +1,53 @@
 import { Placement } from '@floating-ui/dom';
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class CatDropdown {
-  private static readonly OFFSET;
-  private readonly id;
-  private triggerSlot;
-  private trigger?;
-  private content;
-  private trap?;
-  private keyListener?;
-  private isOpen;
-  /**
-   * The placement of the dropdown.
-   */
-  placement: Placement;
-  /**
-   * Do not close the dropdown on outside clicks.
-   */
-  noAutoClose: boolean;
-  /**
-   * Allow overflow when dropdown is open.
-   */
-  overflow: boolean;
-  /**
-   * Emitted when the dropdown is opened.
-   */
-  catOpen: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the dropdown is closed.
-   */
-  catClose: EventEmitter<FocusEvent>;
-  clickHandler(event: CustomEvent<MouseEvent>): void;
-  /**
-   * Toggles the dropdown.
-   */
-  toggle(): Promise<void>;
-  /**
-   * Opens the dropdown.
-   */
-  open(): Promise<void>;
-  /**
-   * Closes the dropdown.
-   */
-  close(): Promise<void>;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
-  private get contentId();
-  private initTrigger;
-  private findTrigger;
-  private update;
-  private hasAttribute;
+    private static readonly OFFSET;
+    private readonly id;
+    private triggerSlot;
+    private trigger?;
+    private content;
+    private trap?;
+    private keyListener?;
+    private isOpen;
+    /**
+     * The placement of the dropdown.
+     */
+    placement: Placement;
+    /**
+     * Do not close the dropdown on outside clicks.
+     */
+    noAutoClose: boolean;
+    /**
+     * Allow overflow when dropdown is open.
+     */
+    overflow: boolean;
+    /**
+     * Emitted when the dropdown is opened.
+     */
+    catOpen: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the dropdown is closed.
+     */
+    catClose: EventEmitter<FocusEvent>;
+    clickHandler(event: CustomEvent<MouseEvent>): void;
+    /**
+     * Toggles the dropdown.
+     */
+    toggle(): Promise<void>;
+    /**
+     * Opens the dropdown.
+     */
+    open(): Promise<void>;
+    /**
+     * Closes the dropdown.
+     */
+    close(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+    private get contentId();
+    private initTrigger;
+    private findTrigger;
+    private update;
+    private hasAttribute;
 }

package/dist/types/components/cat-form-group/cat-form-group.d.ts

@@ -1,25 +1,25 @@
 export declare class CatFormGroup {
-  private formElements;
-  hostElement: HTMLElement;
-  /**
-   * Whether the labels need a marker to shown if the forms fields are required or optional.<br /><br />
-   * By default, it is set to auto, it will display the mark depending on the number of required and optional fields: <br />
-   * - If there are more required, the optional will be marked.<br />
-   * - If there are less required, it will mark the required.<br /><br />
-   * If a form field had "!", the requiredMarked of the field would not change.
-   */
-  requiredMarker: 'none' | 'required' | 'optional' | 'auto';
-  /**
-   * Whether the label is on top or left.
-   */
-  horizontal: boolean;
-  /**
-   * The space allocated to the input label
-   */
-  labelSize?: string;
-  onRequiredMarkerChanged(newRequiredMarker: 'none' | 'required' | 'optional' | 'auto'): void;
-  onHorizontalChanged(newHorizontal: boolean): void;
-  render(): any;
-  private onSlotChange;
-  private calculate;
+    private formElements;
+    hostElement: HTMLElement;
+    /**
+     * Whether the labels need a marker to shown if the forms fields are required or optional.<br /><br />
+     * By default, it is set to auto, it will display the mark depending on the number of required and optional fields: <br />
+     * - If there are more required, the optional will be marked.<br />
+     * - If there are less required, it will mark the required.<br /><br />
+     * If a form field had "!", the requiredMarked of the field would not change.
+     */
+    requiredMarker: 'none' | 'required' | 'optional' | 'auto';
+    /**
+     * Whether the label is on top or left.
+     */
+    horizontal: boolean;
+    /**
+     * The space allocated to the input label
+     */
+    labelSize?: string;
+    onRequiredMarkerChanged(newRequiredMarker: 'none' | 'required' | 'optional' | 'auto'): void;
+    onHorizontalChanged(newHorizontal: boolean): void;
+    render(): any;
+    private onSlotChange;
+    private calculate;
 }

package/dist/types/components/cat-form-hint/cat-form-hint.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 export type ErrorMap = {
-  [key: string]: any;
+    [key: string]: any;
 };
 /**
  * Properties of CatFormHint.
@@ -9,11 +9,11 @@ export type ErrorMap = {
  * @property slottedHint - Optional hint element of the form field.
  */
 interface CatFormHintProps {
-  id: string;
-  hint?: string | string[];
-  slottedHint?: HTMLSlotElement;
-  class?: string;
-  errorMap?: ErrorMap;
+    id: string;
+    hint?: string | string[];
+    slottedHint?: HTMLSlotElement;
+    class?: string;
+    errorMap?: ErrorMap;
 }
 /**
  * CatFormHint is a functional component that represents the hint area of form elements.

package/dist/types/components/cat-i18n/cat-i18n-registry.d.ts

@@ -1,20 +1,20 @@
 export declare class CatI18nRegistry {
-  private static instance;
-  private readonly id;
-  private readonly i18n;
-  private _locale?;
-  _translator?: (key: string, params?: unknown) => string;
-  private constructor();
-  static getInstance(): CatI18nRegistry;
-  getLocale(): string;
-  setLocale(locale: string, silent?: boolean): void;
-  set(i18n: {
-    [key: string]: string;
-  }, silent?: boolean): void;
-  clear(silent?: boolean): void;
-  t(key: string, params?: {
-    [key: string]: unknown;
-  }): string;
-  private buildEvent;
+    private static instance;
+    private readonly id;
+    private readonly i18n;
+    private _locale?;
+    _translator?: (key: string, params?: unknown) => string;
+    private constructor();
+    static getInstance(): CatI18nRegistry;
+    getLocale(): string;
+    setLocale(locale: string, silent?: boolean): void;
+    set(i18n: {
+        [key: string]: string;
+    }, silent?: boolean): void;
+    clear(silent?: boolean): void;
+    t(key: string, params?: {
+        [key: string]: unknown;
+    }): string;
+    private buildEvent;
 }
 export declare const catI18nRegistry: CatI18nRegistry;

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

@@ -1,15 +1,15 @@
 export declare class CatIconRegistry {
-  private static instance;
-  private readonly id;
-  private readonly icons;
-  private constructor();
-  static getInstance(): CatIconRegistry;
-  getIcon(name: string, setName?: string): string | undefined;
-  addIcons(icons: {
-    [name: string]: string;
-  }, setName?: string, silent?: boolean): CatIconRegistry;
-  removeIcons(names: string[], setName?: string, silent?: boolean): CatIconRegistry;
-  private buildName;
-  private buildEvent;
+    private static instance;
+    private readonly id;
+    private readonly icons;
+    private constructor();
+    static getInstance(): CatIconRegistry;
+    getIcon(name: string, setName?: string): string | undefined;
+    addIcons(icons: {
+        [name: string]: string;
+    }, setName?: string, silent?: boolean): CatIconRegistry;
+    removeIcons(names: string[], setName?: string, silent?: boolean): CatIconRegistry;
+    private buildName;
+    private buildEvent;
 }
 export declare const catIconRegistry: CatIconRegistry;