@mgdis/mg-components 5.9.1 → 5.10.1

package/dist/components/mg-panel.js

@@ -23,8 +23,6 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      ************/
     /**
      * Toggle is editing state
-     *
-     * @returns {void}
      */
     this.toggleIsEditing = () => {
       this.isEditing = !this.isEditing;
@@ -34,8 +32,6 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      ************/
     /**
      * Collapse button click handler
-     *
-     * @returns {void}
      */
     this.handleCollapseButton = () => {
       if (!this.expandToggleDisabled) {
@@ -44,25 +40,19 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Edit button click handler
-     *
-     * @returns {void}
      */
     this.handleEditButton = () => {
       this.toggleIsEditing();
     };
     /**
      * Update title handler
-     *
-     * @param {CustomEvent<string>} event input value change event
-     * @returns {void}
+     * @param event - input value change event
      */
     this.handleUpdateTitle = (event) => {
       this.updatedPanelTitle = event.detail;
     };
     /**
      * Cancel edition button handler
-     *
-     * @returns {void}
      */
     this.handleCancelEditButton = () => {
       this.updatedPanelTitle = undefined;
@@ -70,8 +60,6 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Validate edition button handler
-     *
-     * @returns {void}
      */
     this.handleValidateEditButton = () => {
       if (this.editInputElement.valid) {
@@ -82,9 +70,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Header left conditional render
-     *
-     * @typedef {HTMLElement} HTMLMgButtonElement
-     * @returns {HTMLMgButtonElement | HTMLElement | HTMLElement[]} header left element
+     * @returns header left element
      */
     this.headerLeft = () => {
       const collapseButton = () => (h("mg-button", { onClick: this.handleCollapseButton, variant: "flat", identifier: `${this.identifier}-collapse-button`, "aria-expanded": this.expanded !== undefined && this.expanded.toString(), "aria-controls": `${this.identifier}-content`, disabled: this.expandToggleDisabled }, h("span", { class: "mg-panel__collapse-button-content" }, h("mg-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down' }), !this.isEditing && this.panelTitle)));
@@ -109,7 +95,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.expanded = false;
     this.expandToggleDisabled = undefined;
     this.titleEditable = false;
-    this.classList = new ClassList(['mg-panel']);
+    this.classCollection = new ClassList(['mg-panel']);
     this.isEditing = false;
     this.updatedPanelTitle = undefined;
   }
@@ -120,10 +106,10 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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".');
     }
   }
@@ -135,8 +121,6 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    *************/
   /**
    * Check if props are well configured on init
-   *
-   * @returns {void}
    */
   componentWillLoad() {
     // Get locales
@@ -147,8 +131,6 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Edit DOM after render
-   *
-   * @returns {void}
    */
   componentDidRender() {
     // when we are editing we get focus on edition input
@@ -158,11 +140,10 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Render component
-   *
-   * @returns {HTMLElement} html element
+   * @returns html element
    */
   render() {
-    return (h("section", { class: this.classList.join(), id: this.identifier }, h("mg-card", null, h("header", { class: "mg-panel__header", id: `${this.identifier}-header` }, h("div", { class: `mg-panel__header-left ${this.isEditing ? 'mg-panel__header-left--full' : ''}` }, this.headerLeft()), h("div", { class: "mg-panel__header-right" }, h("slot", { name: "header-right" }))), h("article", { class: "mg-panel__content", id: `${this.identifier}-content`, "aria-labelledby": `${this.identifier}-header`, hidden: !this.expanded }, h("slot", null)))));
+    return (h("section", { class: this.classCollection.join(), id: this.identifier }, h("mg-card", null, h("header", { class: "mg-panel__header", id: `${this.identifier}-header` }, h("div", { class: `mg-panel__header-left ${this.isEditing ? 'mg-panel__header-left--full' : ''}` }, this.headerLeft()), h("div", { class: "mg-panel__header-right" }, h("slot", { name: "header-right" }))), h("article", { class: "mg-panel__content", id: `${this.identifier}-content`, "aria-labelledby": `${this.identifier}-header`, hidden: !this.expanded }, h("slot", null)))));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -174,12 +155,12 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
 }, [1, "mg-panel", {
     "identifier": [1],
     "panelTitle": [1025, "panel-title"],
-    "titlePattern": [1025, "title-pattern"],
-    "titlePatternErrorMessage": [1025, "title-pattern-error-message"],
+    "titlePattern": [1, "title-pattern"],
+    "titlePatternErrorMessage": [1, "title-pattern-error-message"],
     "expanded": [1028],
-    "expandToggleDisabled": [1028, "expand-toggle-disabled"],
+    "expandToggleDisabled": [4, "expand-toggle-disabled"],
     "titleEditable": [4, "title-editable"],
-    "classList": [32],
+    "classCollection": [32],
     "isEditing": [32],
     "updatedPanelTitle": [32]
   }]);

package/dist/components/mg-popover2.js

@@ -19,9 +19,7 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.classArrowHide = `mg-popover--arrow-hide`;
     /**
      * Check if clicked outside of component
-     *
-     * @param {MouseEvent} event mouse event
-     * @returns {void}
+     * @param event - mouse event
      */
     this.clickOutside = (event) => {
       var _a;
@@ -33,8 +31,6 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Show popover
-     *
-     * @returns {void}
      */
     this.show = () => {
       // Make the popover visible
@@ -53,8 +49,6 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Hide popover
-     *
-     * @returns {void}
      */
     this.hide = () => {
       // Hide the popover
@@ -68,8 +62,6 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Handle action for close button
-     *
-     * @returns {void}
      */
     this.handleCloseButton = () => {
       this.display = false;
@@ -80,13 +72,13 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.closeButton = false;
     this.display = false;
     this.disabled = false;
-    this.classList = new ClassList(['mg-popover']);
+    this.classCollection = new ClassList(['mg-popover']);
   }
   validateArrowHide(newValue) {
     if (newValue)
-      this.classList.add(this.classArrowHide);
+      this.classCollection.add(this.classArrowHide);
     else
-      this.classList.delete(this.classArrowHide);
+      this.classCollection.delete(this.classArrowHide);
   }
   handleDisplay(newValue) {
     if (newValue) {
@@ -102,8 +94,6 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    *************/
   /**
    * Check if component props are well configured on init
-   *
-   * @returns {void} timeout
    */
   componentWillLoad() {
     // Get windows to attach events
@@ -114,8 +104,6 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Check if component props are well configured on init
-   *
-   * @returns {void}
    */
   componentDidLoad() {
     const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
@@ -172,11 +160,10 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Render
-   *
-   * @returns {HTMLElement} HTML Element
+   * @returns HTML Element
    */
   render() {
-    return (h(Host, null, h("slot", null), h("div", { id: this.identifier, class: this.classList.join() }, h("mg-card", null, this.closeButton && (h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { icon: "cross" }))), h("div", { class: "mg-popover__title" }, h("slot", { name: "title" })), h("slot", { name: "content" })), !this.arrowHide && h("div", { class: "mg-popover__arrow", "data-popper-arrow": true }))));
+    return (h(Host, null, h("slot", null), h("div", { id: this.identifier, class: this.classCollection.join() }, h("mg-card", null, this.closeButton && (h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { icon: "cross" }))), h("div", { class: "mg-popover__title" }, h("slot", { name: "title" })), h("slot", { name: "content" })), !this.arrowHide && h("div", { class: "mg-popover__arrow", "data-popper-arrow": true }))));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -190,8 +177,8 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "arrowHide": [4, "arrow-hide"],
     "closeButton": [4, "close-button"],
     "display": [1028],
-    "disabled": [1028],
-    "classList": [32]
+    "disabled": [4],
+    "classCollection": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/mg-skip-links.js

@@ -14,9 +14,7 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
      **********/
     /**
      * Handle link click and emit go-to-anchor event
-     *
-     * @param {MouseEvent} event mouse event
-     * @returns {void}
+     * @param event - mouse event
      */
     this.handleLinkCLick = (event) => {
       event.currentTarget.blur();
@@ -36,8 +34,6 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    *************/
   /**
    * Check if props are well configured on init
-   *
-   * @returns {void}
    */
   componentWillLoad() {
     this.validateLinks(this.links);
@@ -45,8 +41,7 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   /**
    * Render
-   *
-   * @returns {HTMLElement} HTML Element
+   * @returns HTML Element
    */
   render() {
     return (h("nav", { class: "mg-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, h("ul", { class: "mg-skip-links__list", role: "list" }, this.links.map(link => (h("li", { key: link.href }, h("a", { class: "mg-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
@@ -57,7 +52,7 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }; }
   static get style() { return mgSkipLinksCss; }
 }, [1, "mg-skip-links", {
-    "links": [1040]
+    "links": [16]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/mg-tabs.js

@@ -22,9 +22,8 @@ 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
+ * @param tab - tab item
+ * @returns tab item type is valid
  */
 const isTabItem = (tab) => typeof tab === 'object' && typeof tab.label === 'string';
 const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -42,37 +41,32 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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
+     * @param tab - item tab key to set to ACTIVE status
+     * @param status - status to valide
+     * @returns status comparaison
      */
     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
+     * @param element - to get id
+     * @param index - to generate id
+     * @returns generated element id
      */
     this.getElementId = (element, index) => `${element}-${this.getTabItemIndex(index)}`;
     /**
      * Method to get tab item index
-     *
-     * @param {number} index to get
-     * @returns {number} index
+     * @param index - to get
+     * @returns index
      */
     this.getTabItemIndex = (index) => index + this.startIndex;
     /**
      * Method to get the active-tab value
-     *
-     * @returns {number} of the active-tab
+     * @returns 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
+     * @param event - mouse event
      */
     this.handleClick = (event) => {
       const tabId = event.currentTarget.dataset.index;
@@ -87,16 +81,13 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * get navigation button class from given status
-     *
-     * @param {Status} status button tab status
-     * @returns {string} button class/selector variant
+     * @param status - button tab status
+     * @returns button class/selector variant
      */
     this.getNavigationButtonClass = (status) => `${this.buttonTabBaseClass}--${status}`;
     /**
      * Handle keyboard event on tabs
-     *
-     * @param {MouseEvent} event mouse event
-     * @returns {void}
+     * @param event - mouse event
      */
     this.handleKeydown = (event) => {
       const parent = event.target.parentElement;
@@ -134,8 +125,6 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Method to reset focus behavior
-     *
-     * @returns {void}
      */
     this.resetFocus = () => {
       // update asynchronously tabindex to prevent get focus on new tabindex at then end of event process
@@ -160,7 +149,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.items = undefined;
     this.activeTab = undefined;
     this.tabs = [];
-    this.classList = new ClassList(['mg-tabs']);
+    this.classCollection = new ClassList(['mg-tabs']);
   }
   validateLabel(newValue) {
     if (typeof newValue !== 'string' || newValue.trim() === '') {
@@ -171,7 +160,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!sizes.includes(newValue)) {
       throw new Error(`<mg-tabs> prop "size" must be one of: ${sizes.join(', ')}`);
     }
-    this.classList.add(`mg-tabs--size-${this.size}`);
+    this.classCollection.add(`mg-tabs--size-${this.size}`);
   }
   validateItems(newValue) {
     // String array
@@ -214,8 +203,6 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    *************/
   /**
    * Check if component props are well configured on init
-   *
-   * @returns {void}
    */
   componentWillLoad() {
     // Check tabs format
@@ -227,8 +214,6 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * add listners
-   *
-   * @returns {void}
    */
   componentDidLoad() {
     document.addEventListener('click', (event) => {
@@ -238,11 +223,10 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Render
-   *
-   * @returns {HTMLElement} HTML Element
+   * @returns HTML Element
    */
   render() {
-    return (h("div", { class: this.classList.join() }, h("header", { role: "tablist", "aria-label": this.label, class: "mg-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
+    return (h("div", { class: this.classCollection.join() }, h("header", { role: "tablist", "aria-label": this.label, class: "mg-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
         [`${this.buttonTabBaseClass}`]: true,
         [`${this.buttonTabBaseClass}--horizontal`]: true,
         [`${this.getNavigationButtonClass(Status.ACTIVE)}`]: this.tabHasStatus(tab, Status.ACTIVE),
@@ -265,7 +249,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "items": [16],
     "activeTab": [1538, "active-tab"],
     "tabs": [32],
-    "classList": [32]
+    "classCollection": [32]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/mg-tag.js

@@ -22,7 +22,7 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.variant = variants[0];
     this.outline = undefined;
     this.soft = undefined;
-    this.classList = new ClassList(['mg-tag']);
+    this.classCollection = new ClassList(['mg-tag']);
   }
   validateVariant(newValue, oldValue) {
     if (!variants.includes(newValue)) {
@@ -30,16 +30,16 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     else {
       if (oldValue !== undefined) {
-        this.classList.delete(`mg-tag--${oldValue}`);
+        this.classCollection.delete(`mg-tag--${oldValue}`);
       }
-      this.classList.add(`mg-tag--${newValue}`);
+      this.classCollection.add(`mg-tag--${newValue}`);
     }
   }
   validateOutline(newValue) {
     if (newValue)
-      this.classList.add(this.classOutline);
+      this.classCollection.add(this.classOutline);
     else
-      this.classList.delete(this.classOutline);
+      this.classCollection.delete(this.classOutline);
   }
   validateSoft(newValue) {
     // usage validation
@@ -47,18 +47,16 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       throw new Error('<mg-tag> prop "soft" can NOT be used with prop "outline".');
     // apply class
     if (newValue)
-      this.classList.add(this.classSoft);
+      this.classCollection.add(this.classSoft);
     else
-      this.classList.delete(this.classSoft);
+      this.classCollection.delete(this.classSoft);
   }
   /*************
    * Methods *
    *************/
   /**
    * Validate the given textContent
-   *
-   * @param {string} textContent html element textContent property
-   * @returns {void}
+   * @param textContent - html element textContent property
    */
   validateTextContent(textContent) {
     if (typeof textContent !== 'string' || textContent.trim() === '')
@@ -69,8 +67,6 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    *************/
   /**
    * Check if props are well configured on init
-   *
-   * @returns {void}
    */
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -80,11 +76,10 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Render
-   *
-   * @returns {HTMLElement} HTML Element
+   * @returns HTML Element
    */
   render() {
-    return (h("span", { class: this.classList.join() }, h("slot", null)));
+    return (h("span", { class: this.classCollection.join() }, h("slot", null)));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -97,7 +92,7 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "variant": [1],
     "outline": [4],
     "soft": [4],
-    "classList": [32]
+    "classCollection": [32]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/mg-tooltip2.js

@@ -18,8 +18,6 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     /**
      * Show tooltip
-     *
-     * @returns {void}
      */
     this.show = () => {
       // Make the tooltip visible
@@ -39,8 +37,6 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Hide tooltip
-     *
-     * @returns {void}
      */
     this.hide = () => {
       // Hide the tooltip
@@ -55,9 +51,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Check if clicked outside of component and hidde tooltip
-     *
-     * @param {MouseEvent} event mouse event
-     * @returns {void}
+     * @param event - mouse event
      */
     this.clickOutside = (event) => {
       if (event.target.closest('mg-tooltip') !== this.element)
@@ -65,9 +59,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Check if 'Escape' key is pressed of component and hidde tooltip
-     *
-     * @param {KeyboardEvent} event keyboard event
-     * @returns {void}
+     * @param event - keyboard event
      */
     this.pressEscape = (event) => {
       if (event.code === 'Escape')
@@ -75,10 +67,8 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Method to set display prop
-     *
-     * @param {boolean} newValue display prop new value
-     * @param {boolean} condition additionnal condition to apply display prop newValue
-     * @returns {void}
+     * @param newValue - display prop new value
+     * @param condition - additionnal condition to apply display prop newValue
      */
     this.setDisplay = (newValue, condition = true) => {
       if (!this.disabled && condition)
@@ -86,11 +76,9 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * 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
-     * @returns {void}
+     * @param elementGuard -  tooltip element guard
+     * @param isMouseenter - mouseenter validation
+     * @param conditionalGuard - guard condition
      */
     this.tooltipMouseListenerAction = (elementGuard, isMouseenter, conditionalGuard) => {
       // we mutate elementGuard
@@ -109,17 +97,13 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Method to reset guard value
-     *
-     * @returns {void}
      */
     this.resetGuard = () => {
       this.guard = undefined;
     };
     /**
      * Update slot content when it is a mg-button
-     *
-     * @param {HTMLMgButtonElement} mgButton slotted mg-button
-     * @returns {void}
+     * @param mgButton - slotted mg-button
      */
     this.setMgButtonWrapper = (mgButton) => {
       if (mgButton.disabled) {
@@ -136,9 +120,8 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     /**
      * Init tooltip
-     *
-     * @param {HTMLElement} slotElement slotted element
-     * @param {HTMLElement} interactiveElement interactive element
+     * @param slotElement - slotted element
+     * @param interactiveElement - interactive element
      */
     this.initTooltip = (slotElement, interactiveElement) => {
       // Add tabindex to slotted element if we can't find any interactive element
@@ -214,8 +197,6 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    *************/
   /**
    * set variables
-   *
-   * @returns {void}
    */
   componentWillLoad() {
     // Get windows to attach events
@@ -225,8 +206,6 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * 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() {
     var _a;
@@ -259,8 +238,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   /**
    * Render
-   *
-   * @returns {HTMLElement} HTML Element
+   * @returns HTML Element
    */
   render() {
     return (h(Host, null, h("slot", null), h("div", { role: "tooltip", id: this.identifier, class: "mg-tooltip" }, h("span", { innerHTML: this.message }), h("div", { class: "mg-tooltip__arrow", "data-popper-arrow": true }))));
@@ -276,7 +254,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "message": [1],
     "placement": [1],
     "display": [1028],
-    "disabled": [1028]
+    "disabled": [4]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {