@sme.up/ketchup 8.0.2 → 8.1.0

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

@@ -1,253 +1,253 @@
-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;
-  /**
-   * 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 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;
-}
+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;
+  /**
+   * 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 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

@@ -1,17 +1,17 @@
-import { KupEventPayload } from "../../types/GenericTypes";
-/**
- * Props of the kup-time-picker component.
- * 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"
-}
-export interface KupTimePickerEventPayload extends KupEventPayload {
-  value: any;
-}
+import { KupEventPayload } from "../../types/GenericTypes";
+/**
+ * Props of the kup-time-picker component.
+ * 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"
+}
+export interface KupTimePickerEventPayload extends KupEventPayload {
+  value: any;
+}