@mgdis/mg-components 6.1.0 → 6.2.0

package/ide/vscode/css-custom-data.json

@@ -353,6 +353,22 @@
       "name": "--mg-c-popover-title-font-size",
       "description": "Defines the font size of the popover title. Default value: `--mg-b-font-size-h5`."
     },
+    {
+      "name": "--mg-c-progress-bar-color-background",
+      "description": "Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`."
+    },
+    {
+      "name": "--mg-c-progress-border-color",
+      "description": "Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`."
+    },
+    {
+      "name": "--mg-c-progress-fill-color-background",
+      "description": "Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`."
+    },
+    {
+      "name": "--mg-c-progress-size",
+      "description": "Defines the size of the progress bar. Default value is `--mg-b-size-8`."
+    },
     {
       "name": "--mg-c-tabs-color",
       "description": "Defines tabs global color, used for bottom line and active tabs. Default value: `--mg-b-color-app`."

package/ide/vscode/html-custom-data.json

@@ -532,7 +532,7 @@
     },
     {
       "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\nEvents:\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 input error if it exists.\n- `reset`: Reset form inputs values, validity and error state\n\nEvents:\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",
       "attributes": [
         {
           "name": "aria-role",
@@ -1698,7 +1698,7 @@
     },
     {
       "name": "mg-input-checkbox",
-      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n\nProperties:\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\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`: Emitted event when value change\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n\nProperties:\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -2010,7 +2010,7 @@
     },
     {
       "name": "mg-input-date",
-      "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\nAvailable string variables:\n - `{pattern}`: render innerHTML pattern based on system\n - `{date}`: render innerText date with a pattern base format.\n - `{defaultHelpText}`: render default `helpText` usefull to concat helpText local with your custom text.\nex: `Input use {pattern} pattern` as `helpText` prop value will be render as `Input use mm/dd/yyyy pattern`\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- `max`: Define input maximum date\nformat: yyyy-mm-dd\n- `min`: Define input minimum date\nformat: yyyy-mm-dd\n- `name`: Input name\nIf not set the value equals the identifier\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- `valid`: Define input valid state\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- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\nAvailable string variables:\n - `{pattern}`: render innerHTML pattern based on system\n - `{date}`: render innerText date with a pattern base format.\n - `{defaultHelpText}`: render default `helpText` usefull to concat helpText local with your custom text.\nex: `Input use {pattern} pattern` as `helpText` prop value will be render as `Input use mm/dd/yyyy pattern`\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- `max`: Define input maximum date\nformat: yyyy-mm-dd\n- `min`: Define input minimum date\nformat: yyyy-mm-dd\n- `name`: Input name\nIf not set the value equals the identifier\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- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -2258,7 +2258,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.\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",
+      "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.\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- `unit`: Define unit symbol (km, L, etc.)\n- `unit-display`: Define unit display format ('short', 'long', 'narrow')\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\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",
       "attributes": [
         {
           "name": "currency",
@@ -2304,7 +2304,7 @@
         },
         {
           "name": "format",
-          "description": "Set local formatting.\nNumbers are formatted based on the locale.\n\nType: `\"currency\" | \"none\" | \"number\"`",
+          "description": "Set local formatting.\nNumbers are formatted based on the locale.\n\nType: `\"currency\" | \"none\" | \"number\" | \"percent\" | \"unit\"`",
           "values": [
             {
               "name": "currency"
@@ -2314,6 +2314,12 @@
             },
             {
               "name": "number"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "unit"
             }
           ],
           "references": [
@@ -2595,6 +2601,45 @@
             }
           ]
         },
+        {
+          "name": "unit",
+          "description": "Define unit symbol (km, L, etc.)\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.tsx"
+            }
+          ]
+        },
+        {
+          "name": "unit-display",
+          "description": "Define unit display format ('short', 'long', 'narrow')\n\nType: `\"long\" | \"narrow\" | \"short\"`",
+          "values": [
+            {
+              "name": "long"
+            },
+            {
+              "name": "narrow"
+            },
+            {
+              "name": "short"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.tsx"
+            }
+          ]
+        },
         {
           "name": "valid",
           "description": "Define input pattern to validate\n\nType: `boolean`",
@@ -2637,7 +2682,7 @@
     },
     {
       "name": "mg-input-password",
-      "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- `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- `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- `valid`: Define input valid state\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- `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- `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- `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- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -2913,7 +2958,7 @@
     },
     {
       "name": "mg-input-radio",
-      "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- `input-vertical-list`: Define if inputs are display verticaly\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- `name`: Input name\nIf not set the value equals the identifier\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- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\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`: Emitted 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- `input-vertical-list`: Define if inputs are display verticaly\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- `name`: Input name\nIf not set the value equals the identifier\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- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -3161,7 +3206,7 @@
     },
     {
       "name": "mg-input-select",
-      "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- `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- `mg-width`: Define input width\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- `placeholder-disabled`: Option to disable placeholder\n- `placeholder-hide`: Option to remove placeholder\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- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\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- `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- `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- `mg-width`: Define input width\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- `placeholder-disabled`: Option to disable placeholder\n- `placeholder-hide`: Option to remove placeholder\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- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -3465,7 +3510,7 @@
     },
     {
       "name": "mg-input-text",
-      "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `disabled`: Define if input is disabled\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",
+      "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `disabled`: Define if input is disabled\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- `reset`: Reset value, validity and error 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`: 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",
       "attributes": [
         {
           "name": "character-left-hide",
@@ -4480,7 +4525,7 @@
     },
     {
       "name": "mg-input-textarea",
-      "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\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- `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- `resizable`: Define if input is resizable\n- `rows`: Define the number of visible text lines for the control\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\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- `character-left-hide`: Define if component should display character left\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- `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- `resizable`: Define if input is resizable\n- `rows`: Define the number of visible text lines for the control\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "character-left-hide",
@@ -4840,7 +4885,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\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\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\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",
       "attributes": [
         {
           "name": "disabled",
@@ -5872,6 +5917,100 @@
         }
       ]
     },
+    {
+      "name": "mg-progress",
+      "description": "Attributes:\n- `aria-role`: Define progress role\n- `progressbar` to indicate a progress, such as loading or percent completion of a task\n- `meter` to indicate a graphical display of a numeric value that varies within a defined range\n- `label`: Define label\n- `max`: Define the maximum value in the range\n- `min`: Define the minimum value in the range\n- `value`: Define current value\nBy default, it will be displayed as a percentage value.\nIf you don’t specify the min and max props, the value should be a number within the range of 0 to 100.\n\n",
+      "attributes": [
+        {
+          "name": "aria-role",
+          "description": "Define progress role\n- `progressbar` to indicate a progress, such as loading or percent completion of a task\n- `meter` to indicate a graphical display of a numeric value that varies within a defined range\n\nType: `\"meter\" | \"progressbar\"`",
+          "values": [
+            {
+              "name": "meter"
+            },
+            {
+              "name": "progressbar"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Define label\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "description": "Define the maximum value in the range\n\nType: `number`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+            }
+          ]
+        },
+        {
+          "name": "min",
+          "description": "Define the minimum value in the range\n\nType: `number`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Define current value\nBy default, it will be displayed as a percentage value.\nIf you don’t specify the min and max props, the value should be a number within the range of 0 to 100.\n\nType: `number`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-progress--docs"
+        },
+        {
+          "name": "Sources",
+          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-progress/mg-progress.tsx"
+        }
+      ]
+    },
     {
       "name": "mg-skip-links",
       "description": "Properties:\n- `links`: Skip links\n\nEvents:\n- `go-to-anchor`: Emited event when link is clicked\n\n",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -34,43 +34,43 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.22.1",
-    "@mgdis/img": "2.1.0",
-    "@mgdis/stencil-helpers": "2.1.0",
-    "@mgdis/styles": "2.0.1"
+    "@stencil/core": "4.22.2",
+    "@mgdis/img": "2.1.1",
+    "@mgdis/stencil-helpers": "2.2.0",
+    "@mgdis/styles": "2.1.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.48.1",
-    "@storybook/addon-a11y": "8.3.6",
-    "@storybook/addon-actions": "8.3.6",
-    "@storybook/addon-essentials": "8.3.6",
-    "@storybook/addon-interactions": "8.3.6",
-    "@storybook/addon-links": "8.3.6",
-    "@storybook/blocks": "8.3.6",
-    "@storybook/html": "8.3.6",
-    "@storybook/html-vite": "8.3.6",
-    "@storybook/manager-api": "8.3.6",
+    "@playwright/test": "1.48.2",
+    "@storybook/addon-a11y": "8.4.4",
+    "@storybook/addon-actions": "8.4.4",
+    "@storybook/addon-essentials": "8.4.4",
+    "@storybook/addon-interactions": "8.4.4",
+    "@storybook/addon-links": "8.4.4",
+    "@storybook/blocks": "8.4.4",
+    "@storybook/html": "8.4.4",
+    "@storybook/html-vite": "8.4.4",
+    "@storybook/manager-api": "8.4.4",
     "@storybook/testing-library": "0.2.2",
     "@types/jest": "29.5.14",
-    "@types/node": "20.16.14",
-    "chromatic": "11.15.0",
+    "@types/node": "20.17.6",
+    "chromatic": "11.18.1",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "0.10.1",
+    "eslint-plugin-storybook": "0.11.0",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
     "prettier": "3.3.3",
-    "puppeteer": "22.15.0",
-    "sass": "1.80.4",
-    "storybook": "8.3.6",
+    "puppeteer": "23.8.0",
+    "sass": "1.81.0",
+    "storybook": "8.4.4",
     "ts-node": "10.9.2",
     "typescript": "5.6.3",
-    "vite": "5.4.10",
+    "vite": "5.4.11",
+    "@core-ui/eslint-config-stencil": "1.2.2",
+    "@core-ui/jest-config": "1.0.8",
     "@core-ui/tsconfig": "1.0.4",
-    "@core-ui/eslint-config-stencil": "1.2.1",
-    "@core-ui/jest-config": "1.0.7",
-    "@mgdis/linting-stencil": "1.3.1",
+    "@mgdis/linting-stencil": "1.3.2",
     "@mgdis/playwright-helpers": "1.0.10"
   },
   "license": "BSD-3-Clause",

package/dist/cjs/index-0fe2670c.js.map

@@ -1 +0,0 @@
-{"file":"index-0fe2670c.js","mappings":"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","names":["defineLocales"],"sources":["../stencil-helpers/dist/index.es.js","src/locales/index.ts"],"sourcesContent":["var ve = Object.defineProperty;\nvar X = (e) => {\n  throw TypeError(e);\n};\nvar he = (e, t, s) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;\nvar g = (e, t, s) => he(e, typeof t != \"symbol\" ? t + \"\" : t, s), ye = (e, t, s) => t.has(e) || X(\"Cannot \" + s);\nvar k = (e, t, s) => (ye(e, t, \"read from private field\"), s ? s.call(e) : t.get(e)), w = (e, t, s) => t.has(e) ? X(\"Cannot add the same private member more than once\") : t instanceof WeakSet ? t.add(e) : t.set(e, s);\nconst Ie = (e = \"\", t = 10) => {\n  const s = new Uint8Array(t);\n  crypto.getRandomValues(s);\n  const r = Array.from(s).map((o) => o.toString(16).padStart(2, \"0\")).join(\"\").slice(0, t);\n  return e !== \"\" ? `${e}-${r}` : r;\n}, Ge = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;\nclass Xe {\n  constructor(t = []) {\n    /**\n     * Available classes\n     */\n    g(this, \"classes\");\n    /**\n     * Add class\n     * @param className - class name to add\n     */\n    g(this, \"add\", (t) => {\n      this.has(t) || this.classes.push(t);\n    });\n    /**\n     * Delete class\n     * @param className - class name to delete\n     */\n    g(this, \"delete\", (t) => {\n      const s = this.classes.indexOf(t);\n      s > -1 && this.classes.splice(s, 1);\n    });\n    /**\n     * Check if class exist in list\n     * @param className - class name to check\n     * @returns class name is in the list\n     */\n    g(this, \"has\", (t) => this.classes.includes(t));\n    /**\n     * Join classes seperated by spaces\n     * @returns joined values\n     */\n    g(this, \"join\", () => this.classes.join(\" \"));\n    this.classes = t;\n  }\n}\nconst Je = (e) => Array.isArray(e) && e.every((t) => typeof t == \"string\"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', Ze = (e) => {\n  const t = te(e), s = se(e);\n  return [e, ...t, ...s];\n}, te = (e, t = []) => {\n  if (e.self !== e.top)\n    try {\n      const s = e.parent;\n      return s ? (t.push(s), te(s, t)) : t;\n    } catch (s) {\n      return console.error(\"Different hosts between iframes:\", s), t;\n    }\n  return t;\n}, se = (e, t = []) => {\n  if (e.frames.length > 0)\n    for (const s of Array.from(e.frames))\n      t.push(s), se(s, t);\n  return t;\n}, me = (e) => typeof e == \"string\" && e.trim() !== \"\", Ye = (e) => typeof e == \"object\" ? JSON.stringify(e) : `${e}`, Ve = (e) => typeof e == \"string\" ? e.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : e, et = async (e) => e();\nvar E = {\n  allRenderFn: !1,\n  cmpDidLoad: !0,\n  cmpDidUnload: !1,\n  cmpDidUpdate: !0,\n  cmpDidRender: !0,\n  cmpWillLoad: !0,\n  cmpWillUpdate: !0,\n  cmpWillRender: !0,\n  connectedCallback: !0,\n  disconnectedCallback: !0,\n  element: !0,\n  event: !0,\n  hasRenderFn: !0,\n  lifecycle: !0,\n  hostListener: !0,\n  hostListenerTargetWindow: !0,\n  hostListenerTargetDocument: !0,\n  hostListenerTargetBody: !0,\n  hostListenerTargetParent: !1,\n  hostListenerTarget: !0,\n  member: !0,\n  method: !0,\n  mode: !0,\n  observeAttribute: !0,\n  prop: !0,\n  propMutable: !0,\n  reflect: !0,\n  scoped: !0,\n  shadowDom: !0,\n  slot: !0,\n  cssAnnotations: !0,\n  state: !0,\n  style: !0,\n  formAssociated: !1,\n  svg: !0,\n  updatable: !0,\n  vdomAttribute: !0,\n  vdomXlink: !0,\n  vdomClass: !0,\n  vdomFunctional: !0,\n  vdomKey: !0,\n  vdomListener: !0,\n  vdomRef: !0,\n  vdomPropOrAttr: !0,\n  vdomRender: !0,\n  vdomStyle: !0,\n  vdomText: !0,\n  watchCallback: !0,\n  taskQueue: !0,\n  hotModuleReplacement: !1,\n  isDebug: !1,\n  isDev: !1,\n  isTesting: !1,\n  hydrateServerSide: !1,\n  hydrateClientSide: !1,\n  lifecycleDOMEvents: !1,\n  lazyLoad: !1,\n  profile: !1,\n  slotRelocation: !0,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  appendChildSlotFix: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  cloneNodeFix: !1,\n  hydratedAttribute: !1,\n  hydratedClass: !0,\n  // TODO(STENCIL-1305): remove this option\n  scriptDataOpts: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  scopedSlotTextContentFix: !1,\n  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n  shadowDomShim: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  slotChildNodesFix: !1,\n  invisiblePrehydration: !0,\n  propBoolean: !0,\n  propNumber: !0,\n  propString: !0,\n  constructableCSS: !0,\n  cmpShouldUpdate: !0,\n  devTools: !1,\n  shadowDelegatesFocus: !0,\n  initializeNextTick: !1,\n  asyncLoading: !0,\n  asyncQueue: !1,\n  transformTagName: !1,\n  attachStyles: !0,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  experimentalSlotFixes: !1\n}, be = Object.defineProperty, Se = (e, t) => {\n  for (var s in t)\n    be(e, s, { get: t[s], enumerable: !0 });\n}, J = (e, t) => t in e, K = \"http://www.w3.org/1999/xlink\", B = typeof window < \"u\" ? window : {}, _ = B.document || { head: {} };\nB.HTMLElement;\nvar L = {\n  $flags$: 0,\n  $resourcesUrl$: \"\",\n  jmp: (e) => e(),\n  raf: (e) => requestAnimationFrame(e),\n  ael: (e, t, s, r) => e.addEventListener(t, s, r),\n  rel: (e, t, s, r) => e.removeEventListener(t, s, r),\n  ce: (e, t) => new CustomEvent(e, t)\n}, Q = {}, Te = \"http://www.w3.org/2000/svg\", ke = \"http://www.w3.org/1999/xhtml\", xe = (e) => e != null, re = (e) => (e = typeof e, e === \"object\" || e === \"function\"), Ae = {};\nSe(Ae, {\n  err: () => oe,\n  map: () => Ee,\n  ok: () => U,\n  unwrap: () => Le,\n  unwrapErr: () => je\n});\nvar U = (e) => ({\n  isOk: !0,\n  isErr: !1,\n  value: e\n}), oe = (e) => ({\n  isOk: !1,\n  isErr: !0,\n  value: e\n});\nfunction Ee(e, t) {\n  if (e.isOk) {\n    const s = t(e.value);\n    return s instanceof Promise ? s.then((r) => U(r)) : U(s);\n  }\n  if (e.isErr) {\n    const s = e.value;\n    return oe(s);\n  }\n  throw \"should never get here\";\n}\nvar Le = (e) => {\n  if (e.isOk)\n    return e.value;\n  throw e.value;\n}, je = (e) => {\n  if (e.isErr)\n    return e.value;\n  throw e.value;\n}, Re = (e, t, ...s) => {\n  let r = null, o = null, n = null, l = !1, a = !1;\n  const c = [], d = (i) => {\n    for (let $ = 0; $ < i.length; $++)\n      r = i[$], Array.isArray(r) ? d(r) : r != null && typeof r != \"boolean\" && ((l = !re(r)) && (r = String(r)), l && a ? c[c.length - 1].$text$ += r : c.push(l ? W(null, r) : r), a = l);\n  };\n  d(s);\n  const f = W(e, null);\n  return f.$attrs$ = t, c.length > 0 && (f.$children$ = c), f.$key$ = o, f.$name$ = n, f;\n}, W = (e, t) => {\n  const s = {\n    $flags$: 0,\n    $tag$: e,\n    $text$: t,\n    $elm$: null,\n    $children$: null\n  };\n  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;\n}, Oe = {}, Me = (e) => e && e.$tag$ === Oe, Z = (e, t, s, r, o, n) => {\n  if (s !== r) {\n    let l = J(e, t), a = t.toLowerCase();\n    if (t === \"class\") {\n      const c = e.classList, d = Y(s), f = Y(r);\n      c.remove(...d.filter((i) => i && !f.includes(i))), c.add(...f.filter((i) => i && !d.includes(i)));\n    } else if (t === \"style\") {\n      for (const c in s)\n        (!r || r[c] == null) && (c.includes(\"-\") ? e.style.removeProperty(c) : e.style[c] = \"\");\n      for (const c in r)\n        (!s || r[c] !== s[c]) && (c.includes(\"-\") ? e.style.setProperty(c, r[c]) : e.style[c] = r[c]);\n    } else if (t !== \"key\") if (t === \"ref\")\n      r && r(e);\n    else if (!e.__lookupSetter__(t) && t[0] === \"o\" && t[1] === \"n\") {\n      if (t[2] === \"-\" ? t = t.slice(3) : J(B, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s || r) {\n        const c = t.endsWith(ne);\n        t = t.replace(Ne, \"\"), s && L.rel(e, t, s, c), r && L.ael(e, t, r, c);\n      }\n    } else {\n      const c = re(r);\n      if ((l || c && r !== null) && !o)\n        try {\n          if (e.tagName.includes(\"-\"))\n            e[t] = r;\n          else {\n            const f = r ?? \"\";\n            t === \"list\" ? l = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == \"function\" ? e[t] = f : e.setAttribute(t, f));\n          }\n        } catch {\n        }\n      let d = !1;\n      a !== (a = a.replace(/^xlink\\:?/, \"\")) && (t = a, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === \"\") && (d ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!l || n & 4 || o) && !c && (r = r === !0 ? \"\" : r, d ? e.setAttributeNS(K, t, r) : e.setAttribute(t, r));\n    }\n  }\n}, _e = /\\s/, Y = (e) => e ? e.split(_e) : [], ne = \"Capture\", Ne = new RegExp(ne + \"$\"), le = (e, t, s) => {\n  const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Q, n = t.$attrs$ || Q;\n  for (const l of V(Object.keys(o)))\n    l in n || Z(r, l, o[l], void 0, s, t.$flags$);\n  for (const l of V(Object.keys(n)))\n    Z(r, l, o[l], n[l], s, t.$flags$);\n};\nfunction V(e) {\n  return e.includes(\"ref\") ? (\n    // we need to sort these to ensure that `'ref'` is the last attr\n    [...e.filter((t) => t !== \"ref\"), \"ref\"]\n  ) : (\n    // no need to sort, return the original array\n    e\n  );\n}\nvar x, H, j, N = !1, F = !1, q = !1, h = !1, C = (e, t, s, r) => {\n  var o;\n  const n = t.$children$[s];\n  let l = 0, a, c, d;\n  if (N || (q = !0, n.$tag$ === \"slot\" && (x && r.classList.add(x + \"-s\"), n.$flags$ |= n.$children$ ? (\n    // slot element has fallback content\n    // still create an element that \"mocks\" the slot element\n    2\n  ) : (\n    // slot element does not have fallback content\n    // create an html comment we'll use to always reference\n    // where actual slot content should sit next to\n    1\n  ))), n.$text$ !== null)\n    a = n.$elm$ = _.createTextNode(n.$text$);\n  else if (n.$flags$ & 1)\n    a = n.$elm$ = _.createTextNode(\"\");\n  else {\n    if (h || (h = n.$tag$ === \"svg\"), a = n.$elm$ = _.createElementNS(\n      h ? Te : ke,\n      !N && E.slotRelocation && n.$flags$ & 2 ? \"slot-fb\" : n.$tag$\n    ), h && n.$tag$ === \"foreignObject\" && (h = !1), le(null, n, h), !!a.getRootNode().querySelector(\"body\") && E.scoped && xe(x) && a[\"s-si\"] !== x && a.classList.add(a[\"s-si\"] = x), G(a, r), n.$children$)\n      for (l = 0; l < n.$children$.length; ++l)\n        c = C(e, n, l, a), c && a.appendChild(c);\n    n.$tag$ === \"svg\" ? h = !1 : a.tagName === \"foreignObject\" && (h = !0);\n  }\n  return a[\"s-hn\"] = j, n.$flags$ & 3 && (a[\"s-sr\"] = !0, a[\"s-cr\"] = H, a[\"s-sn\"] = n.$name$ || \"\", a[\"s-rf\"] = (o = n.$attrs$) == null ? void 0 : o.ref, d = e && e.$children$ && e.$children$[s], d && d.$tag$ === n.$tag$ && e.$elm$ && R(e.$elm$, !1)), a;\n}, R = (e, t) => {\n  L.$flags$ |= 1;\n  const s = Array.from(e.childNodes);\n  if (e[\"s-sr\"] && E.experimentalSlotFixes) {\n    let r = e;\n    for (; r = r.nextSibling; )\n      r && r[\"s-sn\"] === e[\"s-sn\"] && r[\"s-sh\"] === j && s.push(r);\n  }\n  for (let r = s.length - 1; r >= 0; r--) {\n    const o = s[r];\n    o[\"s-hn\"] !== j && o[\"s-ol\"] && (T(ce(o), o, I(o)), o[\"s-ol\"].remove(), o[\"s-ol\"] = void 0, o[\"s-sh\"] = void 0, q = !0), t && R(o, t);\n  }\n  L.$flags$ &= -2;\n}, ie = (e, t, s, r, o, n) => {\n  let l = e[\"s-cr\"] && e[\"s-cr\"].parentNode || e, a;\n  for (l.shadowRoot && l.tagName === j && (l = l.shadowRoot); o <= n; ++o)\n    r[o] && (a = C(null, s, o, e), a && (r[o].$elm$ = a, T(l, a, I(t))));\n}, ae = (e, t, s) => {\n  for (let r = t; r <= s; ++r) {\n    const o = e[r];\n    if (o) {\n      const n = o.$elm$;\n      $e(o), n && (F = !0, n[\"s-ol\"] ? n[\"s-ol\"].remove() : R(n, !0), n.remove());\n    }\n  }\n}, Fe = (e, t, s, r, o = !1) => {\n  let n = 0, l = 0, a = 0, c = 0, d = t.length - 1, f = t[0], i = t[d], $ = r.length - 1, u = r[0], p = r[$], m, y;\n  for (; n <= d && l <= $; )\n    if (f == null)\n      f = t[++n];\n    else if (i == null)\n      i = t[--d];\n    else if (u == null)\n      u = r[++l];\n    else if (p == null)\n      p = r[--$];\n    else if (M(f, u, o))\n      A(f, u, o), f = t[++n], u = r[++l];\n    else if (M(i, p, o))\n      A(i, p, o), i = t[--d], p = r[--$];\n    else if (M(f, p, o))\n      (f.$tag$ === \"slot\" || p.$tag$ === \"slot\") && R(f.$elm$.parentNode, !1), A(f, p, o), T(e, f.$elm$, i.$elm$.nextSibling), f = t[++n], p = r[--$];\n    else if (M(i, u, o))\n      (f.$tag$ === \"slot\" || p.$tag$ === \"slot\") && R(i.$elm$.parentNode, !1), A(i, u, o), T(e, i.$elm$, f.$elm$), i = t[--d], u = r[++l];\n    else {\n      for (a = -1, c = n; c <= d; ++c)\n        if (t[c] && t[c].$key$ !== null && t[c].$key$ === u.$key$) {\n          a = c;\n          break;\n        }\n      a >= 0 ? (y = t[a], y.$tag$ !== u.$tag$ ? m = C(t && t[l], s, a, e) : (A(y, u, o), t[a] = void 0, m = y.$elm$), u = r[++l]) : (m = C(t && t[l], s, l, e), u = r[++l]), m && T(ce(f.$elm$), m, I(f.$elm$));\n    }\n  n > d ? ie(\n    e,\n    r[$ + 1] == null ? null : r[$ + 1].$elm$,\n    s,\n    r,\n    l,\n    $\n  ) : l > $ && ae(t, n, d);\n}, M = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === \"slot\" ? (\n  // The component gets hydrated and no VDOM has been initialized.\n  // Here the comparison can't happen as $name$ property is not set for `leftNode`.\n  \"$nodeId$\" in e && s && // `leftNode` is not from type HTMLComment which would cause many\n  // hydration comments to be removed\n  e.$elm$.nodeType !== 8 ? !1 : e.$name$ === t.$name$\n) : s ? !0 : e.$key$ === t.$key$ : !1, I = (e) => e && e[\"s-ol\"] || e, ce = (e) => (e[\"s-ol\"] ? e[\"s-ol\"] : e).parentNode, A = (e, t, s = !1) => {\n  const r = t.$elm$ = e.$elm$, o = e.$children$, n = t.$children$, l = t.$tag$, a = t.$text$;\n  let c;\n  a === null ? (h = l === \"svg\" ? !0 : l === \"foreignObject\" ? !1 : h, l === \"slot\" && !N || le(e, t, h), o !== null && n !== null ? Fe(r, o, t, n, s) : n !== null ? (e.$text$ !== null && (r.textContent = \"\"), ie(r, null, t, n, 0, n.length - 1)) : (\n    // don't do this on initial render as it can cause non-hydrated content to be removed\n    !s && E.updatable && o !== null && ae(o, 0, o.length - 1)\n  ), h && l === \"svg\" && (h = !1)) : (c = r[\"s-cr\"]) ? c.parentNode.textContent = a : e.$text$ !== a && (r.data = a);\n}, fe = (e) => {\n  const t = e.childNodes;\n  for (const s of t)\n    if (s.nodeType === 1) {\n      if (s[\"s-sr\"]) {\n        const r = s[\"s-sn\"];\n        s.hidden = !1;\n        for (const o of t)\n          if (o !== s) {\n            if (o[\"s-hn\"] !== s[\"s-hn\"] || r !== \"\") {\n              if (o.nodeType === 1 && (r === o.getAttribute(\"slot\") || r === o[\"s-sn\"]) || o.nodeType === 3 && r === o[\"s-sn\"]) {\n                s.hidden = !0;\n                break;\n              }\n            } else if (o.nodeType === 1 || o.nodeType === 3 && o.textContent.trim() !== \"\") {\n              s.hidden = !0;\n              break;\n            }\n          }\n      }\n      fe(s);\n    }\n}, b = [], ue = (e) => {\n  let t, s, r;\n  for (const o of e.childNodes) {\n    if (o[\"s-sr\"] && (t = o[\"s-cr\"]) && t.parentNode) {\n      s = t.parentNode.childNodes;\n      const n = o[\"s-sn\"];\n      for (r = s.length - 1; r >= 0; r--)\n        if (t = s[r], !t[\"s-cn\"] && !t[\"s-nr\"] && t[\"s-hn\"] !== o[\"s-hn\"] && !E.experimentalSlotFixes)\n          if (ee(t, n)) {\n            let l = b.find((a) => a.$nodeToRelocate$ === t);\n            F = !0, t[\"s-sn\"] = t[\"s-sn\"] || n, l ? (l.$nodeToRelocate$[\"s-sh\"] = o[\"s-hn\"], l.$slotRefNode$ = o) : (t[\"s-sh\"] = o[\"s-hn\"], b.push({\n              $slotRefNode$: o,\n              $nodeToRelocate$: t\n            })), t[\"s-sr\"] && b.map((a) => {\n              ee(a.$nodeToRelocate$, t[\"s-sn\"]) && (l = b.find((c) => c.$nodeToRelocate$ === t), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));\n            });\n          } else b.some((l) => l.$nodeToRelocate$ === t) || b.push({\n            $nodeToRelocate$: t\n          });\n    }\n    o.nodeType === 1 && ue(o);\n  }\n}, ee = (e, t) => e.nodeType === 1 ? e.getAttribute(\"slot\") === null && t === \"\" || e.getAttribute(\"slot\") === t : e[\"s-sn\"] === t ? !0 : t === \"\", $e = (e) => {\n  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map($e);\n}, T = (e, t, s) => {\n  const r = e == null ? void 0 : e.insertBefore(t, s);\n  return G(t, e), r;\n}, de = (e) => {\n  const t = [];\n  return e && t.push(\n    ...e[\"s-scs\"] || [],\n    e[\"s-si\"],\n    e[\"s-sc\"],\n    ...de(e.parentElement)\n  ), t;\n}, G = (e, t, s = !1) => {\n  var r;\n  if (e && t && e.nodeType === 1) {\n    const o = new Set(de(t).filter(Boolean));\n    if (o.size && ((r = e.classList) == null || r.add(...e[\"s-scs\"] = [...o]), e[\"s-ol\"] || s))\n      for (const n of Array.from(e.childNodes))\n        G(n, e, !0);\n  }\n}, Ce = (e, t, s = !1) => {\n  var r, o, n, l, a;\n  const c = e.$hostElement$, d = e.$cmpMeta$, f = e.$vnode$ || W(null, null), i = Me(t) ? t : Re(null, null, t);\n  if (j = c.tagName, d.$attrsToReflect$ && (i.$attrs$ = i.$attrs$ || {}, d.$attrsToReflect$.map(\n    ([$, u]) => i.$attrs$[u] = c[$]\n  )), s && i.$attrs$)\n    for (const $ of Object.keys(i.$attrs$))\n      c.hasAttribute($) && ![\"key\", \"ref\", \"style\", \"class\"].includes($) && (i.$attrs$[$] = c[$]);\n  i.$tag$ = null, i.$flags$ |= 4, e.$vnode$ = i, i.$elm$ = f.$elm$ = c.shadowRoot || c, x = c[\"s-sc\"], N = (d.$flags$ & 1) !== 0, H = c[\"s-cr\"], F = !1, A(f, i, s);\n  {\n    if (L.$flags$ |= 1, q) {\n      ue(i.$elm$);\n      for (const $ of b) {\n        const u = $.$nodeToRelocate$;\n        if (!u[\"s-ol\"]) {\n          const p = _.createTextNode(\"\");\n          p[\"s-nr\"] = u, T(u.parentNode, u[\"s-ol\"] = p, u);\n        }\n      }\n      for (const $ of b) {\n        const u = $.$nodeToRelocate$, p = $.$slotRefNode$;\n        if (p) {\n          const m = p.parentNode;\n          let y = p.nextSibling;\n          {\n            let O = (r = u[\"s-ol\"]) == null ? void 0 : r.previousSibling;\n            for (; O; ) {\n              let v = (o = O[\"s-nr\"]) != null ? o : null;\n              if (v && v[\"s-sn\"] === u[\"s-sn\"] && m === v.parentNode) {\n                for (v = v.nextSibling; v === u || v != null && v[\"s-sr\"]; )\n                  v = v == null ? void 0 : v.nextSibling;\n                if (!v || !v[\"s-nr\"]) {\n                  y = v;\n                  break;\n                }\n              }\n              O = O.previousSibling;\n            }\n          }\n          (!y && m !== u.parentNode || u.nextSibling !== y) && u !== y && (!u[\"s-hn\"] && u[\"s-ol\"] && (u[\"s-hn\"] = u[\"s-ol\"].parentNode.nodeName), T(m, u, y), u.nodeType === 1 && (u.hidden = (n = u[\"s-ih\"]) != null ? n : !1)), u && typeof p[\"s-rf\"] == \"function\" && p[\"s-rf\"](u);\n        } else\n          u.nodeType === 1 && (s && (u[\"s-ih\"] = (l = u.hidden) != null ? l : !1), u.hidden = !0);\n      }\n    }\n    F && fe(i.$elm$), L.$flags$ &= -2, b.length = 0;\n  }\n  if (E.experimentalScopedSlotChanges && d.$flags$ & 2)\n    for (const $ of i.$elm$.childNodes)\n      $[\"s-hn\"] !== j && !$[\"s-sh\"] && (s && $[\"s-ih\"] == null && ($[\"s-ih\"] = (a = $.hidden) != null ? a : !1), $.hidden = !0);\n  H = void 0;\n};\nconst De = (e, t, s) => {\n  [null, void 0, \"\", !1].includes(s) || [\"innerHTML\", \"style\"].includes(t) || e.setAttribute(t, [\"object\", \"function\"].includes(typeof s) ? \"/!\\\\ Object props are not rendered in the code example\" : s);\n}, pe = (e, t, s, r, o) => {\n  if (t && typeof t == \"string\") {\n    const n = document.createElement(t);\n    Object.keys(s || {}).forEach((l) => {\n      De(n, l, s[l]);\n    }), r == null || r.forEach((l) => {\n      pe(n, l.$tag$, l.$attrs$, l.$children$, l.$text$);\n    }), s != null && s.innerHTML && (n.innerHTML = s.innerHTML), e.appendChild(n);\n  }\n  o && (e.innerHTML = o);\n}, tt = (e, t) => {\n  const s = {};\n  if (typeof e != \"object\")\n    throw new Error(\"filterArgs - args isn't an object.\");\n  for (const r in e)\n    if (!r.startsWith(\"slot\")) {\n      const o = e[r], n = r.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n      (!t || !Object.keys(t).includes(r) || t[r] !== o) && (s[n] = o);\n    }\n  return s;\n}, st = (e, t) => {\n  var r, o;\n  const s = document.getElementById(\"storybook-root\");\n  if (s !== null)\n    return (o = document.querySelector(\"[lang]\")) == null || o.setAttribute(\"lang\", ((r = t.globals) == null ? void 0 : r.locale) || \"en\"), Ce(\n      {\n        $ancestorComponent$: void 0,\n        $flags$: 0,\n        $modeName$: void 0,\n        $cmpMeta$: {\n          $flags$: 0,\n          $tagName$: s.tagName\n        },\n        $hostElement$: s\n      },\n      e(t)\n    ), s.children[s.children.length - 1];\n}, rt = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {\n  const o = document.createElement(\"div\");\n  return pe(o, e, t, s, r), o.innerHTML;\n}, D = (e, t) => {\n  if (!t)\n    return;\n  const s = t.split(\"/\");\n  return `${e}${s.slice(2, s.length - 1).join(\"-\")}--docs`;\n};\nvar S, P;\nclass ot {\n  constructor(t) {\n    /**\n     * JsonDocs\n     */\n    g(this, \"jsonDoc\");\n    /**\n     * Get component data from the jsonDoc\n     * @param tagName - tag name we want to get the data from\n     * @returns component data\n     */\n    w(this, S, (t) => this.jsonDoc.components.find((s) => s.tag === t));\n    /**\n     * Get the control for the given prop\n     * Based on https://storybook.js.org/docs/api/arg-types#controltype\n     * @param prop - prop to get control for\n     * @returns control type and options if applicable\n     */\n    w(this, P, (t) => {\n      const s = t.type.replace(/\"([^\"]+)\"/g, \"$1\").replace(/\\s/g, \"\").replace(/\\(.*?\\)/g, (r) => r.replace(/\\|/g, \" OR \")).split(\"|\").map((r) => r.trim().replace(/ OR /g, \"|\"));\n      return t.type === \"string\" ? { control: { type: \"text\" } } : t.type === \"number\" ? { control: { type: \"number\" } } : t.type === \"boolean\" ? { control: { type: \"boolean\" } } : t.type.startsWith(\"{\") && t.type.endsWith(\"}\") ? { control: { type: \"object\" } } : s.length > 1 ? s.includes(\"string\") ? { control: { type: \"text\" } } : s.every((r) => r == null ? void 0 : r.includes(\"[]\")) ? { control: { type: \"object\" } } : (s.unshift(void 0), { control: { type: \"select\" }, options: s }) : { control: { type: \"object\" } };\n    });\n    /**\n     * Extract component arg types from the component data\n     * @param tagName - tag name we want to extract the arg types from\n     * @returns component arg types\n     */\n    g(this, \"extractArgTypes\", (t) => {\n      const s = k(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((f, i) => {\n        const { control: $, options: u } = k(this, P).call(this, i);\n        return {\n          ...f,\n          [i.name]: {\n            name: i.attr || i.name,\n            description: i.docs,\n            type: { required: i.required },\n            table: {\n              category: \"props\",\n              type: { summary: i.type },\n              defaultValue: { summary: i.default }\n            },\n            control: $,\n            options: u\n          }\n        };\n      }, {}), o = s == null ? void 0 : s.events.reduce(\n        (f, i) => ({\n          ...f,\n          [i.event]: {\n            name: i.event,\n            description: i.docs,\n            table: {\n              category: \"events\",\n              type: { summary: i.detail }\n            }\n          }\n        }),\n        {}\n      ), n = s == null ? void 0 : s.methods.reduce(\n        (f, i) => ({\n          ...f,\n          [i.name]: {\n            name: i.name,\n            description: i.docs,\n            table: {\n              category: \"methods\",\n              type: { summary: i.signature }\n            }\n          }\n        }),\n        {}\n      ), l = s == null ? void 0 : s.slots.reduce(\n        (f, i) => ({\n          ...f,\n          [i.name]: {\n            name: i.name !== \"\" ? i.name : \"default\",\n            // default slot are unnamed\n            description: i.docs,\n            table: {\n              category: \"slots\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), a = s == null ? void 0 : s.styles.reduce(\n        (f, i) => ({\n          ...f,\n          [i.name]: {\n            name: i.name,\n            description: i.docs,\n            table: {\n              category: \"custom properties\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), c = s == null ? void 0 : s.dependencies.reduce((f, i) => {\n        const $ = k(this, S).call(this, i);\n        return {\n          ...f,\n          [i]: {\n            name: i,\n            description: `<a href=\"./?path=/docs/${D(\"\", $ == null ? void 0 : $.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"depends on\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {}), d = s == null ? void 0 : s.dependents.reduce((f, i) => {\n        const $ = k(this, S).call(this, i);\n        return {\n          ...f,\n          [i]: {\n            name: i,\n            description: `<a href=\"./?path=/docs/${D(\"\", $ == null ? void 0 : $.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"used by\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {});\n      return {\n        ...r,\n        ...o,\n        ...n,\n        ...l,\n        ...a,\n        ...c,\n        ...d\n      };\n    });\n    /**\n     * Extract component description from the component data\n     * @param tagName - tag name we want to extract the description from\n     * @returns component description\n     */\n    g(this, \"extractComponentDescription\", (t) => {\n      const s = k(this, S).call(this, t);\n      return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);\n    });\n    this.jsonDoc = t;\n  }\n}\nS = new WeakMap(), P = new WeakMap();\nconst Pe = (e, t) => {\n  if (t)\n    return `${e}${t}`;\n}, ge = (e) => {\n  let t = e.overview ? `${e.overview}\n\n` : \"\";\n  const s = e.props.filter(({ attr: o }) => o !== void 0);\n  s.length && (t += `Attributes:\n`, t += s.map(({ attr: o, docs: n }) => `- \\`${o}\\`: ${n}\n`).join(\"\"), t += `\n`);\n  const r = e.props.filter(({ attr: o }) => o === void 0);\n  return r.length && (t += `Properties:\n`, t += r.map(({ name: o, docs: n }) => `- \\`${o}\\`: ${n}\n`).join(\"\"), t += `\n`), e.methods.length && (t += `Methods:\n`, t += e.methods.map(({ name: o, docs: n }) => `- \\`${o}\\`: ${n}\n`).join(\"\"), t += `\n`), e.events.length && (t += `Events:\n`, t += e.events.map(({ event: o, docs: n }) => `- \\`${o}\\`: ${n}\n`).join(\"\"), t += `\n`), e.listeners.length && (t += `Listeners:\n`, t += e.listeners.map(({ event: o }) => `- \\`${o}\\`\n`).join(\"\"), t += `\n`), e.slots.length && (t += `Slots:\n`, t += e.slots.map(({ name: o, docs: n }) => `- \\`${o}\\`: ${n}\n`).join(\"\"), t += `\n`), t;\n}, z = (e) => `${e.docs}\n\nType: \\`${e.type}\\``, nt = (e, t, s, r) => ({\n  $schema: \"https://json.schemastore.org/web-types\",\n  name: e,\n  version: t,\n  \"description-markup\": \"markdown\",\n  contributions: {\n    html: {\n      elements: s.components.map((o) => {\n        const n = D(r, o.filePath);\n        return {\n          name: o.tag,\n          description: ge(o),\n          \"doc-url\": n,\n          attributes: o.props.filter((l) => l.attr).map((l) => ({\n            name: l.attr,\n            description: z(l),\n            \"doc-url\": n,\n            value: {\n              type: l.type,\n              default: l.default,\n              required: l.required\n            }\n          })),\n          js: {\n            properties: o.props.map((l) => ({\n              name: l.name,\n              description: z(l),\n              \"doc-url\": n,\n              value: {\n                type: l.type,\n                default: l.default,\n                required: l.required\n              }\n            })),\n            events: o.events.map((l) => ({\n              name: l.event,\n              description: l.docs\n            }))\n          },\n          css: {\n            properties: o.styles.map((l) => ({\n              name: l.name,\n              description: l.docs\n            }))\n          }\n        };\n      })\n    }\n  }\n}), we = (e, t, s) => [\n  { name: \"Storybook\", url: D(e, s) },\n  { name: \"Sources\", url: Pe(t, s) }\n], Ue = (e) => {\n  if (!e.values.some(({ value: t }) => t === void 0))\n    return e.values.map(({ value: t }) => ({ name: t }));\n}, lt = (e, t, s) => ({\n  version: 1.1,\n  tags: e.components.map((r) => {\n    const o = we(t, s, r.filePath);\n    return {\n      name: r.tag,\n      description: ge(r),\n      attributes: r.props.map((n) => ({\n        name: n.attr || n.name,\n        description: z(n),\n        values: Ue(n),\n        references: o\n      })),\n      references: o\n    };\n  }),\n  globalAttributes: [],\n  valueSets: []\n}), it = (e) => ({\n  version: 1.1,\n  properties: e.components.flatMap(\n    (t) => t.styles.map((s) => ({\n      name: s.name,\n      description: s.docs\n    }))\n  )\n}), at = (e) => {\n  const t = { value: \"2023\", pattern: \"yyyy\" }, s = { value: \"12\", pattern: \"mm\" }, r = { value: \"24\", pattern: \"dd\" };\n  return ze([t.value, s.value, r.value].join(\"-\"), e, { timeZone: \"UTC\" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);\n}, ct = (e) => e.toISOString().split(\"T\")[0], We = (e, t, s) => {\n  const r = e.closest(\"[lang]\"), o = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), n = o.length > 0 && typeof o[0] == \"string\" ? o[0] : navigator.language || s, l = n.split(\"-\").shift();\n  return {\n    locale: n,\n    messages: t[l] || t[s]\n  };\n}, ft = (e, t, s) => new Intl.NumberFormat(t, { style: \"currency\", currency: s }).format(e), ut = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), He = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, ze = (e, t, s) => typeof e != \"string\" || e === \"\" || !He.test(e) ? \"\" : new Intl.DateTimeFormat(t, s).format(new Date(e)), $t = (e, t) => (s) => We(s, e, t), dt = ({ disconnect: e, observe: t, takeRecords: s }) => {\n  class r {\n    constructor(n) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", e);\n      /**\n       *\n       */\n      g(this, \"observe\", t);\n      /**\n       *\n       */\n      g(this, \"takeRecords\", s);\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = n;\n    }\n  }\n  return [window, global].forEach((o) => {\n    Object.defineProperty(o, \"MutationObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: r\n    });\n  }), r;\n}, pt = ({ disconnect: e, observe: t }) => {\n  class s {\n    constructor(o) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", e);\n      /**\n       *\n       */\n      g(this, \"observe\", t);\n      /**\n       *\n       */\n      g(this, \"unobserve\");\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = o;\n    }\n  }\n  return [window, global].forEach((r) => {\n    Object.defineProperty(r, \"ResizeObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: s\n    });\n  }), s;\n};\nclass Be extends Event {\n  constructor() {\n    super(...arguments);\n    /**\n     *\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    g(this, \"detail\");\n  }\n}\nconst gt = () => {\n  class e extends Be {\n  }\n  return [window, global].forEach((t) => {\n    Object.defineProperty(t, \"SubmitEvent\", {\n      writable: !0,\n      configurable: !0,\n      value: e\n    });\n  }), e;\n};\nexport {\n  Xe as ClassList,\n  ot as StorybookPreview,\n  Je as allItemsAreString,\n  Ve as cleanString,\n  Ie as createID,\n  He as dateRegExp,\n  ct as dateToString,\n  $t as defineLocales,\n  tt as filterArgs,\n  Qe as focusableElements,\n  at as getLocaleDatePattern,\n  te as getParentWindows,\n  rt as getStoryHTML,\n  D as getStorybookUrl,\n  Ze as getWindows,\n  Ke as isTagName,\n  me as isValidString,\n  Ge as isValideID,\n  ft as localeCurrency,\n  ze as localeDate,\n  ut as localeNumber,\n  et as nextTick,\n  dt as setupMutationObserverMock,\n  pt as setupResizeObserverMock,\n  gt as setupSubmitEventMock,\n  st as stencilWrapper,\n  Ye as toString,\n  it as vsCodeCssGenerator,\n  lt as vsCodeGenerator,\n  nt as webTypesGenerator\n};\n//# sourceMappingURL=index.es.js.map\n","import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/stencil-helpers';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"version":3}