@haiilo/catalyst 5.4.0 → 6.0.0

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

@@ -1,22 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ErrorMap } from '../cat-form-hint/cat-form-hint';
-import { DatepickerType } from './datepicker-type';
-/**
- * Inputs are used to allow users to provide text input when the expected input
- * is short. As well as plain text, Input supports various types of text,
- * including passwords and numbers.
- *
- * @slot hint - Optional hint element to be displayed with the input.
- * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
- * @part label - The label content.
- */
-export declare class CatDatepicker {
-  private input;
-  private catInput;
-  private datepicker;
-  hostElement: HTMLElement;
-  hasSlottedLabel: boolean;
-  hasSlottedHint: boolean;
+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.
    */
@@ -46,9 +33,9 @@ export declare class CatDatepicker {
    */
   icon?: string;
   /**
-   * Display the icon on the left.
+   * Display the icon on the right.
    */
-  iconLeft: boolean;
+  iconRight: boolean;
   /**
    * A unique identifier for the input.
    */
@@ -62,13 +49,17 @@ export declare class CatDatepicker {
    */
   labelHidden: boolean;
   /**
-   * A maximum value for date, time and numeric values.
+   * A maximum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
    */
-  max?: number | string;
+  max?: string;
   /**
-   * A minimum value for date, time and numeric values.
+   * A minimum value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z.
    */
-  min?: number | string;
+  min?: string;
+  /**
+   * The mode of the datepicker, to select a date, time, both, a date range or a week number.
+   */
+  mode: 'date' | 'time' | 'datetime' | 'daterange' | 'week';
   /**
    * The name of the form control. Submitted with the form as part of a name/value pair.
    */
@@ -94,23 +85,11 @@ export declare class CatDatepicker {
    */
   required: boolean;
   /**
-   * The date format after picker selection.
-   */
-  format: string;
-  /**
-   * Whether the picker should show the week numbers.
-   */
-  weekNumbers: boolean;
-  /**
-   * Type of datepicker ('date', 'week', 'month', 'year').
-   */
-  type: DatepickerType;
-  /**
-   * Dates that should be disabled inside the picker
+   * The step size to use when changing the time.
    */
-  datesDisabled: Array<Date> | Array<string>;
+  step: number;
   /**
-   * The value of the control.
+   * The value as ISO Date string, e.g. 2017-03-04T01:23:43.000Z or as a week number string.
    */
   value?: string;
   /**
@@ -137,7 +116,7 @@ export declare class CatDatepicker {
   /**
    * Emitted when the value is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<string>;
   /**
    * Emitted when the input received focus.
    */
@@ -146,8 +125,9 @@ export declare class CatDatepicker {
    * Emitted when the input loses focus.
    */
   catBlur: EventEmitter<FocusEvent>;
+  componentDidLoad(): void;
   /**
-   * Programmatically move focus to the input. Use this method instead of
+   * Programmatically move focus to the datepicker. Use this method instead of
    * `input.focus()`.
    *
    * @param options An optional object providing options to control aspects of
@@ -155,33 +135,9 @@ export declare class CatDatepicker {
    */
   doFocus(options?: FocusOptions): Promise<void>;
   /**
-   * Programmatically remove focus from the input. Use this method instead of
+   * Programmatically remove focus from the datepicker. Use this method instead of
    * `input.blur()`.
    */
   doBlur(): Promise<void>;
-  /**
-   * Programmatically simulate a click on the input.
-   */
-  doClick(): Promise<void>;
-  /**
-   * Clear the input.
-   */
-  clear(): Promise<void>;
-  componentWillRender(): void;
   render(): any;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  private handleDateChange;
-  private handleWeekDays;
-  private selectAllWeekDays;
-  private focusAllWeekDays;
-  private addClassToAllWeekDays;
-  private onCatChange;
-  private onCatFocus;
-  private onCatBlur;
-  private shouldHighlightAsToday;
-  private get dateFormat();
-  private fromISOWeek;
-  private fromISOWeekNumber;
-  private toISOWeek;
 }

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

@@ -0,0 +1,3 @@
+import { CustomLocale } from 'flatpickr/dist/types/locale';
+export declare function getHour12(language: string): boolean;
+export declare function getLocale(language: string): CustomLocale;

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

@@ -2,8 +2,11 @@ export declare class CatI18nRegistry {
   private static instance;
   private readonly id;
   private readonly i18n;
+  private _locale?;
   private constructor();
   static getInstance(): CatI18nRegistry;
+  getLocale(): string;
+  setLocale(locale: string): void;
   set(i18n: {
     [key: string]: string;
   }, silent?: boolean): void;

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

@@ -116,7 +116,7 @@ export declare class CatInput {
   /**
    * The value of the control.
    */
-  value?: string | number;
+  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
@@ -141,7 +141,7 @@ export declare class CatInput {
   /**
    * Emitted when the value is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<string>;
   /**
    * Emitted when the input received focus.
    */
@@ -164,10 +164,6 @@ export declare class CatInput {
    * `input.blur()`.
    */
   doBlur(): Promise<void>;
-  /**
-   * Programmatically simulate a click on the input.
-   */
-  doClick(): Promise<void>;
   /**
    * Clear the input.
    */

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

@@ -1 +1 @@
-export type InputType = 'button' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
+export type InputType = 'color' | 'email' | 'file' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'url';

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

@@ -50,7 +50,7 @@ export declare class CatPagination {
   /**
    * Emitted when the page of the pagination has changed.
    */
-  catChange: EventEmitter;
+  catChange: EventEmitter<number>;
   render(): any;
   get isFirst(): boolean;
   get isLast(): boolean;

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

@@ -45,7 +45,7 @@ export declare class CatRadio {
   /**
    * The value of the radio component.
    */
-  value?: string;
+  value: string;
   /**
    * Optional hint text(s) to be displayed with the radio.
    */
@@ -63,7 +63,7 @@ export declare class CatRadio {
   /**
    * Emitted when the radio is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<boolean | string>;
   /**
    * Emitted when the radio received focus.
    */
@@ -86,12 +86,8 @@ export declare class CatRadio {
    * instead of `input.blur()`.
    */
   doBlur(): Promise<void>;
-  /**
-   * Programmatically simulate a click on the radio button.
-   */
-  doClick(): Promise<void>;
   render(): any;
-  private onChange;
+  private onInput;
   private onFocus;
   private onBlur;
 }

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

@@ -29,7 +29,11 @@ export declare class CatRadioGroup {
   /**
    * Emitted when the value is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<boolean | string>;
+  /**
+   * Emitted when the radio group received focus.
+   */
+  catFocus: EventEmitter<FocusEvent>;
   /**
    * Emitted when the radio group loses focus.
    */
@@ -41,6 +45,7 @@ export declare class CatRadioGroup {
   componentDidLoad(): void;
   onKeydown(event: KeyboardEvent): void;
   onInput(event: MouseEvent): void;
+  onFocus(event: FocusEvent): void;
   onBlur(event: FocusEvent): void;
   render(): any;
   private updateTabIndex;

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

@@ -77,7 +77,7 @@ export declare class CatTextarea {
   /**
    * The initial value of the control.
    */
-  value?: string | number;
+  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
@@ -102,7 +102,7 @@ export declare class CatTextarea {
   /**
    * Emitted when the value is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<string>;
   /**
    * Emitted when the textarea received focus.
    */
@@ -127,9 +127,9 @@ export declare class CatTextarea {
    */
   doBlur(): Promise<void>;
   /**
-   * Programmatically simulate a click on the textarea.
+   * Clear the textarea.
    */
-  doClick(): Promise<void>;
+  clear(): Promise<void>;
   watchErrorsHandler(value?: boolean | string[] | ErrorMap): void;
   render(): any;
   private get invalid();

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

@@ -36,7 +36,7 @@ export declare class CatToggle {
    */
   labelHidden: boolean;
   /**
-   * The name of the input
+   * The name of the input.
    */
   name?: string;
   /**
@@ -44,9 +44,13 @@ export declare class CatToggle {
    */
   required: boolean;
   /**
-   * The value of the toggle
+   * The value of the toggle.
    */
-  value?: string | boolean;
+  value?: string;
+  /**
+   * The resolved value of the toggle, based on the checked state and value.
+   */
+  resolvedValue: string | boolean | null;
   /**
    * Optional hint text(s) to be displayed with the toggle.
    */
@@ -64,7 +68,7 @@ export declare class CatToggle {
   /**
    * Emitted when the checked status of the toggle is changed.
    */
-  catChange: EventEmitter<InputEvent>;
+  catChange: EventEmitter<boolean | string | null>;
   /**
    * Emitted when the toggle received focus.
    */
@@ -73,6 +77,7 @@ export declare class CatToggle {
    * Emitted when the toggle loses focus.
    */
   catBlur: EventEmitter<FocusEvent>;
+  componentWillLoad(): void;
   componentWillRender(): void;
   /**
    * Programmatically move focus to the toggle. Use this method instead of
@@ -87,12 +92,9 @@ export declare class CatToggle {
    * `input.blur()`.
    */
   doBlur(): Promise<void>;
-  /**
-   * Programmatically simulate a click on the toggle.
-   */
-  doClick(): Promise<void>;
   render(): any;
   private onInput;
   private onFocus;
   private onBlur;
+  private updateResolved;
 }