@mgdis/mg-components 5.27.0 → 5.27.2

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

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { VariantType, ButtonType } from './mg-button.conf';
 import { ClassList } from '@mgdis/stencil-helpers';
+/**
+ * @slot - Button content
+ */
 export declare class MgButton {
     /************
      * Internal *

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

@@ -1,5 +1,8 @@
 import { ClassList } from '@mgdis/stencil-helpers';
 import { type VariantStyleType, type VariantType } from './mg-card.conf';
+/**
+ * @slot - Card content
+ */
 export declare class MgCard {
     /*************
      * Private *

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

@@ -1,3 +1,6 @@
+/**
+ * @slot - Title content
+ */
 export declare class MgInputTitle {
     /**
      * Label input id

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

@@ -1,5 +1,8 @@
 import { TagVariantType } from './mg-tag.conf';
 import { ClassList } from '@mgdis/stencil-helpers';
+/**
+ * @slot - Tag content
+ */
 export declare class MgTag {
     /************
      * Internal *

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

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export declare class MgTooltipContent {
     /**
      * Displayed message in the tooltip

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

@@ -1,5 +1,6 @@
 export declare enum Guard {
     FOCUS = "focus",
     HOVER_TOOLTIP_ELEMENT = "hoverTooltipGuard",
-    HOVER_TOOLTIPED_ELEMENT = "hoverTooltipedGuard"
+    HOVER_TOOLTIPED_ELEMENT = "hoverTooltipedGuard",
+    DISABLE_ON_CLICK = "disableOnClick"
 }

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

@@ -1,4 +1,8 @@
 import { Placement } from '@popperjs/core';
+/**
+ * @slot - Element that will display the tooltip
+ * @slot content - Tooltip content
+ */
 export declare class MgTooltip {
     /************
      * Internal *

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

@@ -1,4 +1,10 @@
 import { type TooltipPosition } from './mg-input.conf';
+/**
+ * @slot - Input content
+ * @slot label - Label content
+ * @slot help-text - Help text content
+ * @slot error - error content
+ */
 export declare class MgInput {
     /************
      * Internal *

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

@@ -2,5 +2,6 @@ export declare enum InputError {
     MIN = "min",
     MAX = "max",
     MINMAX = "minMax",
-    REQUIRED = "required"
+    REQUIRED = "required",
+    PATTERN = "badInput"
 }

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

@@ -124,6 +124,12 @@ export declare class MgInputDate {
      * @param errorMessage - the error message to display
      */
     setError(valid: MgInputDate['valid'], errorMessage: string): Promise<void>;
+    /**
+     * Method to validate date pattern string
+     * @param value - value to test
+     * @returns truthy when value match the pattern
+     */
+    private isValidPattern;
     /**
      * Format help text to display
      * @param helpText - help text format
@@ -143,6 +149,11 @@ export declare class MgInputDate {
      * Handle blur event
      */
     private handleBlur;
+    /**
+     * Handle keydown event
+     * @param event - input keydown event
+     */
+    private handleKeyDown;
     /**
      * Check if input is valid
      */

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

@@ -2,6 +2,9 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/stencil-helpers';
 import { type NumericType, type Format } from './mg-input-numeric.conf';
 import { type TooltipPosition, type Width } from '../mg-input/mg-input.conf';
+/**
+ * @slot append-input - Content to display next to the input
+ */
 export declare class MgInputNumeric {
     /************
      * Internal *

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

@@ -3,6 +3,9 @@ import { ClassList } from '@mgdis/stencil-helpers';
 import { TextType } from './mg-input-text.conf';
 import { type TooltipPosition, type Width } from '../mg-input/mg-input.conf';
 import { IconType } from '../../../../components';
+/**
+ * @slot append-input - Content to display next to the input
+ */
 export declare class MgInputText {
     /************
      * Internal *

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

@@ -2,6 +2,10 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/stencil-helpers';
 import { ToggleValue } from './mg-input-toggle.conf';
 import { type TooltipPosition } from '../mg-input/mg-input.conf';
+/**
+ * @slot item-1 - Left option toggle content
+ * @slot item-2 - Right option toggle content
+ */
 export declare class MgInputToggle {
     /************
      * Internal *

package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts

@@ -1,5 +1,8 @@
 import { Direction } from './mg-menu.conf';
 import type { MenuSizeType, ItemMoreType } from './mg-menu.conf';
+/**
+ * @slot - Menu content
+ */
 export declare class MgMenu {
     /************
      * Internal *

package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts

@@ -3,6 +3,13 @@ import { ClassList } from '@mgdis/stencil-helpers';
 import { Status } from './mg-menu-item.conf';
 import type { MenuSizeType } from '../mg-menu/mg-menu.conf';
 import type { DirectionType, TargetType } from './mg-menu-item.conf';
+/**
+ * @slot - Menu item content
+ * @slot image - Menu item image content
+ * @slot label - Menu item label content
+ * @slot information - Menu item information content
+ * @slot metadata - Menu item metadata content
+ */
 export declare class MgMenuItem {
     /************
      * Internal *
@@ -55,6 +62,10 @@ export declare class MgMenuItem {
      * Emited event when item is loaded
      */
     itemLoaded: EventEmitter<void>;
+    /**
+     * Emited event when item is updated
+     */
+    itemUpdated: EventEmitter<void>;
     /**********
      * States *
      *********/
@@ -183,6 +194,10 @@ export declare class MgMenuItem {
      * @returns HTML Element
      */
     private renderSlot;
+    /**
+     * Emit event when component is updated
+     */
+    componentShouldUpdate(): Promise<void>;
     /**
      * Render
      * @returns HTML Element

package/dist/types/components/molecules/mg-popover/mg-popover-content/mg-popover-content.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/stencil-helpers';
+/**
+ * @internal
+ */
 export declare class MgPopoverContent {
     /************
      * Internal *

package/dist/types/components/molecules/mg-popover/mg-popover.d.ts

@@ -1,5 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { Placement } from '@popperjs/core';
+/**
+ * @slot - Element that will display the popover
+ * @slot content - popover content
+ */
 export declare class MgPopover {
     /************
      * Internal *

package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/stencil-helpers';
 import { TabItem, SizeType } from './mg-tabs.conf';
+/**
+ * @slot tab_content-n - Tab content, where `n` represents the position of the tab content. It starts at 1.
+ */
 export declare class MgTabs {
     /************
      * Internal *

package/dist/types/components.d.ts

@@ -1800,6 +1800,7 @@ declare global {
     interface HTMLMgMenuItemElementEventMap {
         "status-change": HTMLMgMenuItemElement['status'];
         "item-loaded": void;
+        "item-updated": void;
     }
     interface HTMLMgMenuItemElement extends Components.MgMenuItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLMgMenuItemElementEventMap>(type: K, listener: (this: HTMLMgMenuItemElement, ev: MgMenuItemCustomEvent<HTMLMgMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3139,6 +3140,10 @@ declare namespace LocalJSX {
           * Emited event when item is loaded
          */
         "onItem-loaded"?: (event: MgMenuItemCustomEvent<void>) => void;
+        /**
+          * Emited event when item is updated
+         */
+        "onItem-updated"?: (event: MgMenuItemCustomEvent<void>) => void;
         /**
           * Emited event when status change
          */

package/ide/intellij/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@mgdis/mg-components",
-  "version": "5.27.0",
+  "version": "5.27.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -152,7 +152,7 @@
         },
         {
           "name": "mg-button",
-          "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the <button> is associated with its ancestor <form> element.\n- `full-width`: Set button to full-width\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\n",
+          "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the <button> is associated with its ancestor <form> element.\n- `full-width`: Set button to full-width\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs",
           "attributes": [
             {
@@ -339,7 +339,7 @@
         },
         {
           "name": "mg-card",
-          "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\n",
+          "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\nSlots:\n- ``: Card content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
           "attributes": [
             {
@@ -929,7 +929,7 @@
         },
         {
           "name": "mg-input",
-          "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `readonly-value`: Defines value to display in readonly mode\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\n",
+          "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `readonly-value`: Defines value to display in readonly mode\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\nSlots:\n- ``: Input content\n- `error`: error content\n- `help-text`: Help text content\n- `label`: Label content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
           "attributes": [
             {
@@ -1688,6 +1688,7 @@
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-date--docs",
               "value": {
                 "type": "string",
+                "default": "'9999-12-31'",
                 "required": false
               }
             },
@@ -1841,6 +1842,7 @@
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-date--docs",
                 "value": {
                   "type": "string",
+                  "default": "'9999-12-31'",
                   "required": false
                 }
               },
@@ -1935,7 +1937,7 @@
         },
         {
           "name": "mg-input-numeric",
-          "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+          "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
           "attributes": [
             {
@@ -3401,7 +3403,7 @@
         },
         {
           "name": "mg-input-text",
-          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
           "attributes": [
             {
@@ -4286,7 +4288,7 @@
         },
         {
           "name": "mg-input-title",
-          "description": "Attributes:\n- `identifier`: Label input id\n- `is-legend`: Switch from label to fieldset sementic\n- `readonly`: If input is required an asterisk is added at the end of the label\n- `required`: If input is required an asterisk is added at the end of the label\n\n",
+          "description": "Attributes:\n- `identifier`: Label input id\n- `is-legend`: Switch from label to fieldset sementic\n- `readonly`: If input is required an asterisk is added at the end of the label\n- `required`: If input is required an asterisk is added at the end of the label\n\nSlots:\n- ``: Title content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
           "attributes": [
             {
@@ -4372,7 +4374,7 @@
         },
         {
           "name": "mg-input-toggle",
-          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
           "attributes": [
             {
@@ -4748,7 +4750,7 @@
         },
         {
           "name": "mg-menu",
-          "description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired for accessibility\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\n",
+          "description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired for accessibility\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nSlots:\n- ``: Menu content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
           "attributes": [
             {
@@ -4827,7 +4829,7 @@
         },
         {
           "name": "mg-menu-item",
-          "description": "Attributes:\n- `expanded`: Define menu-item content expanded.\n- `href`: Define menu-item href\nwhen defined menu-item contain an anchor instead of button\n- `identifier`: Identifier is used to control mg-popover\n- `status`: Define menu-item status.\n- `target`: Define target type\n\nEvents:\n- `item-loaded`: Emited event when item is loaded\n- `status-change`: Emited event when status change\n\n",
+          "description": "Attributes:\n- `expanded`: Define menu-item content expanded.\n- `href`: Define menu-item href\nwhen defined menu-item contain an anchor instead of button\n- `identifier`: Identifier is used to control mg-popover\n- `status`: Define menu-item status.\n- `target`: Define target type\n\nEvents:\n- `item-loaded`: Emited event when item is loaded\n- `item-updated`: Emited event when item is updated\n- `status-change`: Emited event when status change\n\nSlots:\n- ``: Menu item content\n- `image`: Menu item image content\n- `information`: Menu item information content\n- `label`: Menu item label content\n- `metadata`: Menu item metadata content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu-item--docs",
           "attributes": [
             {
@@ -4935,6 +4937,10 @@
                 "name": "item-loaded",
                 "description": "Emited event when item is loaded"
               },
+              {
+                "name": "item-updated",
+                "description": "Emited event when item is updated"
+              },
               {
                 "name": "status-change",
                 "description": "Emited event when status change"
@@ -5522,7 +5528,7 @@
         },
         {
           "name": "mg-popover",
-          "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `display-change`: Emited event when display value change\n\n",
+          "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `display-change`: Emited event when display value change\n\nSlots:\n- ``: Element that will display the popover\n- `content`: popover content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover--docs",
           "attributes": [
             {
@@ -5657,43 +5663,6 @@
             ]
           }
         },
-        {
-          "name": "mg-popover-content",
-          "description": "Attributes:\n- `close-button`: Define if popover has a cross button\n\nEvents:\n- `hide-content`: Emited event when close button is clicked\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover-mg-popover-content--docs",
-          "attributes": [
-            {
-              "name": "close-button",
-              "description": "Define if popover has a cross button\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover-mg-popover-content--docs",
-              "value": {
-                "type": "boolean",
-                "default": "false",
-                "required": false
-              }
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "closeButton",
-                "description": "Define if popover has a cross button\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover-mg-popover-content--docs",
-                "value": {
-                  "type": "boolean",
-                  "default": "false",
-                  "required": false
-                }
-              }
-            ],
-            "events": [
-              {
-                "name": "hide-content",
-                "description": "Emited event when close button is clicked"
-              }
-            ]
-          }
-        },
         {
           "name": "mg-skip-links",
           "description": "Properties:\n- `links`: Skip links\n\nEvents:\n- `go-to-anchor`: Emited event when link is clicked\n\n",
@@ -5721,7 +5690,7 @@
         },
         {
           "name": "mg-tabs",
-          "description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\n",
+          "description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\nSlots:\n- `tab_content-n`: Tab content, where `n` represents the position of the tab content. It starts at 1.\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-tabs--docs",
           "attributes": [
             {
@@ -5823,7 +5792,7 @@
         },
         {
           "name": "mg-tag",
-          "description": "Attributes:\n- `outline`: Define if tag is using outline style\n- `soft`: Define if tag is using soft style\n- `variant`: Define tag variant\n\n",
+          "description": "Attributes:\n- `outline`: Define if tag is using outline style\n- `soft`: Define if tag is using soft style\n- `variant`: Define tag variant\n\nSlots:\n- ``: Tag content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tag--docs",
           "attributes": [
             {
@@ -5891,7 +5860,7 @@
         },
         {
           "name": "mg-tooltip",
-          "description": "Attributes:\n- `disabled`: Disable tooltip\n- `display`: Display tooltip\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `message`: Displayed message in the tooltip\n- `placement`: Tooltip placement\n\n",
+          "description": "Attributes:\n- `disabled`: Disable tooltip\n- `display`: Display tooltip\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `message`: Displayed message in the tooltip\n- `placement`: Tooltip placement\n\nSlots:\n- ``: Element that will display the tooltip\n- `content`: Tooltip content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip--docs",
           "attributes": [
             {
@@ -5998,36 +5967,6 @@
             ],
             "events": []
           }
-        },
-        {
-          "name": "mg-tooltip-content",
-          "description": "Attributes:\n- `message`: Displayed message in the tooltip\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip-mg-tooltip-content--docs",
-          "attributes": [
-            {
-              "name": "message",
-              "description": "Displayed message in the tooltip\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip-mg-tooltip-content--docs",
-              "value": {
-                "type": "string",
-                "required": true
-              }
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "message",
-                "description": "Displayed message in the tooltip\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip-mg-tooltip-content--docs",
-                "value": {
-                  "type": "string",
-                  "required": true
-                }
-              }
-            ],
-            "events": []
-          }
         }
       ]
     }