@mgdis/mg-components 5.9.1 → 5.10.0

package/dist/esm/mg-action-more_31.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-3249671d.js';
-import { i as initLocales, D as Direction, l as localeDate, d as dateRegExp, a as localeCurrency, b as localeNumber, s as sizes$2 } from './mg-menu.conf-881fbd82.js';
+import { i as initLocales, D as Direction, l as localeDate, d as dateRegExp, a as localeCurrency, b as localeNumber, s as sizes$2 } from './mg-menu.conf-2cc1bb67.js';
 
 /**
  * Available menu-item positions
@@ -22,7 +22,6 @@ var Status$1;
 
 /**
  * Create random ID
- *
  * @param {string} prefix  add prefix to created ID
  * @param {number} length ID length
  * @returns {string} ID
@@ -44,7 +43,6 @@ class ClassList {
   constructor(classlist = []) {
     /**
      * Add class
-     *
      * @param {string} className class name to add
      * @returns {void}
      */
@@ -55,7 +53,6 @@ class ClassList {
     };
     /**
      * Delete class
-     *
      * @param {string} className class name to delete
      * @returns {void}
      */
@@ -67,7 +64,6 @@ class ClassList {
     };
     /**
      * Check if class exist in list
-     *
      * @param {string} className class name to check
      * @returns {boolean} class name is in the list
      */
@@ -76,7 +72,6 @@ class ClassList {
     };
     /**
      * Join classes seperated by spaces
-     *
      * @returns {string} joined values
      */
     this.join = () => {
@@ -87,14 +82,12 @@ class ClassList {
 }
 /**
  * Check if all items are string
- *
  * @param {unknown} items items to check
  * @returns {boolean} all items are string
  */
 const allItemsAreString = (items) => Array.isArray(items) && items.every(item => typeof item === 'string');
 /**
  * Check if element is a heading
- *
  * @param {Element} element slotted element
  * @param {string[]} tagNames allowed tag names list
  * @returns {boolean} element is a heading
@@ -107,7 +100,7 @@ const isTagName = (element, tagNames) => {
  */
 const focusableElements = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier]';
 /**
- *
+ * Get windows
  * @param {Window} localWindow the window we are lookink for other windows
  * @returns {Window[]} The list of windows found
  */
@@ -118,7 +111,6 @@ const getWindows = (localWindow) => {
 };
 /**
  * Get parent windows
- *
  * @param {Window} localWindow the window we are lookink for parents
  * @param {Window[]} windows The list of allready found windows
  * @returns {Window[]} The list of windows found
@@ -141,7 +133,6 @@ const getParentWindows = (localWindow, windows = []) => {
 };
 /**
  * Get child windows
- *
  * @param {Window} localWindow the window we are lookink for children
  * @param {Window[]} windows The list of allready found windows
  * @returns {Window[]} The list of windows found
@@ -163,7 +154,6 @@ const mgActionMoreCss = ".sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1
 
 /**
  * MgActionMore['items'] type guard
- *
  * @param {unknown} prop commponent items prop
  * @returns {boolean} return true if type is valid
  */
@@ -173,7 +163,6 @@ const isMgActionMoreItems = (prop) => {
 };
 /**
  * MgActionMore['button'] type guard
- *
  * @param {unknown} prop commponent button prop
  * @returns {boolean} return true if type is valid
  */
@@ -183,7 +172,6 @@ const isMgActionMoreButton = (prop) => {
 };
 /**
  * MgActionMore['icon'] type guard
- *
  * @param {unknown} prop commponent icon prop
  * @returns {boolean} return true if type is valid
  */
@@ -204,7 +192,6 @@ const MgActionMore = class {
      ***********/
     /**
      * Toogle expanded props
-     *
      * @returns {void}
      */
     this.toggleExpanded = () => {
@@ -212,7 +199,6 @@ const MgActionMore = class {
     };
     /**
      * Button click handler
-     *
      * @returns {void}
      */
     this.handleButton = () => {
@@ -220,7 +206,6 @@ const MgActionMore = class {
     };
     /**
      * Item click handler
-     *
      * @param {MouseEvent} event click event
      * @param {MgActionMoreItemType['mouseEventHandler']} customHandler item['mouseEventHandler']
      * @returns {void}
@@ -260,7 +245,6 @@ const MgActionMore = class {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -272,7 +256,6 @@ const MgActionMore = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -352,7 +335,6 @@ const MgBadge = class {
   }
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -363,7 +345,6 @@ const MgBadge = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -398,7 +379,6 @@ const MgButton = class {
     this.classFullWidth = 'mg-button--full-width';
     /**
      * Trigger actions onClick event
-     *
      * @param {MouseEvent} event click event
      * @returns {void}
      */
@@ -413,7 +393,6 @@ const MgButton = class {
     };
     /**
      * Handle onKeydown event
-     *
      * @param {KeyboardEvent} event keyboard event
      * @returns {void}
      */
@@ -428,7 +407,6 @@ const MgButton = class {
     };
     /**
      * Handle onKeyup event
-     *
      * @param {KeyboardEvent} event keyboard event
      * @returns {void}
      */
@@ -501,7 +479,6 @@ const MgButton = class {
   }
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -519,7 +496,6 @@ const MgButton = class {
   }
   /**
    * Render component
-   *
    * @returns {HTMLElement} html element
    */
   render() {
@@ -554,6 +530,15 @@ const MgCard = class {
      *************/
     this.name = 'mg-card';
     this.baseClass = this.name;
+    /**
+     * Methode to set default varianStyle props
+     * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+     * @returns {void}
+     */
+    this.setDefaultVariantStyle = () => {
+      if (this.variantStyle === undefined)
+        this.variantStyle = 'bar-left';
+    };
     this.variant = undefined;
     this.variantStyle = undefined;
     this.classList = new ClassList([this.baseClass]);
@@ -562,8 +547,7 @@ const MgCard = class {
     if (newValue && !variants$3.includes(newValue))
       throw new Error(`<${this.name}> prop "variant" must match VariantType type.`);
     if (Boolean(newValue)) {
-      if (this.variantStyle === undefined)
-        this.variantStyle = 'bar-left';
+      this.setDefaultVariantStyle();
       this.classList.add(`${this.baseClass}--${newValue}`);
     }
     if (Boolean(oldValue))
@@ -579,9 +563,11 @@ const MgCard = class {
     if (Boolean(oldValue))
       this.classList.delete(`${this.baseClass}--${oldValue}`);
   }
+  /*************
+   * Lifecycle *
+   *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -590,7 +576,6 @@ const MgCard = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -623,7 +608,6 @@ const MgCharacterLeft = class {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -632,7 +616,6 @@ const MgCharacterLeft = class {
   }
   /**
    * Render component
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -653,7 +636,6 @@ const MgDetails = class {
     this.expandedChange = createEvent(this, "expanded-change", 7);
     /**
      * Handle details toggle
-     *
      * @returns {void}
      */
     this.handleToggle = () => {
@@ -677,7 +659,6 @@ const MgDetails = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -686,7 +667,6 @@ const MgDetails = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -709,7 +689,6 @@ const MgDivider = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -733,7 +712,6 @@ const MgForm = class {
     /**
      * Define required message based on mg-inputs required elements
      * Also
-     *
      * @returns {void}
      */
     this.setRequiredMessage = () => {
@@ -759,7 +737,6 @@ const MgForm = class {
     };
     /**
      * Check if form is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -772,7 +749,6 @@ const MgForm = class {
     };
     /**
      * Handle Form Submit
-     *
      * @param {SubmitEvent} event submit event
      * @returns {void}
      */
@@ -782,7 +758,6 @@ const MgForm = class {
     };
     /**
      * Set mgInputs
-     *
      * @returns {void}
      */
     this.setMgInputs = () => {
@@ -814,7 +789,6 @@ const MgForm = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -830,7 +804,6 @@ const MgForm = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -858,7 +831,6 @@ const MgForm = class {
   }
   /**
    * Add slot listeners
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -877,7 +849,6 @@ const MgForm = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -1128,10 +1099,18 @@ const MgIcon = class {
     registerInstance(this, hostRef);
     /**
      * getIcon
-     *
      * @returns {HTMLElement} icon html
      */
     this.getIcon = () => icons[this.icon]();
+    /**
+     * Method to set default varianStyle props
+     * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+     * @returns {void}
+     */
+    this.setDefaultVariantStyle = () => {
+      if (this.variantStyle === undefined)
+        this.variantStyle = 'background';
+    };
     this.icon = undefined;
     this.size = 'regular';
     this.variant = undefined;
@@ -1162,8 +1141,7 @@ const MgIcon = class {
       if (!variants$2.includes(newValue))
         throw new Error(`<mg-icon> prop "variant" must be one of: ${variants$2.join(', ')}`);
       else {
-        if (this.variantStyle === undefined)
-          this.variantStyle = 'background';
+        this.setDefaultVariantStyle();
         if (oldValue !== undefined)
           this.classList.delete(`mg-icon--variant-${oldValue}`);
         this.classList.add(`mg-icon--variant-${newValue}`);
@@ -1193,7 +1171,6 @@ const MgIcon = class {
   }
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -1205,7 +1182,6 @@ const MgIcon = class {
   }
   /**
    * Render component
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -1234,7 +1210,6 @@ const MgIllustratedMessage = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -1250,7 +1225,6 @@ const MgIllustratedMessage = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -1268,7 +1242,6 @@ MgIllustratedMessage.style = mgIllustratedMessageCss;
 
 /**
  * Apply in all input child node the aria-describedby attribute
- *
  * @param {VNode[]} children Represent scoped elements
  * @param {Set<string>} ariaDescribedbyIDs List of IDs
  * @param {FunctionalUtilities} utils Stencil.js utils
@@ -1285,7 +1258,6 @@ const applyAriadescribedBy = (children, ariaDescribedbyIDs, utils) => utils.map(
 });
 /**
  * Add classes based on props
- *
  * @param {MgInputProps} props MgInput Interface Props
  */
 const manageClasses = (props) => {
@@ -1299,14 +1271,12 @@ const manageClasses = (props) => {
 };
 /**
  * Get tagname
- *
  * @param {boolean} isFieldset is fieldset
  * @returns {string} tag name
  */
 const getTagName = (isFieldset) => (isFieldset ? 'fieldset' : 'div');
 /**
  * Get input template
- *
  * @param {MgInputProps} props MgInput Interface Props
  * @param {VNode[]} children Represent scoped elements
  * @param {FunctionalUtilities} utils Stencil.js utils
@@ -1366,7 +1336,6 @@ const MgInput = (props, children, utils) => {
   const TagName = getTagName(props.isFieldset);
   /**
    * Get tooltip node
-   *
    * @returns {VNode[]} mg-tooltip
    */
   const getTooltip = () => (h("mg-tooltip", { identifier: `${props.identifier}-tooltip`, message: props.tooltip },
@@ -1374,7 +1343,6 @@ const MgInput = (props, children, utils) => {
   /**
    * Get input title (label) node
    * Display asterisk only if not disabled and not readonly
-   *
    * @returns {VNode[]} mg-input-title
    */
   const getInputTitle = () => (h("mg-input-title", { identifier: props.identifier, class: props.labelHide ? 'sr-only' : undefined, required: props.required && !props.disabled && !props.readonly, "is-legend": props.isFieldset }, props.label));
@@ -1396,7 +1364,6 @@ const mgInputCheckboxCss = ":host{display:block}.mg-input{display:flex;align-ite
 
 /**
  * type CheckboxItem validation function
- *
  * @param {unknown} items Checkbox item
  * @returns {boolean} match item type
  */
@@ -1416,7 +1383,6 @@ const MgInputCheckbox = class {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @param {InputEvent} event input event
      */
     this.handleInput = (event) => {
@@ -1439,7 +1405,6 @@ const MgInputCheckbox = class {
     };
     /**
      * get invalid element
-     *
      * @returns {HTMLInputElement} element
      */
     this.getInvalidElement = () => this.inputs.find((input) => input !== null && !input.disabled && !input.checkValidity());
@@ -1507,7 +1472,6 @@ const MgInputCheckbox = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -1520,7 +1484,6 @@ const MgInputCheckbox = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -1537,7 +1500,6 @@ const MgInputCheckbox = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -1605,7 +1567,6 @@ const MgInputDate = class {
     };
     /**
      * get input error code
-     *
      * @returns {null | InputError} error code
      */
     this.getInputError = () => {
@@ -1631,7 +1592,6 @@ const MgInputDate = class {
     };
     /**
      * Check input errors
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -1701,7 +1661,6 @@ const MgInputDate = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -1714,7 +1673,6 @@ const MgInputDate = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -1735,7 +1693,6 @@ const MgInputDate = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -1779,7 +1736,6 @@ const MgInputNumeric = class {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -1792,7 +1748,6 @@ const MgInputNumeric = class {
     };
     /**
      * Handle focus event
-     *
      * @returns {void}
      */
     this.handleFocus = () => {
@@ -1800,7 +1755,6 @@ const MgInputNumeric = class {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -1810,7 +1764,6 @@ const MgInputNumeric = class {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -1821,7 +1774,6 @@ const MgInputNumeric = class {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -1839,7 +1791,6 @@ const MgInputNumeric = class {
     };
     /**
      * Get input error code
-     *
      * @returns {null | InputError} error code
      */
     this.getInputError = () => {
@@ -1868,14 +1819,12 @@ const MgInputNumeric = class {
     };
     /**
      * Format value based on type
-     *
      * @param {number} value value to format
      * @returns {string} formated local value
      */
     this.formatValue = (value) => (this.type === 'currency' ? localeCurrency(value, this.locale, this.currency) : localeNumber(value, this.locale));
     /**
      * Validate append slot
-     *
      * @returns {void}
      */
     this.validateAppendSlot = () => {
@@ -1964,7 +1913,6 @@ const MgInputNumeric = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -1975,7 +1923,6 @@ const MgInputNumeric = class {
   /**
    * Displayed value in input
    * Change on focus/blur
-   *
    * @returns {MgInputNumeric['value'] | MgInputNumeric['readonlyValue']} display value
    */
   displayValue() {
@@ -1986,7 +1933,6 @@ const MgInputNumeric = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2010,7 +1956,6 @@ const MgInputNumeric = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -2111,7 +2056,6 @@ const MgInputPassword = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -2124,7 +2068,6 @@ const MgInputPassword = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2139,7 +2082,6 @@ const MgInputPassword = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -2162,7 +2104,6 @@ const mgInputRadioCss = ":host{display:block}.mg-input{display:flex;align-items:
 
 /**
  * type Option validation function
- *
  * @param {RadioOption} option radio option
  * @returns {boolean} radio option type is valid
  */
@@ -2181,7 +2122,6 @@ const MgInputRadio = class {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @param {event} event input event
      * @returns {void}
      */
@@ -2191,7 +2131,6 @@ const MgInputRadio = class {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -2200,7 +2139,6 @@ const MgInputRadio = class {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -2211,7 +2149,6 @@ const MgInputRadio = class {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -2224,7 +2161,6 @@ const MgInputRadio = class {
     };
     /**
      * get invalid element
-     *
      * @returns {HTMLInputElement} element
      */
     this.getInvalidElement = () => this.inputs.find((input) => !input.disabled && !input.readOnly && !input.checkValidity());
@@ -2279,7 +2215,6 @@ const MgInputRadio = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -2292,7 +2227,6 @@ const MgInputRadio = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2309,7 +2243,6 @@ const MgInputRadio = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -2333,28 +2266,24 @@ const mgInputSelectCss = ":host{display:block}.mg-input{display:flex;align-items
 
 /**
  * Check if item is a well configured option
- *
  * @param {unknown} option select option
  * @returns {boolean} select option type is valid
  */
 const isOption$1 = (option) => typeof option === 'object' && typeof option.title === 'string';
 /**
  * Check if items[] is SelectOption
- *
  * @param {unknown[]} items select option
  * @returns {boolean} select option array type is valid
  */
 const allItemsAreOptions = (items) => Array.isArray(items) && items.every(item => isOption$1(item));
 /**
  * Check if item is a well configured optgroup
- *
  * @param {unknown} optgroup select option
  * @returns {boolean} select optgroup type is valid
  */
 const isOptGroup = (optgroup) => typeof optgroup === 'object' && typeof optgroup.group === 'string' && allItemsAreOptions(optgroup.options);
 /**
  * Group options
- *
  * @param {(SelectOption | OptGroup)[]} acc reduce accumulator
  * @param {SelectOption} item item to add
  * @param {string} item.group item group
@@ -2390,7 +2319,6 @@ const MgInputSelect = class {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -2400,14 +2328,12 @@ const MgInputSelect = class {
     };
     /**
      * Method to compare item.title with input.value
-     *
      * @param {SelectOption} item item to compare with
      * @returns {boolean} truthy if input.value is an item
      */
     this.isInputValue = (item) => { var _a; return item.title === ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value); };
     /**
      * value props setter
-     *
      * @param {MgInputSelect['value']} newValue value to update with
      * @returns {void}
      */
@@ -2417,7 +2343,6 @@ const MgInputSelect = class {
     };
     /**
      * Update value from input.value
-     *
      * @returns {void}
      */
     this.updateValue = () => {
@@ -2444,7 +2369,6 @@ const MgInputSelect = class {
     };
     /**
      * Input value is disabled
-     *
      * @returns {boolean} truthy if input value is disabled
      */
     this.isDisabledValue = () => { var _a; return allItemsAreOptions(this.options) && ((_a = this.options.find(this.isInputValue)) === null || _a === void 0 ? void 0 : _a.disabled) === true; };
@@ -2470,7 +2394,6 @@ const MgInputSelect = class {
     };
     /**
      * Render option
-     *
      * @param {SelectOption} option to render
      * @returns {HTMLElement} render option
      */
@@ -2551,7 +2474,6 @@ const MgInputSelect = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -2564,7 +2486,6 @@ const MgInputSelect = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2586,7 +2507,6 @@ const MgInputSelect = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -2625,7 +2545,6 @@ const MgInputText = class {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -2637,7 +2556,6 @@ const MgInputText = class {
     };
     /**
      * Handle focus event
-     *
      * @returns {void}
      */
     this.handleFocus = () => {
@@ -2646,7 +2564,6 @@ const MgInputText = class {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -2658,7 +2575,6 @@ const MgInputText = class {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -2670,7 +2586,6 @@ const MgInputText = class {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -2687,11 +2602,10 @@ const MgInputText = class {
     };
     /**
      * Validate pattern configuration
-     *
      * @returns {void}
      */
     this.validatePattern = () => {
-      if (this.pattern &&
+      if (this.pattern !== undefined &&
         typeof this.pattern === 'string' &&
         this.pattern !== '' &&
         (this.patternErrorMessage === undefined || typeof this.patternErrorMessage !== 'string' || this.patternErrorMessage === '')) {
@@ -2700,7 +2614,6 @@ const MgInputText = class {
     };
     /**
      * Validate append slot
-     *
      * @returns {void}
      */
     this.validateAppendSlot = () => {
@@ -2760,7 +2673,6 @@ const MgInputText = class {
   }
   /**
    * Public method to play input focus
-   *
    * @returns {Promise<void>}
    */
   async setFocus() {
@@ -2768,7 +2680,6 @@ const MgInputText = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -2781,7 +2692,6 @@ const MgInputText = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2801,7 +2711,6 @@ const MgInputText = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -2870,7 +2779,6 @@ const MgInputTextarea = class {
     /**
      * 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
      */
     this.getPatternValidity = () => this.pattern === undefined || new RegExp(`^${this.pattern}$`, 'u').test(this.value);
@@ -2903,7 +2811,7 @@ const MgInputTextarea = class {
      * Validate pattern configuration
      */
     this.validatePattern = () => {
-      if (this.pattern &&
+      if (this.pattern !== undefined &&
         typeof this.pattern === 'string' &&
         this.pattern !== '' &&
         (this.patternErrorMessage === undefined || typeof this.patternErrorMessage !== 'string' || this.patternErrorMessage === '')) {
@@ -2958,7 +2866,6 @@ const MgInputTextarea = class {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -2971,7 +2878,6 @@ const MgInputTextarea = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -2990,7 +2896,6 @@ const MgInputTextarea = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3038,7 +2943,6 @@ const MgInputTitle = class {
    *************/
   /**
    * Init tag name
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -3047,7 +2951,6 @@ const MgInputTitle = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3065,7 +2968,6 @@ const mgInputToggleCss = ":host{display:block}.mg-input{display:flex;align-items
 
 /**
  * type Option validation function
- *
  * @param {ToggleValue} option radio option
  * @returns {boolean} toggle option type is valid
  */
@@ -3086,7 +2988,6 @@ const MgInputToggle = class {
     this.classIcon = 'mg-input--toggle-icon';
     /**
      * Change checked value
-     *
      * @returns {void}
      */
     this.toggleChecked = () => {
@@ -3094,7 +2995,6 @@ const MgInputToggle = class {
     };
     /**
      * Slots validation
-     *
      * @returns {void}
      */
     this.validateSlots = () => {
@@ -3182,7 +3082,6 @@ const MgInputToggle = class {
   }
   /**
    * set checked state
-   *
    * @returns {void}
    */
   setChecked() {
@@ -3225,7 +3124,6 @@ const MgInputToggle = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3260,7 +3158,6 @@ const MgMenu = class {
      *************/
     /**
      * Close matching menu-item
-     *
      * @param {HTMLElement} item menu-item to close
      * @param {boolean} condition addionnal condition
      * @returns {void}
@@ -3272,19 +3169,16 @@ const MgMenu = class {
     };
     /**
      * get mg-item-more element
-     *
      * @returns {HTMLMgItemMoreElement} mg-item-more element
      */
     this.getItemMore = () => this.element.querySelector('mg-item-more');
     /**
      * get mg-item-more >>> mg-menu-item element
-     *
      * @returns {HTMLMgMenuItemElement} mg-item-more >>> mg-menu-item element
      */
     this.getItemMoreMenuItem = () => { var _a, _b; return (_b = (_a = this.getItemMore()) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('mg-menu-item'); };
     /**
      * Set item listend
-     *
      * @param {HTMLMgMenuItemElement} item mg-menu-item element
      * @param {MgMenu['focusedMenuItem']} index number
      * @returns {void}
@@ -3302,7 +3196,6 @@ const MgMenu = class {
     };
     /**
      * Store menu-items on component init and add listeners
-     *
      * @returns {void}
      */
     this.initMenuItemsListeners = () => {
@@ -3313,7 +3206,6 @@ const MgMenu = class {
     };
     /**
      * Handle item-loaded event on mg-item-more element
-     *
      * @returns {void}
      */
     this.handleItemLoaded = () => {
@@ -3321,7 +3213,6 @@ const MgMenu = class {
     };
     /**
      * render mg-item-more
-     *
      * @returns {void}
      */
     this.renderMgItemMore = () => {
@@ -3364,7 +3255,6 @@ const MgMenu = class {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -3375,7 +3265,6 @@ const MgMenu = class {
   }
   /**
    * Check if component slots configuration
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentDidLoad() {
@@ -3406,7 +3295,6 @@ const MgMenu = class {
   }
   /**
    * Add listeners to items
-   *
    * @returns {void}
    */
   componentDidRender() {
@@ -3414,7 +3302,6 @@ const MgMenu = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3447,7 +3334,6 @@ const MgMenuItem = class {
      **********/
     /**
      * Toggle expanded prop value
-     *
      * @returns {void}
      */
     this.toggleExpanded = () => {
@@ -3455,7 +3341,6 @@ const MgMenuItem = class {
     };
     /**
      * Does an Element have given Status
-     *
      * @param {HTMLMgMenuItemElement} mgMenuItemElement to parse
      * @param {MgMenuItem['status']} status to check
      * @returns {boolean} true if element with status is found
@@ -3463,7 +3348,6 @@ const MgMenuItem = class {
     this.hasStatus = (mgMenuItemElement, status) => mgMenuItemElement.status === status;
     /**
      * Is component contextual direction match the given direction
-     *
      * @param {MgMenuItem['direction']} direction in parent menu
      * @param {MgMenuItem['direction']} compareWith direction to compare with. Default: `this.direction`
      * @returns {boolean} true is direction match the direction propertie
@@ -3472,7 +3356,6 @@ const MgMenuItem = class {
     /**
      * Update displayNotificationBadge
      * current component notification badge have priority over the slot badge when submenu contain badge
-     *
      * @returns {void} update displayNotificationBadge value
      */
     this.updateDisplayNotificationBadge = () => {
@@ -3483,7 +3366,6 @@ const MgMenuItem = class {
     };
     /**
      * Method to control if one of component children have active status
-     *
      * @returns {boolean} truthy if component has active child
      */
     this.hasActiveChild = () => {
@@ -3492,7 +3374,6 @@ const MgMenuItem = class {
     };
     /**
      * Validate slots
-     *
      * @param {boolean} guard prevent action whith guard. Default: false.
      * @returns {void}
      */
@@ -3512,7 +3393,6 @@ const MgMenuItem = class {
     };
     /**
      * Update status
-     *
      * @param {Status[]} guard status to exclude from process in addition to [Status.HIDDEN, Status.DISABLED] . Default: [].
      * @returns {void}
      */
@@ -3523,7 +3403,6 @@ const MgMenuItem = class {
     };
     /**
      * Init event-listeners
-     *
      * @returns {void}
      */
     this.initListeners = () => {
@@ -3540,13 +3419,11 @@ const MgMenuItem = class {
     };
     /**
      * Get mg-popover identifier
-     *
      * @returns {MgPopover['identifier']} generated mg-popover identifier
      */
     this.getPopoverIdentifier = () => `${this.identifier}-popover`;
     /**
      * Condition to know if component should display a mg-popover
-     *
      * @returns {boolean} truthy if component display popover
      */
     this.displayPopover = () => this.isDirection(Direction.HORIZONTAL) && this.hasChildren && this.href === undefined;
@@ -3555,7 +3432,6 @@ const MgMenuItem = class {
      ************/
     /**
      * Handle interacrtive element click
-     *
      * @param {MouseEvent} event click on element
      * @returns {void}
      */
@@ -3570,7 +3446,6 @@ const MgMenuItem = class {
     };
     /**
      * Handle popover element display-change event
-     *
      * @param {CustomEvent} event popover display event
      * @returns {void}
      */
@@ -3579,7 +3454,6 @@ const MgMenuItem = class {
     };
     /**
      * Render slot
-     *
      * @returns {HTMLElement} HTML Element
      */
     this.renderSlot = () => h("slot", null);
@@ -3646,7 +3520,6 @@ const MgMenuItem = class {
   }
   /**
    * Render popover clickoutside guard for content slot
-   *
    * @returns {void}
    */
   updatePopoverGuard() {
@@ -3660,7 +3533,6 @@ const MgMenuItem = class {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -3677,7 +3549,6 @@ const MgMenuItem = class {
   }
   /**
    * Check if component slots configuration
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentDidLoad() {
@@ -3717,7 +3588,6 @@ const MgMenuItem = class {
   }
   /**
    * Render ineractive element
-   *
    * @returns {HTMLElement} HTML Element
    */
   renderInteractiveElement() {
@@ -3730,7 +3600,6 @@ const MgMenuItem = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3780,7 +3649,6 @@ const MgMessage = class {
     this.isHovered = false;
     /**
      * Set timer
-     *
      * @returns {void}
      */
     this.setTimer = () => {
@@ -3788,7 +3656,6 @@ const MgMessage = class {
     };
     /**
      * Clear timer
-     *
      * @returns {void}
      */
     this.clearTimer = () => {
@@ -3796,7 +3663,6 @@ const MgMessage = class {
     };
     /**
      * Event to add on element
-     *
      * @param {MouseEvent | FocusEvent} event  event
      * @returns {void}
      */
@@ -3821,8 +3687,7 @@ const MgMessage = class {
     };
     /**
      * Get icon corresponding to variant
-     *
-     * @returns {string} icon
+     * @returns {MgIcon['icon'] | undefined} icon
      */
     this.getIcon = () => {
       switch (this.variant) {
@@ -3845,7 +3710,7 @@ const MgMessage = class {
     this.hasActions = false;
   }
   validateDelay(newValue) {
-    if (newValue && newValue < 2) {
+    if (newValue !== undefined && newValue < 2) {
       throw new Error(`<mg-message> prop "delay" must be greater than 2 seconds.`);
     }
   }
@@ -3914,7 +3779,6 @@ const MgMessage = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -3978,7 +3842,6 @@ const MgModal = class {
      *************/
     /**
      * Handle close button
-     *
      * @returns {void}
      */
     this.handleClose = () => {
@@ -4011,7 +3874,6 @@ const MgModal = class {
   }
   /**
    * Handle 'escape' key down
-   *
    * @param {KeyboardEvent} event keydown event
    * @returns {void}
    */
@@ -4026,7 +3888,6 @@ const MgModal = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -4046,7 +3907,6 @@ const MgModal = class {
   }
   /**
    * Add observer on component to set focus when displayed
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -4062,7 +3922,6 @@ const MgModal = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -4098,7 +3957,6 @@ const mgPaginationCss = ".sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1
  * range(1, 1) = [1]
  * range(1, 5) = [1, 2, 3, 4, 5]
  * range(10, 20, 2) = [10, 12, 14, 16, 18, 20]
- *
  * @param {number} start start range
  * @param {number} end start end
  * @param {number} step step size
@@ -4111,7 +3969,6 @@ const MgPagination = class {
     this.currentPageChange = createEvent(this, "current-page-change", 7);
     /**
      * Change current page from target
-     *
      * @param {number} target target page
      * @returns {void}
      */
@@ -4123,7 +3980,6 @@ const MgPagination = class {
      ************/
     /**
      * select handler
-     *
      * @param {InputEvent} event value change event
      * @returns {void}
      */
@@ -4133,7 +3989,6 @@ const MgPagination = class {
     };
     /**
      * Go to 'previous/next' page button handler
-     *
      * @param {string} action navigation action
      * @param {boolean} disabled button disable state
      * @returns {void}
@@ -4166,7 +4021,6 @@ const MgPagination = class {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -4182,7 +4036,6 @@ const MgPagination = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -4211,7 +4064,6 @@ const MgPanel = class {
      ************/
     /**
      * Toggle is editing state
-     *
      * @returns {void}
      */
     this.toggleIsEditing = () => {
@@ -4222,7 +4074,6 @@ const MgPanel = class {
      ************/
     /**
      * Collapse button click handler
-     *
      * @returns {void}
      */
     this.handleCollapseButton = () => {
@@ -4232,7 +4083,6 @@ const MgPanel = class {
     };
     /**
      * Edit button click handler
-     *
      * @returns {void}
      */
     this.handleEditButton = () => {
@@ -4240,7 +4090,6 @@ const MgPanel = class {
     };
     /**
      * Update title handler
-     *
      * @param {CustomEvent<string>} event input value change event
      * @returns {void}
      */
@@ -4249,7 +4098,6 @@ const MgPanel = class {
     };
     /**
      * Cancel edition button handler
-     *
      * @returns {void}
      */
     this.handleCancelEditButton = () => {
@@ -4258,7 +4106,6 @@ const MgPanel = class {
     };
     /**
      * Validate edition button handler
-     *
      * @returns {void}
      */
     this.handleValidateEditButton = () => {
@@ -4270,7 +4117,6 @@ const MgPanel = class {
     };
     /**
      * Header left conditional render
-     *
      * @typedef {HTMLElement} HTMLMgButtonElement
      * @returns {HTMLMgButtonElement | HTMLElement | HTMLElement[]} header left element
      */
@@ -4308,10 +4154,10 @@ const MgPanel = class {
     this.titleChange.emit(newValue);
   }
   validatetitlePattern(newValue) {
-    if (newValue && !this.titleEditable) {
+    if (newValue !== undefined && !this.titleEditable) {
       throw new Error('<mg-panel> prop "titleEditable" must be set to `true`.');
     }
-    if (newValue && (this.titlePatternErrorMessage === undefined || this.titlePatternErrorMessage.trim() === '')) {
+    if (newValue !== undefined && (this.titlePatternErrorMessage === undefined || this.titlePatternErrorMessage.trim() === '')) {
       throw new Error('<mg-panel> prop "titlePattern" must be paired with the prop "titlePatternErrorMessage".');
     }
   }
@@ -4323,7 +4169,6 @@ const MgPanel = class {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -4335,7 +4180,6 @@ const MgPanel = class {
   }
   /**
    * Edit DOM after render
-   *
    * @returns {void}
    */
   componentDidRender() {
@@ -4346,7 +4190,6 @@ const MgPanel = class {
   }
   /**
    * Render component
-   *
    * @returns {HTMLElement} html element
    */
   render() {
@@ -6169,7 +6012,6 @@ const MgPopover = class {
     this.classArrowHide = `mg-popover--arrow-hide`;
     /**
      * Check if clicked outside of component
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -6183,7 +6025,6 @@ const MgPopover = class {
     };
     /**
      * Show popover
-     *
      * @returns {void}
      */
     this.show = () => {
@@ -6203,7 +6044,6 @@ const MgPopover = class {
     };
     /**
      * Hide popover
-     *
      * @returns {void}
      */
     this.hide = () => {
@@ -6218,7 +6058,6 @@ const MgPopover = class {
     };
     /**
      * Handle action for close button
-     *
      * @returns {void}
      */
     this.handleCloseButton = () => {
@@ -6252,7 +6091,6 @@ const MgPopover = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void} timeout
    */
   componentWillLoad() {
@@ -6264,7 +6102,6 @@ const MgPopover = class {
   }
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -6322,7 +6159,6 @@ const MgPopover = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -6347,7 +6183,6 @@ const MgSkipLinks = class {
      **********/
     /**
      * Handle link click and emit go-to-anchor event
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -6369,7 +6204,6 @@ const MgSkipLinks = class {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -6378,7 +6212,6 @@ const MgSkipLinks = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -6410,7 +6243,6 @@ const mgTabsCss = ".mg-tabs.mg-tabs--size-regular .mg-tabs__navigation-button,.m
 
 /**
  * type TabItem validation function
- *
  * @param {TabItem} tab tab item
  * @returns {boolean} tab item type is valid
  */
@@ -6428,7 +6260,6 @@ const MgTabs = class {
     this.startIndex = 1;
     /**
      * Method to know if given tab has the given status
-     *
      * @param {TabItem} tab item tab key to set to ACTIVE status
      * @param {Status} status status to valide
      * @returns {boolean} status comparaison
@@ -6436,7 +6267,6 @@ const MgTabs = class {
     this.tabHasStatus = (tab, status) => tab.status === status;
     /**
      * Method to get element id from index
-     *
      * @param {string} element to get id
      * @param {number} index to generate id
      * @returns {string} generated element id
@@ -6444,20 +6274,17 @@ const MgTabs = class {
     this.getElementId = (element, index) => `${element}-${this.getTabItemIndex(index)}`;
     /**
      * Method to get tab item index
-     *
      * @param {number} index to get
      * @returns {number} index
      */
     this.getTabItemIndex = (index) => index + this.startIndex;
     /**
      * Method to get the active-tab value
-     *
      * @returns {number} of the active-tab
      */
     this.getActiveTab = () => this.activeTab || this.getTabItemIndex(this.tabs.map((tab, index) => (Object.assign(Object.assign({}, tab), { index }))).find(tab => this.tabHasStatus(tab, Status.ACTIVE)).index);
     /**
      * Handle click events on tabs
-     *
      * @param {MouseEvent} event mouse event
      */
     this.handleClick = (event) => {
@@ -6473,14 +6300,12 @@ const MgTabs = class {
     };
     /**
      * get navigation button class from given status
-     *
      * @param {Status} status button tab status
      * @returns {string} button class/selector variant
      */
     this.getNavigationButtonClass = (status) => `${this.buttonTabBaseClass}--${status}`;
     /**
      * Handle keyboard event on tabs
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -6520,7 +6345,6 @@ const MgTabs = class {
     };
     /**
      * Method to reset focus behavior
-     *
      * @returns {void}
      */
     this.resetFocus = () => {
@@ -6600,7 +6424,6 @@ const MgTabs = class {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -6613,7 +6436,6 @@ const MgTabs = class {
   }
   /**
    * add listners
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -6624,7 +6446,6 @@ const MgTabs = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -6699,7 +6520,6 @@ const MgTag = class {
    *************/
   /**
    * Validate the given textContent
-   *
    * @param {string} textContent html element textContent property
    * @returns {void}
    */
@@ -6712,7 +6532,6 @@ const MgTag = class {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -6723,7 +6542,6 @@ const MgTag = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -6752,7 +6570,6 @@ const MgTooltip = class {
     registerInstance(this, hostRef);
     /**
      * Show tooltip
-     *
      * @returns {void}
      */
     this.show = () => {
@@ -6773,7 +6590,6 @@ const MgTooltip = class {
     };
     /**
      * Hide tooltip
-     *
      * @returns {void}
      */
     this.hide = () => {
@@ -6789,7 +6605,6 @@ const MgTooltip = class {
     };
     /**
      * Check if clicked outside of component and hidde tooltip
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -6799,7 +6614,6 @@ const MgTooltip = class {
     };
     /**
      * Check if 'Escape' key is pressed of component and hidde tooltip
-     *
      * @param {KeyboardEvent} event keyboard event
      * @returns {void}
      */
@@ -6809,7 +6623,6 @@ const MgTooltip = class {
     };
     /**
      * Method to set display prop
-     *
      * @param {boolean} newValue display prop new value
      * @param {boolean} condition additionnal condition to apply display prop newValue
      * @returns {void}
@@ -6820,7 +6633,6 @@ const MgTooltip = class {
     };
     /**
      * 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
@@ -6843,7 +6655,6 @@ const MgTooltip = class {
     };
     /**
      * Method to reset guard value
-     *
      * @returns {void}
      */
     this.resetGuard = () => {
@@ -6851,7 +6662,6 @@ const MgTooltip = class {
     };
     /**
      * Update slot content when it is a mg-button
-     *
      * @param {HTMLMgButtonElement} mgButton slotted mg-button
      * @returns {void}
      */
@@ -6870,7 +6680,6 @@ const MgTooltip = class {
     };
     /**
      * Init tooltip
-     *
      * @param {HTMLElement} slotElement slotted element
      * @param {HTMLElement} interactiveElement interactive element
      */
@@ -6948,7 +6757,6 @@ const MgTooltip = class {
    *************/
   /**
    * set variables
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -6959,7 +6767,6 @@ const MgTooltip = class {
    * 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() {
@@ -6993,7 +6800,6 @@ const MgTooltip = class {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {