@mgdis/mg-components 6.17.0 → 6.18.0

package/ide/intellij/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@mgdis/mg-components",
-  "version": "6.17.0",
+  "version": "6.18.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -869,9 +869,214 @@
             ]
           }
         },
+        {
+          "name": "mg-fieldset",
+          "description": "Attributes:\n- `disabled`: Define if inputs are disabled\n- `help-text`: Add a help text under the fieldset, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `legend`: Fieldset legend\n- `legend-border-display`: Define if legend border is visible.\n- `legend-heading`: Define legend heading, use to define legend with associated semantic\n- `legend-hide`: Define if legend is visible\n- `name`: Fieldset name\nIf not set the value equals the identifier\n- `readonly`: Define if inputs are readonly\n- `tooltip`: Add a tooltip message next to the fieldset\n\nMethods:\n- `displayError`: Display inputs error if it exists.\n- `setCustomValidity`: Component is not a candidate for constraint validation.\nYou can use this method to define the `errorMessage` and set the `valid` state to `false`.\n\n",
+          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Define if inputs are disabled\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "help-text",
+              "description": "Add a help text under the fieldset, usually expected data format and example\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "string",
+                "required": false
+              }
+            },
+            {
+              "name": "identifier",
+              "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "string",
+                "required": true
+              }
+            },
+            {
+              "name": "legend",
+              "description": "Fieldset legend\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "string",
+                "required": true
+              }
+            },
+            {
+              "name": "legend-border-display",
+              "description": "Define if legend border is visible.\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "legend-heading",
+              "description": "Define legend heading, use to define legend with associated semantic\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                "required": false
+              }
+            },
+            {
+              "name": "legend-hide",
+              "description": "Define if legend is visible\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "name",
+              "description": "Fieldset name\nIf not set the value equals the identifier\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "string",
+                "default": "this.identifier",
+                "required": false
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Define if inputs are readonly\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "tooltip",
+              "description": "Add a tooltip message next to the fieldset\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+              "value": {
+                "type": "string",
+                "required": false
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "disabled",
+                "description": "Define if inputs are disabled\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "helpText",
+                "description": "Add a help text under the fieldset, usually expected data format and example\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "string",
+                  "required": false
+                }
+              },
+              {
+                "name": "identifier",
+                "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "string",
+                  "required": true
+                }
+              },
+              {
+                "name": "legend",
+                "description": "Fieldset legend\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "string",
+                  "required": true
+                }
+              },
+              {
+                "name": "legendBorderDisplay",
+                "description": "Define if legend border is visible.\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "legendHeading",
+                "description": "Define legend heading, use to define legend with associated semantic\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                  "required": false
+                }
+              },
+              {
+                "name": "legendHide",
+                "description": "Define if legend is visible\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "name",
+                "description": "Fieldset name\nIf not set the value equals the identifier\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "string",
+                  "default": "this.identifier",
+                  "required": false
+                }
+              },
+              {
+                "name": "readonly",
+                "description": "Define if inputs are readonly\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "tooltip",
+                "description": "Add a tooltip message next to the fieldset\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs",
+                "value": {
+                  "type": "string",
+                  "required": false
+                }
+              }
+            ],
+            "events": []
+          },
+          "css": {
+            "properties": []
+          }
+        },
         {
           "name": "mg-form",
-          "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\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- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset form inputs values, validity and error state\n\nEvents:\n- `form-reset`: Emitted event on form reset\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\nSlots:\n- ``: Form content\n- `actions`: Actions content\n\n",
+          "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\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- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display inputs/fieldsets errors if it exists.\n- `reset`: Reset form inputs values, validity and error state\n\nEvents:\n- `form-reset`: Emitted event on form reset\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\nSlots:\n- ``: Form content\n- `actions`: Actions content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-form--docs",
           "attributes": [
             {
@@ -1250,7 +1455,7 @@
         },
         {
           "name": "mg-input",
-          "description": "Attributes:\n- `aria-describedby-i-ds`: Define aria-describedby ids to link with\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- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nSlots:\n- ``: Input content\n\n",
+          "description": "Attributes:\n- `aria-describedby-i-ds`: Define aria-describedby ids to link with\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- `inputs-on-bottom`: Display inputs after help-text and error message\n- `label`: Define input label\n- `label-border-display`: Define if label border is visible\nYou must pair this mode with `labelOnTop`and `fieldset` class\n- `label-heading`: Define label heading, use to define label with associated semantic\nYou must pair this mode with `labelOnTop`and `fieldset` class\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nSlots:\n- ``: Input content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
           "attributes": [
             {
@@ -1290,6 +1495,16 @@
                 "required": true
               }
             },
+            {
+              "name": "inputs-on-bottom",
+              "description": "Display inputs after help-text and error message\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
             {
               "name": "label",
               "description": "Define input label\n\nType: `string`",
@@ -1299,6 +1514,25 @@
                 "required": true
               }
             },
+            {
+              "name": "label-border-display",
+              "description": "Define if label border is visible\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "label-heading",
+              "description": "Define label heading, use to define label with associated semantic\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+              "value": {
+                "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                "required": false
+              }
+            },
             {
               "name": "label-hide",
               "description": "Define if label is visible\n\nType: `boolean`",
@@ -1388,6 +1622,16 @@
                   "required": true
                 }
               },
+              {
+                "name": "inputsOnBottom",
+                "description": "Display inputs after help-text and error message\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
               {
                 "name": "label",
                 "description": "Define input label\n\nType: `string`",
@@ -1397,6 +1641,25 @@
                   "required": true
                 }
               },
+              {
+                "name": "labelBorderDisplay",
+                "description": "Define if label border is visible\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "labelHeading",
+                "description": "Define label heading, use to define label with associated semantic\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
+                "value": {
+                  "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                  "required": false
+                }
+              },
               {
                 "name": "labelHide",
                 "description": "Define if label is visible\n\nType: `boolean`",
@@ -5402,7 +5665,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- `reset`: Reset value, validity, error and visual state\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`: Set focus on input.\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",
+          "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,\nthe left icon is hidden.\nOnly available in combination with the \"isIcon\" prop.\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- `reset`: Reset value, validity, error and visual state\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`: Set focus on input.\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": [
             {
@@ -5445,7 +5708,7 @@
             },
             {
               "name": "is-on-off",
-              "description": "Define if toggle have on/off style\n\nType: `boolean`",
+              "description": "Define if toggle have on/off style,\nthe left icon is hidden.\nOnly available in combination with the \"isIcon\" prop.\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
               "value": {
                 "type": "boolean",
@@ -5573,7 +5836,7 @@
               },
               {
                 "name": "isOnOff",
-                "description": "Define if toggle have on/off style\n\nType: `boolean`",
+                "description": "Define if toggle have on/off style,\nthe left icon is hidden.\nOnly available in combination with the \"isIcon\" prop.\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
                 "value": {
                   "type": "boolean",
@@ -6300,7 +6563,7 @@
         },
         {
           "name": "mg-panel",
-          "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\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- `panel-title`: Panel title\n- `shadow`: Add box-shadow style\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\nSlots:\n- ``: Panel content\n- `header-right`: Header right panel content\n\n",
+          "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\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- `panel-title`: Panel title\n- `shadow`: Add box-shadow style\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\nSlots:\n- ``: Panel content\n- `header-right`: Header right panel content\n- `panel-title`: Panel title content (replaces panel-title prop when used)\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-panel--docs",
           "attributes": [
             {
@@ -6349,7 +6612,7 @@
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-panel--docs",
               "value": {
                 "type": "string",
-                "required": true
+                "required": false
               }
             },
             {
@@ -6449,7 +6712,7 @@
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-panel--docs",
                 "value": {
                   "type": "string",
-                  "required": true
+                  "required": false
                 }
               },
               {