@mgdis/mg-components 5.9.1 → 5.10.0

package/dist/types/components/atoms/mg-badge/mg-badge.d.ts

@@ -35,13 +35,11 @@ export declare class MgBadge {
   classList: ClassList;
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-button/mg-button.d.ts

@@ -76,34 +76,29 @@ export declare class MgButton {
   disabledChange: EventEmitter<MgButton['disabled']>;
   /**
    * Trigger actions onClick event
-   *
    * @param {MouseEvent} event click event
    * @returns {void}
    */
   private handleClick;
   /**
    * Handle onKeydown event
-   *
    * @param {KeyboardEvent} event keyboard event
    * @returns {void}
    */
   private handleKeydown;
   /**
    * Handle onKeyup event
-   *
    * @param {KeyboardEvent} event keyboard event
    * @returns {void}
    */
   private handleKeyup;
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render component
-   *
    * @returns {HTMLElement} html element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-card/mg-card.d.ts

@@ -7,7 +7,7 @@ export declare class MgCard {
   private readonly name;
   private readonly baseClass;
   /*************
-   * Lifecycle *
+   * Decorators *
    *************/
   /**
    * Define variant prop
@@ -25,15 +25,22 @@ export declare class MgCard {
    * Component classes
    */
   classList: ClassList;
+  /**
+   * Methode to set default varianStyle props
+   * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+   * @returns {void}
+   */
+  private setDefaultVariantStyle;
+  /*************
+   * Lifecycle *
+   *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts

@@ -29,13 +29,11 @@ export declare class MgCharacterLeft {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render component
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-divider/mg-divider.d.ts

@@ -8,7 +8,6 @@ export declare class MgDivider {
   size: 'regular' | 'full';
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-icon/mg-icon.d.ts

@@ -36,19 +36,22 @@ export declare class MgIcon {
   classList: ClassList;
   /**
    * getIcon
-   *
    * @returns {HTMLElement} icon html
    */
   private getIcon;
+  /**
+   * Method to set default varianStyle props
+   * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+   * @returns {void}
+   */
+  private setDefaultVariantStyle;
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render component
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts

@@ -22,13 +22,11 @@ export declare class MgInputTitle {
    *************/
   /**
    * Init tag name
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-tag/mg-tag.d.ts

@@ -37,7 +37,6 @@ export declare class MgTag {
    *************/
   /**
    * Validate the given textContent
-   *
    * @param {string} textContent html element textContent property
    * @returns {void}
    */
@@ -47,13 +46,11 @@ export declare class MgTag {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts

@@ -40,33 +40,28 @@ export declare class MgTooltip {
   disabled: boolean;
   /**
    * Show tooltip
-   *
    * @returns {void}
    */
   private show;
   /**
    * Hide tooltip
-   *
    * @returns {void}
    */
   private hide;
   /**
    * Check if clicked outside of component and hidde tooltip
-   *
    * @param {MouseEvent} event mouse event
    * @returns {void}
    */
   private clickOutside;
   /**
    * Check if 'Escape' key is pressed of component and hidde tooltip
-   *
    * @param {KeyboardEvent} event keyboard event
    * @returns {void}
    */
   private pressEscape;
   /**
    * Method to set display prop
-   *
    * @param {boolean} newValue display prop new value
    * @param {boolean} condition additionnal condition to apply display prop newValue
    * @returns {void}
@@ -74,7 +69,6 @@ export declare class MgTooltip {
   private setDisplay;
   /**
    * Action for tooltip element and tooltiped element mouse listener
-   *
    * @param {Guard} elementGuard tooltip element guard
    * @param {boolean} isMouseenter mouseenter validation
    * @param {Guard} conditionalGuard guard condition
@@ -83,20 +77,17 @@ export declare class MgTooltip {
   private tooltipMouseListenerAction;
   /**
    * Method to reset guard value
-   *
    * @returns {void}
    */
   private resetGuard;
   /**
    * Update slot content when it is a mg-button
-   *
    * @param {HTMLMgButtonElement} mgButton slotted mg-button
    * @returns {void}
    */
   private setMgButtonWrapper;
   /**
    * Init tooltip
-   *
    * @param {HTMLElement} slotElement slotted element
    * @param {HTMLElement} interactiveElement interactive element
    */
@@ -106,7 +97,6 @@ export declare class MgTooltip {
    *************/
   /**
    * set variables
-   *
    * @returns {void}
    */
   componentWillLoad(): void;
@@ -114,13 +104,11 @@ export declare class MgTooltip {
    * Get slotted element
    * Check if it already contain an interactive element, if not we need to add a tabIndex attribute
    * We need to attach the focused element to the tooltip (aria-describedby)
-   *
    * @returns {void}
    */
   componentDidLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

package/dist/types/components/molecules/inputs/MgInput.d.ts

@@ -24,7 +24,6 @@ interface MgInputProps {
 }
 /**
  * Get input template
- *
  * @param {MgInputProps} props MgInput Interface Props
  * @param {VNode[]} children Represent scoped elements
  * @param {FunctionalUtilities} utils Stencil.js utils

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

@@ -98,13 +98,11 @@ export declare class MgInputCheckbox {
   inputValid: EventEmitter<MgInputCheckbox['valid']>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
   /**
    * Handle input event
-   *
    * @param {InputEvent} event input event
    */
   private handleInput;
@@ -114,7 +112,6 @@ export declare class MgInputCheckbox {
   private handleBlur;
   /**
    * get invalid element
-   *
    * @returns {HTMLInputElement} element
    */
   private getInvalidElement;
@@ -131,13 +128,11 @@ export declare class MgInputCheckbox {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -99,7 +99,6 @@ export declare class MgInputDate {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
@@ -117,13 +116,11 @@ export declare class MgInputDate {
   private checkValidity;
   /**
    * get input error code
-   *
    * @returns {null | InputError} error code
    */
   private getInputError;
   /**
    * Check input errors
-   *
    * @returns {void}
    */
   private setErrorMessage;
@@ -132,13 +129,11 @@ export declare class MgInputDate {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -134,63 +134,53 @@ export declare class MgInputNumeric {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
   /**
    * Displayed value in input
    * Change on focus/blur
-   *
    * @returns {MgInputNumeric['value'] | MgInputNumeric['readonlyValue']} display value
    */
   private displayValue;
   /**
    * Handle input event
-   *
    * @returns {void}
    */
   private handleInput;
   /**
    * Handle focus event
-   *
    * @returns {void}
    */
   private handleFocus;
   /**
    * Handle blur event
-   *
    * @returns {void}
    */
   private handleBlur;
   /**
    * Check if input is valid
-   *
    * @returns {void}
    */
   private checkValidity;
   /**
    * Set input error message
-   *
    * @returns {void}
    */
   private setErrorMessage;
   /**
    * Get input error code
-   *
    * @returns {null | InputError} error code
    */
   private getInputError;
   /**
    * Format value based on type
-   *
    * @param {number} value value to format
    * @returns {string} formated local value
    */
   private formatValue;
   /**
    * Validate append slot
-   *
    * @returns {void}
    */
   private validateAppendSlot;
@@ -199,13 +189,11 @@ export declare class MgInputNumeric {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -97,7 +97,6 @@ export declare class MgInputPassword {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
@@ -122,13 +121,11 @@ export declare class MgInputPassword {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -102,38 +102,32 @@ export declare class MgInputRadio {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
   /**
    * Handle input event
-   *
    * @param {event} event input event
    * @returns {void}
    */
   private handleInput;
   /**
    * Handle blur event
-   *
    * @returns {void}
    */
   private handleBlur;
   /**
    * Check if input is valid
-   *
    * @returns {void}
    */
   private checkValidity;
   /**
    * Set input error message
-   *
    * @returns {void}
    */
   private setErrorMessage;
   /**
    * get invalid element
-   *
    * @returns {HTMLInputElement} element
    */
   private getInvalidElement;
@@ -142,13 +136,11 @@ export declare class MgInputRadio {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -123,33 +123,28 @@ export declare class MgInputSelect {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
   /**
    * Handle input event
-   *
    * @returns {void}
    */
   private handleInput;
   /**
    * Method to compare item.title with input.value
-   *
    * @param {SelectOption} item item to compare with
    * @returns {boolean} truthy if input.value is an item
    */
   private isInputValue;
   /**
    * value props setter
-   *
    * @param {MgInputSelect['value']} newValue value to update with
    * @returns {void}
    */
   private setValue;
   /**
    * Update value from input.value
-   *
    * @returns {void}
    */
   private updateValue;
@@ -159,7 +154,6 @@ export declare class MgInputSelect {
   private handleBlur;
   /**
    * Input value is disabled
-   *
    * @returns {boolean} truthy if input value is disabled
    */
   private isDisabledValue;
@@ -176,20 +170,17 @@ export declare class MgInputSelect {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render option
-   *
    * @param {SelectOption} option to render
    * @returns {HTMLElement} render option
    */
   private renderOption;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -126,55 +126,46 @@ export declare class MgInputText {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to play input focus
-   *
    * @returns {Promise<void>}
    */
   setFocus(): Promise<void>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
   /**
    * Handle input event
-   *
    * @returns {void}
    */
   private handleInput;
   /**
    * Handle focus event
-   *
    * @returns {void}
    */
   private handleFocus;
   /**
    * Handle blur event
-   *
    * @returns {void}
    */
   private handleBlur;
   /**
    * Check if input is valid
-   *
    * @returns {void}
    */
   private checkValidity;
   /**
    * Set input error message
-   *
    * @returns {void}
    */
   private setErrorMessage;
   /**
    * Validate pattern configuration
-   *
    * @returns {void}
    */
   private validatePattern;
   /**
    * Validate append slot
-   *
    * @returns {void}
    */
   private validateAppendSlot;
@@ -183,13 +174,11 @@ export declare class MgInputText {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -125,7 +125,6 @@ export declare class MgInputTextarea {
   inputValid: EventEmitter<boolean>;
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   displayError(): Promise<void>;
@@ -144,7 +143,6 @@ export declare class MgInputTextarea {
   /**
    * Get pattern validity
    * Pattern is not defined on textarea field: https://developer.mozilla.org/fr/docs/Web/HTML/Element/Textarea
-   *
    * @returns {boolean} is pattern valid
    */
   private getPatternValidity;
@@ -165,13 +163,11 @@ export declare class MgInputTextarea {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad(): ReturnType<typeof setTimeout>;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;

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

@@ -24,7 +24,6 @@ export declare class MgInputToggle {
   handleValue(newValue: any): void;
   /**
    * Items are the possible options to select
-   *
    * @returns {void}
    */
   items: string[] | ToggleValue[];
@@ -101,19 +100,16 @@ export declare class MgInputToggle {
   inputValid: EventEmitter<boolean>;
   /**
    * Change checked value
-   *
    * @returns {void}
    */
   private toggleChecked;
   /**
    * Slots validation
-   *
    * @returns {void}
    */
   private validateSlots;
   /**
    * set checked state
-   *
    * @returns {void}
    */
   private setChecked;
@@ -126,7 +122,6 @@ export declare class MgInputToggle {
   componentWillLoad(): void;
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render(): HTMLElement;