@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/types/components/kup-text-field/kup-text-field.d.ts

@@ -2,262 +2,262 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupTextFieldEventPayload } from './kup-text-field-declarations';
 export declare class KupTextField {
-  #private;
-  /**
-   * References the root HTML element of the component (<kup-text-field>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * The value of the component.
-   * @default ""
-   */
-  value: string;
-  /**
-   * When true, could be input negative numbers (should be used when inputType is number).
-   * @default null
-   */
-  allowNegative: boolean;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Number of decimals (should be used when inputType is number).
-   * @default null
-   */
-  decimals: number;
-  /**
-   * When set to true, the component is disabled.
-   * @default false
-   */
-  disabled: boolean;
-  /**
-   * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.
-   * @default true
-   */
-  emitSubmitEventOnEnter: boolean;
-  /**
-   * When set to true, the component will be rendered at full width.
-   * @default false
-   */
-  fullWidth: boolean;
-  /**
-   * When true, the number will be formatted with group separator (should be used when inputType is number).
-   * @default null
-   */
-  group: boolean;
-  /**
-   * When set, its content will be shown as a help text below the field.
-   * @default null
-   */
-  helper: string;
-  /**
-   * When true, the helper will be displayed.
-   * @default true
-   */
-  helperEnabled: boolean;
-  /**
-   * When set, the helper will be shown only when the field is focused.
-   * @default false
-   */
-  helperWhenFocused: boolean;
-  /**
-   * Hides the character counter.
-   * @default false
-   */
-  hiddenCounter: boolean;
-  /**
-   * When set, the text-field will show this icon.
-   * @default null
-   */
-  icon: string;
-  /**
-   * Sets the initial value of the component
-   * @default ""
-   */
-  initialValue: string;
-  /**
-   * The HTML inputmode of the input element.
-   * @default null
-   */
-  inputMode: string;
-  /**
-   * The HTML type of the input element. It has no effect on text areas.
-   * @default "text"
-   */
-  inputType: string;
-  /**
-   * Number of integers (should be used when inputType is number).
-   * @default null
-   */
-  integers: number;
-  /**
-   * Enables a clear trailing icon.
-   * @default false
-   */
-  isClearable: boolean;
-  /**
-   * When set, its content will be shown as a label.
-   * @default null
-   */
-  label: string;
-  /**
-   * When set to true, the label will be on the left of the component.
-   * @default false
-   */
-  leadingLabel: boolean;
-  /**
-   * The HTML max attribute specifies the maximum value for the input element.
-   * Works with the following input types: number, range, date, datetime-local, month, time and week.
-   * @default null
-   */
-  max: number;
-  /**
-   * When set, the helper will display a character counter.
-   * @default null
-   */
-  maxLength: number;
-  /**
-   * The HTML min attribute specifies the minimum value for the input element.
-   * Works with the following input types: number, range, date, datetime-local, month, time and week.
-   * @default null
-   */
-  min: number;
-  /**
-   * The HTML name attribute used for form autocomplete.
-   * @default null
-   */
-  name: string;
-  /**
-   * When set to true, the component will be rendered as an outlined field.
-   * @default false
-   */
-  outlined: boolean;
-  /**
-   * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.
-   * @default false
-   */
-  readOnly: boolean;
-  /**
-   * The HTML attribute size of the input element.
-   * @default null
-   */
-  size: number;
-  /**
-   * The HTML step of the input element. It has effect only with number input type.
-   * @default null
-   */
-  step: number;
-  /**
-   * When set to true, the component will be rendered as a textarea.
-   * @default false
-   */
-  textArea: boolean;
-  /**
-   * When set, the icon will be shown after the text.
-   * @default false
-   */
-  trailingIcon: boolean;
-  /**
-   * When set to true, the label will be on the right of the component.
-   * @default false
-   */
-  trailingLabel: boolean;
-  /**
-   * Reference to the input element.
-   */
-  private inputEl;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Triggered when the input element loses focus.
-   */
-  kupBlur: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the input element changes.
-   */
-  kupChange: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the input element is clicked.
-   */
-  kupClick: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the input element gets focused.
-   */
-  kupFocus: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the input element receives an input.
-   */
-  kupInput: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the text field's icon is clicked.
-   */
-  kupIconClick: EventEmitter<KupTextFieldEventPayload>;
-  /**
-   * Triggered when the text field's clear icon is clicked.
-   */
-  kupClearIconClick: EventEmitter<KupEventPayload>;
-  /**
-   * Triggered when the Enter key is pressed.
-   */
-  kupTextFieldSubmit: EventEmitter<KupTextFieldEventPayload>;
-  onKupBlur(event: FocusEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupChange(event: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupClick(event: MouseEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupFocus(_event: FocusEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupInput(event: UIEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupIconClick(event: MouseEvent & {
-    target: HTMLInputElement;
-  }): void;
-  onKupClearIconClick(): void;
-  onKeyDown(event: KeyboardEvent & {
-    target: HTMLInputElement;
-  }): void;
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  getProps(descriptions?: boolean): Promise<GenericObject>;
-  /**
-   * Returns the component's internal value.
-   */
-  getValue(): Promise<string>;
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  refresh(): Promise<void>;
-  /**
-   * Focuses the input element.
-   */
-  setFocus(): Promise<void>;
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  setProps(props: GenericObject): Promise<void>;
-  /**
-   * Sets the internal value of the component.
-   */
-  setValue(value: string): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-text-field>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * The value of the component.
+     * @default ""
+     */
+    value: string;
+    /**
+     * When true, could be input negative numbers (should be used when inputType is number).
+     * @default null
+     */
+    allowNegative: boolean;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    customStyle: string;
+    /**
+     * Number of decimals (should be used when inputType is number).
+     * @default null
+     */
+    decimals: number;
+    /**
+     * When set to true, the component is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.
+     * @default true
+     */
+    emitSubmitEventOnEnter: boolean;
+    /**
+     * When set to true, the component will be rendered at full width.
+     * @default false
+     */
+    fullWidth: boolean;
+    /**
+     * When true, the number will be formatted with group separator (should be used when inputType is number).
+     * @default null
+     */
+    group: boolean;
+    /**
+     * When set, its content will be shown as a help text below the field.
+     * @default null
+     */
+    helper: string;
+    /**
+     * When true, the helper will be displayed.
+     * @default true
+     */
+    helperEnabled: boolean;
+    /**
+     * When set, the helper will be shown only when the field is focused.
+     * @default false
+     */
+    helperWhenFocused: boolean;
+    /**
+     * Hides the character counter.
+     * @default false
+     */
+    hiddenCounter: boolean;
+    /**
+     * When set, the text-field will show this icon.
+     * @default null
+     */
+    icon: string;
+    /**
+     * Sets the initial value of the component
+     * @default ""
+     */
+    initialValue: string;
+    /**
+     * The HTML inputmode of the input element.
+     * @default null
+     */
+    inputMode: string;
+    /**
+     * The HTML type of the input element. It has no effect on text areas.
+     * @default "text"
+     */
+    inputType: string;
+    /**
+     * Number of integers (should be used when inputType is number).
+     * @default null
+     */
+    integers: number;
+    /**
+     * Enables a clear trailing icon.
+     * @default false
+     */
+    isClearable: boolean;
+    /**
+     * When set, its content will be shown as a label.
+     * @default null
+     */
+    label: string;
+    /**
+     * When set to true, the label will be on the left of the component.
+     * @default false
+     */
+    leadingLabel: boolean;
+    /**
+     * The HTML max attribute specifies the maximum value for the input element.
+     * Works with the following input types: number, range, date, datetime-local, month, time and week.
+     * @default null
+     */
+    max: number;
+    /**
+     * When set, the helper will display a character counter.
+     * @default null
+     */
+    maxLength: number;
+    /**
+     * The HTML min attribute specifies the minimum value for the input element.
+     * Works with the following input types: number, range, date, datetime-local, month, time and week.
+     * @default null
+     */
+    min: number;
+    /**
+     * The HTML name attribute used for form autocomplete.
+     * @default null
+     */
+    name: string;
+    /**
+     * When set to true, the component will be rendered as an outlined field.
+     * @default false
+     */
+    outlined: boolean;
+    /**
+     * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.
+     * @default false
+     */
+    readOnly: boolean;
+    /**
+     * The HTML attribute size of the input element.
+     * @default null
+     */
+    size: number;
+    /**
+     * The HTML step of the input element. It has effect only with number input type.
+     * @default null
+     */
+    step: number;
+    /**
+     * When set to true, the component will be rendered as a textarea.
+     * @default false
+     */
+    textArea: boolean;
+    /**
+     * When set, the icon will be shown after the text.
+     * @default false
+     */
+    trailingIcon: boolean;
+    /**
+     * When set to true, the label will be on the right of the component.
+     * @default false
+     */
+    trailingLabel: boolean;
+    /**
+     * Reference to the input element.
+     */
+    private inputEl;
+    /**
+     * Instance of the KupManager class.
+     */
+    private kupManager;
+    /**
+     * Triggered when the input element loses focus.
+     */
+    kupBlur: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the input element changes.
+     */
+    kupChange: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the input element is clicked.
+     */
+    kupClick: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the input element gets focused.
+     */
+    kupFocus: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the input element receives an input.
+     */
+    kupInput: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the text field's icon is clicked.
+     */
+    kupIconClick: EventEmitter<KupTextFieldEventPayload>;
+    /**
+     * Triggered when the text field's clear icon is clicked.
+     */
+    kupClearIconClick: EventEmitter<KupEventPayload>;
+    /**
+     * Triggered when the Enter key is pressed.
+     */
+    kupTextFieldSubmit: EventEmitter<KupTextFieldEventPayload>;
+    onKupBlur(event: FocusEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupChange(event: UIEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupClick(event: MouseEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupFocus(_event: FocusEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupInput(event: UIEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupIconClick(event: MouseEvent & {
+        target: HTMLInputElement;
+    }): void;
+    onKupClearIconClick(): void;
+    onKeyDown(event: KeyboardEvent & {
+        target: HTMLInputElement;
+    }): void;
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * Returns the component's internal value.
+     */
+    getValue(): Promise<string>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Focuses the input element.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    /**
+     * Sets the internal value of the component.
+     */
+    setValue(value: string): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
 }

package/dist/types/components/kup-time-picker/kup-time-picker-declarations.d.ts

@@ -4,14 +4,14 @@ import { KupEventPayload } from "../../types/GenericTypes";
  * Used to export every prop in an object.
  */
 export declare enum KupTimePickerProps {
-  clockVariant = "When set to true, the drop down menu will display a clock.",
-  customStyle = "Custom style of the component.",
-  data = "Props of the sub-components (time input text field)",
-  disabled = "Defaults at false. When set to true, the component is disabled.",
-  initialValue = "Sets the initial value of the component",
-  manageSeconds = "Manage seconds",
-  timeMinutesStep = "Minutes step"
+    clockVariant = "When set to true, the drop down menu will display a clock.",
+    customStyle = "Custom style of the component.",
+    data = "Props of the sub-components (time input text field)",
+    disabled = "Defaults at false. When set to true, the component is disabled.",
+    initialValue = "Sets the initial value of the component",
+    manageSeconds = "Manage seconds",
+    timeMinutesStep = "Minutes step"
 }
 export interface KupTimePickerEventPayload extends KupEventPayload {
-  value: any;
+    value: any;
 }