@mgdis/mg-components 5.19.2 → 5.20.0

package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts

@@ -2,184 +2,185 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { Width } from '../MgInput.conf';
 import { ClassList } from '../../../../utils/components.utils';
 export declare class MgInputTextarea {
-  /************
-   * Internal *
-   ************/
-  private classFocus;
-  private classHasDisplayCharacterLeft;
-  private characterLeftId;
-  private input;
-  private messages;
-  private hasDisplayedError;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgInputTextareaElement;
-  /**
-   * Component value
-   */
-  value: string;
-  handleValue(newValue: string): void;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   */
-  identifier: string;
-  /**
-   * Input name
-   * If not set the value equals the identifier
-   */
-  name: string;
-  /**
-   * Input label
-   */
-  label: string;
-  /**
-   * Define if label is displayed on top
-   */
-  labelOnTop: boolean;
-  /**
-   * Define if label is visible
-   */
-  labelHide: boolean;
-  /**
-   * Input placeholder.
-   * It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
-   */
-  placeholder: string;
-  /**
-   * Input max length
-   */
-  maxlength: number;
-  /**
-   * Define if input is required
-   */
-  required: boolean;
-  /**
-   * Define if input is readonly
-   */
-  readonly: boolean;
-  /**
-   * Define if input is disabled
-   */
-  disabled: boolean;
-  handleValidityChange(newValue: boolean, _oldValue: boolean, prop: string): void;
-  /**
-   * Define input width
-   */
-  mgWidth: Width;
-  /**
-   * Define input pattern to validate
-   */
-  pattern: string;
-  /**
-   * Define input pattern error message
-   */
-  patternErrorMessage: string;
-  validatePattern(newValue: string): void;
-  /**
-   * Define the number of visible text lines for the control
-   */
-  rows: number;
-  /**
-   * Add a tooltip message next to the input
-   */
-  tooltip: string;
-  /**
-   * Define if component should display character left
-   */
-  displayCharacterLeft: boolean;
-  validateDisplayCharacterLeft(newValue: boolean): void;
-  /**
-   * Add a help text under the input, usually expected data format and example
-   */
-  helpText: string;
-  /**
-   * Define input valid state
-   */
-  valid: boolean;
-  /**
-   * Define input invalid state
-   */
-  invalid: boolean;
-  /**
-   * Define if input is resizable
-   */
-  resizable: 'none' | 'both' | 'horizontal' | 'vertical';
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Error message to display
-   */
-  errorMessage: string;
-  /**
-   * Emited event when value change
-   */
-  valueChange: EventEmitter<string>;
-  /**
-   * Emited event when checking validity
-   */
-  inputValid: EventEmitter<boolean>;
-  /**
-   * Display input error if it exists.
-   */
-  displayError(): Promise<void>;
-  /**
-   * Set an error and display a custom error message.
-   * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
-   * It must be paired with an error message to display for the given context.
-   * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
-   * @param valid - value indicating the validity
-   * @param errorMessage - the error message to display
-   */
-  setError(valid: MgInputTextarea['valid'], errorMessage: string): Promise<void>;
-  /**
-   * Method to set validity values
-   * @param newValue - valid new value
-   */
-  private setValidity;
-  /**
-   * Handle input event
-   */
-  private handleInput;
-  /**
-   * Handle focus event
-   */
-  private handleFocus;
-  /**
-   * Handle blur event
-   */
-  private handleBlur;
-  /**
-   * Get pattern validity
-   * Pattern is not defined on textarea field: https://developer.mozilla.org/fr/docs/Web/HTML/Element/Textarea
-   * @returns is pattern valid
-   */
-  private getPatternValidity;
-  /**
-   * Check if input is valid
-   */
-  private checkValidity;
-  /**
-   * Set input error message
-   * @param errorMessage - errorMessage override
-   */
-  private setErrorMessage;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if component props are well configured on init
-   * @returns timeout
-   */
-  componentWillLoad(): ReturnType<typeof setTimeout>;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private classFocus;
+    private classHasDisplayCharacterLeft;
+    private characterLeftId;
+    private input;
+    private messages;
+    private hasDisplayedError;
+    private handlerInProgress;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgInputTextareaElement;
+    /**
+     * Component value
+     */
+    value: string;
+    handleValue(newValue: string): void;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     */
+    identifier: string;
+    /**
+     * Input name
+     * If not set the value equals the identifier
+     */
+    name: string;
+    /**
+     * Input label
+     */
+    label: string;
+    /**
+     * Define if label is displayed on top
+     */
+    labelOnTop: boolean;
+    /**
+     * Define if label is visible
+     */
+    labelHide: boolean;
+    /**
+     * Input placeholder.
+     * It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
+     */
+    placeholder: string;
+    /**
+     * Input max length
+     */
+    maxlength: number;
+    /**
+     * Define if input is required
+     */
+    required: boolean;
+    /**
+     * Define if input is readonly
+     */
+    readonly: boolean;
+    /**
+     * Define if input is disabled
+     */
+    disabled: boolean;
+    handleValidityChange(newValue: boolean, _oldValue: boolean, prop: string): void;
+    /**
+     * Define input width
+     */
+    mgWidth: Width;
+    /**
+     * Define input pattern to validate
+     */
+    pattern: string;
+    /**
+     * Define input pattern error message
+     */
+    patternErrorMessage: string;
+    validatePattern(newValue: string): void;
+    /**
+     * Define the number of visible text lines for the control
+     */
+    rows: number;
+    /**
+     * Add a tooltip message next to the input
+     */
+    tooltip: string;
+    /**
+     * Define if component should display character left
+     */
+    displayCharacterLeft: boolean;
+    validateDisplayCharacterLeft(newValue: boolean): void;
+    /**
+     * Add a help text under the input, usually expected data format and example
+     */
+    helpText: string;
+    /**
+     * Define input valid state
+     */
+    valid: boolean;
+    /**
+     * Define input invalid state
+     */
+    invalid: boolean;
+    /**
+     * Define if input is resizable
+     */
+    resizable: 'none' | 'both' | 'horizontal' | 'vertical';
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Error message to display
+     */
+    errorMessage: string;
+    /**
+     * Emited event when value change
+     */
+    valueChange: EventEmitter<HTMLMgInputTextareaElement['value']>;
+    /**
+     * Emited event when checking validity
+     */
+    inputValid: EventEmitter<HTMLMgInputTextareaElement['valid']>;
+    /**
+     * Display input error if it exists.
+     */
+    displayError(): Promise<void>;
+    /**
+     * Set an error and display a custom error message.
+     * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
+     * It must be paired with an error message to display for the given context.
+     * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
+     * @param valid - value indicating the validity
+     * @param errorMessage - the error message to display
+     */
+    setError(valid: MgInputTextarea['valid'], errorMessage: string): Promise<void>;
+    /**
+     * Method to set validity values
+     * @param newValue - valid new value
+     */
+    private setValidity;
+    /**
+     * Handle input event
+     */
+    private handleInput;
+    /**
+     * Handle focus event
+     */
+    private handleFocus;
+    /**
+     * Handle blur event
+     */
+    private handleBlur;
+    /**
+     * Get pattern validity
+     * Pattern is not defined on textarea field: https://developer.mozilla.org/fr/docs/Web/HTML/Element/Textarea
+     * @returns is pattern valid
+     */
+    private getPatternValidity;
+    /**
+     * Check if input is valid
+     */
+    private checkValidity;
+    /**
+     * Set input error message
+     * @param errorMessage - errorMessage override
+     */
+    private setErrorMessage;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if component props are well configured on init
+     * @returns timeout
+     */
+    componentWillLoad(): ReturnType<typeof setTimeout>;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf.d.ts

@@ -3,6 +3,6 @@
  * use to match toggle input attributes
  */
 export type ToggleValue = {
-  title: string;
-  value: unknown;
+    title: string;
+    value: unknown;
 };

package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts

@@ -2,145 +2,145 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '../../../../utils/components.utils';
 import { ToggleValue } from './mg-input-toggle.conf';
 export declare class MgInputToggle {
-  /************
-   * Internal *
-   ************/
-  private classReadonly;
-  private classDisabled;
-  private classIsActive;
-  private classOnOff;
-  private classIcon;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgInputToggleElement;
-  /**
-   * Component value
-   */
-  value: any;
-  handleValue(newValue: any): void;
-  /**
-   * Items are the possible options to select
-   */
-  items: string[] | ToggleValue[];
-  validateItems(newValue: string[] | ToggleValue[]): void;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   */
-  identifier: string;
-  /**
-   * Input name
-   * If not set the value equals the identifier
-   */
-  name: string;
-  /**
-   * Input label
-   */
-  label: string;
-  /**
-   * Define if label is displayed on top
-   */
-  labelOnTop: boolean;
-  /**
-   * Define if label is visible
-   */
-  labelHide: boolean;
-  /**
-   * Define if toggle have on/off style
-   */
-  isOnOff: boolean;
-  handleIsOnOff(newValue: boolean): void;
-  /**
-   * Define if toggle display icon
-   */
-  isIcon: boolean;
-  handleIsIcon(newValue: boolean): void;
-  /**
-   * Define if input is readonly
-   */
-  readonly: boolean;
-  handleReadonly(newValue: boolean): void;
-  /**
-   * Define if input is disabled
-   */
-  disabled: boolean;
-  handleDisabled(newValue: boolean): void;
-  /**
-   * Add a tooltip message next to the input
-   */
-  tooltip: string;
-  /**
-   * Add a help text under the input, usually expected data format and example
-   */
-  helpText: string;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Formated items for display
-   */
-  options: ToggleValue[];
-  /**
-   * Error message to display
-   */
-  errorMessage: string;
-  /**
-   * Define input valid state
-   */
-  valid: boolean;
-  /**
-   * Checked internal value
-   */
-  checked: boolean;
-  handleChecked(newValue: boolean): void;
-  /**
-   * Emited event when value change
-   */
-  valueChange: EventEmitter<any>;
-  /**
-   * Emited event when checking validity
-   */
-  inputValid: EventEmitter<boolean>;
-  /**
-   * Set an error and display a custom error message.
-   * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
-   * It must be paired with an error message to display for the given context.
-   * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
-   * @param valid - value indicating the validity
-   * @param errorMessage - the error message to display
-   */
-  setError(valid: boolean, errorMessage: string): Promise<void>;
-  /**
-   * Set input error message
-   * @param errorMessage - errorMessage override
-   */
-  private setErrorMessage;
-  /**
-   * Change checked value
-   */
-  private toggleChecked;
-  /**
-   * Slots validation
-   */
-  private validateSlots;
-  /**
-   * set checked state
-   */
-  private setChecked;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if component props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private classReadonly;
+    private classDisabled;
+    private classIsActive;
+    private classOnOff;
+    private classIcon;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgInputToggleElement;
+    /**
+     * Component value
+     */
+    value: any;
+    handleValue(newValue: any): void;
+    /**
+     * Items are the possible options to select
+     */
+    items: string[] | ToggleValue[];
+    validateItems(newValue: string[] | ToggleValue[]): void;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     */
+    identifier: string;
+    /**
+     * Input name
+     * If not set the value equals the identifier
+     */
+    name: string;
+    /**
+     * Input label
+     */
+    label: string;
+    /**
+     * Define if label is displayed on top
+     */
+    labelOnTop: boolean;
+    /**
+     * Define if label is visible
+     */
+    labelHide: boolean;
+    /**
+     * Define if toggle have on/off style
+     */
+    isOnOff: boolean;
+    handleIsOnOff(newValue: boolean): void;
+    /**
+     * Define if toggle display icon
+     */
+    isIcon: boolean;
+    handleIsIcon(newValue: boolean): void;
+    /**
+     * Define if input is readonly
+     */
+    readonly: boolean;
+    handleReadonly(newValue: boolean): void;
+    /**
+     * Define if input is disabled
+     */
+    disabled: boolean;
+    handleDisabled(newValue: boolean): void;
+    /**
+     * Add a tooltip message next to the input
+     */
+    tooltip: string;
+    /**
+     * Add a help text under the input, usually expected data format and example
+     */
+    helpText: string;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Formated items for display
+     */
+    options: ToggleValue[];
+    /**
+     * Error message to display
+     */
+    errorMessage: string;
+    /**
+     * Define input valid state
+     */
+    valid: boolean;
+    /**
+     * Checked internal value
+     */
+    checked: boolean;
+    handleChecked(newValue: boolean): void;
+    /**
+     * Emited event when value change
+     */
+    valueChange: EventEmitter<HTMLMgInputToggleElement['value']>;
+    /**
+     * Emited event when checking validity
+     */
+    inputValid: EventEmitter<boolean>;
+    /**
+     * Set an error and display a custom error message.
+     * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
+     * It must be paired with an error message to display for the given context.
+     * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
+     * @param valid - value indicating the validity
+     * @param errorMessage - the error message to display
+     */
+    setError(valid: boolean, errorMessage: string): Promise<void>;
+    /**
+     * Set input error message
+     * @param errorMessage - errorMessage override
+     */
+    private setErrorMessage;
+    /**
+     * Change checked value
+     */
+    private toggleChecked;
+    /**
+     * Slots validation
+     */
+    private validateSlots;
+    /**
+     * set checked state
+     */
+    private setChecked;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if component props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }