@haiilo/catalyst 5.3.0 → 5.4.0

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

@@ -0,0 +1,158 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ErrorMap } from '../cat-form-hint/cat-form-hint';
+import { CatSelectMultipleTaggingValue, CatSelectState, CatSelectTaggingValue } from '../cat-select/cat-select';
+import { Placement } from '@floating-ui/dom';
+/**
+ * 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.
+ * @part prefix - The text prefix.
+ * @part suffix - The text suffix.
+ */
+export declare class CatTimepicker {
+  private timeSelect?;
+  hostElement: HTMLElement;
+  state?: CatSelectState;
+  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;
+  /**
+   * Enable multiple selection.
+   */
+  multiple: boolean;
+  /**
+   * The placement of the select.
+   */
+  placement: Placement;
+  /**
+   * The value of the select. <br />
+   * <br />
+   * The value of the select depends on whether it is allowed to choose a single item or several items. <br />
+   * When only one item can be selected, the value is the id of the item, in case several items can be selected, the value is an array of ids of the selected items. <br />
+   * <br />
+   * In case the user can add new items to the select (tags activated), the value in the single select is an object (CatSelectTaggingValue) with the id of the item or the name of the created item,
+   * in the case of multiple select, it is an object (CatSelectMultipleTaggingValue) with the array of the ids of the items selected and the array of the names of the items created
+   */
+  value?: string | string[] | CatSelectTaggingValue | CatSelectMultipleTaggingValue;
+  /**
+   * Whether the input is disabled.
+   */
+  disabled: boolean;
+  /**
+   * The placeholder text to display within the select.
+   */
+  placeholder?: string;
+  /**
+   * Optional hint text(s) to be displayed with the input.
+   */
+  hint?: string | string[];
+  /**
+   * A unique identifier for the input.
+   */
+  identifier?: string;
+  /**
+   * The label for the input.
+   */
+  label: string;
+  /**
+   * The name of the form control. Submitted with the form as part of a name/value pair.
+   */
+  name?: string;
+  /**
+   * Visually hide the label, but still show it to assistive technologies like screen readers.
+   */
+  labelHidden: boolean;
+  /**
+   * A value is required or must be checked for the form to be submittable.
+   */
+  required: boolean;
+  /**
+   * Whether the select should show a clear button.
+   */
+  clearable: boolean;
+  /**
+   * A maximum value for date, time and numeric values.
+   */
+  max?: string;
+  /**
+   * A minimum value for date, time and numeric values.
+   */
+  min?: string;
+  /**
+   * The text to display in the dropdown if no results are found.
+   */
+  noItems?: 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 native HTML input element.
+   */
+  minutesStep: number;
+  /**
+   * Attributes that will be added to the native HTML input element.
+   */
+  hourShort: boolean;
+  /**
+   * Emitted when the select dropdown is opened.
+   */
+  catOpen: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the select dropdown is closed.
+   */
+  catClose: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the value is changed.
+   */
+  catChange: EventEmitter;
+  /**
+   * Emitted when the select loses the focus.
+   */
+  catBlur: EventEmitter<FocusEvent>;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  render(): any;
+  private get timeConnector();
+  private get timeArray();
+  private isBrowserHour12;
+  private getHour;
+  private getMinutes;
+  private isHigherThanMinValue;
+  private isLowerThanMaxValue;
+  private formatAMPM;
+  private formatTime;
+  private onCatChange;
+  private onCatOpen;
+  private onCatClose;
+  private onCatBlur;
+}

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

@@ -64,7 +64,7 @@ export declare class CatToggle {
   /**
    * Emitted when the checked status of the toggle is changed.
    */
-  catChange: EventEmitter;
+  catChange: EventEmitter<InputEvent>;
   /**
    * Emitted when the toggle received focus.
    */