@mgdis/mg-components 5.27.0 → 5.27.2

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

@@ -1,5 +1,5 @@
 {
-  "version": "5.27.0",
+  "version": "5.27.2",
   "tags": [
     {
       "name": "mg-action-more",
@@ -170,7 +170,7 @@
     },
     {
       "name": "mg-button",
-      "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the <button> is associated with its ancestor <form> element.\n- `full-width`: Set button to full-width\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\n",
+      "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the <button> is associated with its ancestor <form> element.\n- `full-width`: Set button to full-width\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
       "attributes": [
         {
           "name": "disable-on-click",
@@ -349,7 +349,7 @@
     },
     {
       "name": "mg-card",
-      "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\n",
+      "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\nSlots:\n- ``: Card content\n\n",
       "attributes": [
         {
           "name": "variant",
@@ -1555,7 +1555,7 @@
     },
     {
       "name": "mg-input",
-      "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `readonly-value`: Defines value to display in readonly mode\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\n",
+      "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `readonly-value`: Defines value to display in readonly mode\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\nSlots:\n- ``: Input content\n- `error`: error content\n- `help-text`: Help text content\n- `label`: Label content\n\n",
       "attributes": [
         {
           "name": "ariaDescribedbyIDs",
@@ -2379,7 +2379,7 @@
     },
     {
       "name": "mg-input-numeric",
-      "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+      "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
       "attributes": [
         {
           "name": "currency",
@@ -3575,7 +3575,7 @@
     },
     {
       "name": "mg-input-text",
-      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
       "attributes": [
         {
           "name": "datalistoptions",
@@ -4917,7 +4917,7 @@
     },
     {
       "name": "mg-input-title",
-      "description": "Attributes:\n- `identifier`: Label input id\n- `is-legend`: Switch from label to fieldset sementic\n- `readonly`: If input is required an asterisk is added at the end of the label\n- `required`: If input is required an asterisk is added at the end of the label\n\n",
+      "description": "Attributes:\n- `identifier`: Label input id\n- `is-legend`: Switch from label to fieldset sementic\n- `readonly`: If input is required an asterisk is added at the end of the label\n- `required`: If input is required an asterisk is added at the end of the label\n\nSlots:\n- ``: Title content\n\n",
       "attributes": [
         {
           "name": "identifier",
@@ -4989,7 +4989,7 @@
     },
     {
       "name": "mg-input-toggle",
-      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -5322,7 +5322,7 @@
     },
     {
       "name": "mg-menu",
-      "description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired for accessibility\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\n",
+      "description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired for accessibility\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nSlots:\n- ``: Menu content\n\n",
       "attributes": [
         {
           "name": "direction",
@@ -5405,7 +5405,7 @@
     },
     {
       "name": "mg-menu-item",
-      "description": "Attributes:\n- `expanded`: Define menu-item content expanded.\n- `href`: Define menu-item href\nwhen defined menu-item contain an anchor instead of button\n- `identifier`: Identifier is used to control mg-popover\n- `status`: Define menu-item status.\n- `target`: Define target type\n\nEvents:\n- `item-loaded`: Emited event when item is loaded\n- `status-change`: Emited event when status change\n\n",
+      "description": "Attributes:\n- `expanded`: Define menu-item content expanded.\n- `href`: Define menu-item href\nwhen defined menu-item contain an anchor instead of button\n- `identifier`: Identifier is used to control mg-popover\n- `status`: Define menu-item status.\n- `target`: Define target type\n\nEvents:\n- `item-loaded`: Emited event when item is loaded\n- `item-updated`: Emited event when item is updated\n- `status-change`: Emited event when status change\n\nSlots:\n- ``: Menu item content\n- `image`: Menu item image content\n- `information`: Menu item information content\n- `label`: Menu item label content\n- `metadata`: Menu item metadata content\n\n",
       "attributes": [
         {
           "name": "expanded",
@@ -5971,7 +5971,7 @@
     },
     {
       "name": "mg-popover",
-      "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `display-change`: Emited event when display value change\n\n",
+      "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `display-change`: Emited event when display value change\n\nSlots:\n- ``: Element that will display the popover\n- `content`: popover content\n\n",
       "attributes": [
         {
           "name": "arrow-hide",
@@ -6116,36 +6116,6 @@
         }
       ]
     },
-    {
-      "name": "mg-popover-content",
-      "description": "Attributes:\n- `close-button`: Define if popover has a cross button\n\nEvents:\n- `hide-content`: Emited event when close button is clicked\n\n",
-      "attributes": [
-        {
-          "name": "close-button",
-          "description": "Define if popover has a cross button\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover-mg-popover-content--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-popover/mg-popover-content/mg-popover-content.tsx"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-popover-mg-popover-content--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-popover/mg-popover-content/mg-popover-content.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",
@@ -6178,7 +6148,7 @@
     },
     {
       "name": "mg-tabs",
-      "description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\n",
+      "description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\nSlots:\n- `tab_content-n`: Tab content, where `n` represents the position of the tab content. It starts at 1.\n\n",
       "attributes": [
         {
           "name": "active-tab",
@@ -6272,7 +6242,7 @@
     },
     {
       "name": "mg-tag",
-      "description": "Attributes:\n- `outline`: Define if tag is using outline style\n- `soft`: Define if tag is using soft style\n- `variant`: Define tag variant\n\n",
+      "description": "Attributes:\n- `outline`: Define if tag is using outline style\n- `soft`: Define if tag is using soft style\n- `variant`: Define tag variant\n\nSlots:\n- ``: Tag content\n\n",
       "attributes": [
         {
           "name": "outline",
@@ -6350,7 +6320,7 @@
     },
     {
       "name": "mg-tooltip",
-      "description": "Attributes:\n- `disabled`: Disable tooltip\n- `display`: Display tooltip\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `message`: Displayed message in the tooltip\n- `placement`: Tooltip placement\n\n",
+      "description": "Attributes:\n- `disabled`: Disable tooltip\n- `display`: Display tooltip\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `message`: Displayed message in the tooltip\n- `placement`: Tooltip placement\n\nSlots:\n- ``: Element that will display the tooltip\n- `content`: Tooltip content\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -6480,36 +6450,6 @@
           "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-tooltip/mg-tooltip.tsx"
         }
       ]
-    },
-    {
-      "name": "mg-tooltip-content",
-      "description": "Attributes:\n- `message`: Displayed message in the tooltip\n\n",
-      "attributes": [
-        {
-          "name": "message",
-          "description": "Displayed message in the tooltip\n\nType: `string`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip-mg-tooltip-content--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.tsx"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-tooltip-mg-tooltip-content--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.tsx"
-        }
-      ]
     }
   ],
   "globalAttributes": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "5.27.0",
+  "version": "5.27.2",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -31,27 +31,27 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.13.0",
-    "@mgdis/stencil-helpers": "1.1.1",
-    "@mgdis/styles": "1.3.0",
-    "@mgdis/img": "1.7.1"
+    "@stencil/core": "4.16.0",
+    "@mgdis/styles": "1.3.2",
+    "@mgdis/img": "1.7.1",
+    "@mgdis/stencil-helpers": "1.1.3"
   },
   "devDependencies": {
-    "@playwright/test": "1.42.1",
+    "@playwright/test": "1.43.1",
     "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
-    "@storybook/addon-a11y": "8.0.4",
-    "@storybook/addon-actions": "8.0.4",
-    "@storybook/addon-essentials": "8.0.4",
-    "@storybook/addon-interactions": "8.0.4",
-    "@storybook/addon-links": "8.0.4",
-    "@storybook/blocks": "8.0.4",
-    "@storybook/html": "8.0.4",
-    "@storybook/html-vite": "8.0.4",
-    "@storybook/manager-api": "8.0.4",
+    "@storybook/addon-a11y": "8.0.8",
+    "@storybook/addon-actions": "8.0.8",
+    "@storybook/addon-essentials": "8.0.8",
+    "@storybook/addon-interactions": "8.0.8",
+    "@storybook/addon-links": "8.0.8",
+    "@storybook/blocks": "8.0.8",
+    "@storybook/html": "8.0.8",
+    "@storybook/html-vite": "8.0.8",
+    "@storybook/manager-api": "8.0.8",
     "@storybook/testing-library": "0.2.2",
     "@types/jest": "29.5.12",
-    "@types/node": "20.11.30",
-    "chromatic": "11.2.0",
+    "@types/node": "20.12.7",
+    "chromatic": "11.3.0",
     "eslint": "8.57.0",
     "eslint-plugin-storybook": "0.8.0",
     "jest": "29.7.0",
@@ -59,15 +59,15 @@
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
     "prettier": "3.2.5",
-    "puppeteer": "22.6.1",
-    "sass": "1.72.0",
-    "storybook": "8.0.4",
+    "puppeteer": "22.6.5",
+    "sass": "1.75.0",
+    "storybook": "8.0.8",
     "ts-node": "10.9.2",
-    "typescript": "5.4.3",
-    "vite": "5.2.6",
-    "eslint-config-stencil": "1.1.7",
-    "@mgdis/linting-stencil": "1.1.2",
-    "@mgdis/playwright-helpers": "1.0.4",
+    "typescript": "5.4.5",
+    "vite": "5.2.9",
+    "@mgdis/linting-stencil": "1.1.4",
+    "@mgdis/playwright-helpers": "1.0.5",
+    "eslint-config-stencil": "1.1.9",
     "tsconfig": "1.0.2"
   },
   "license": "BSD-3-Clause",

package/dist/cjs/index-1d560837.js.map

@@ -1 +0,0 @@
-{"file":"index-1d560837.js","mappings":"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","names":["defineLocales"],"sources":["../stencil-helpers/dist/index.es.js","src/locales/index.ts"],"sourcesContent":["var ie = Object.defineProperty;\nvar ce = (t, e, n) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;\nvar p = (t, e, n) => (ce(t, typeof e != \"symbol\" ? e + \"\" : e, n), n);\nconst Re = (t = \"\", e = 10) => {\n  const n = new Uint8Array(e);\n  crypto.getRandomValues(n);\n  const s = Array.from(n).map((r) => r.toString(16).padStart(2, \"0\")).join(\"\").slice(0, e);\n  return t !== \"\" ? `${t}-${s}` : s;\n};\nclass Me {\n  constructor(e = []) {\n    /**\n     * Available classes\n     */\n    p(this, \"classes\");\n    /**\n     * Add class\n     * @param className - class name to add\n     */\n    p(this, \"add\", (e) => {\n      this.has(e) || this.classes.push(e);\n    });\n    /**\n     * Delete class\n     * @param className - class name to delete\n     */\n    p(this, \"delete\", (e) => {\n      const n = this.classes.indexOf(e);\n      n > -1 && this.classes.splice(n, 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    p(this, \"has\", (e) => this.classes.includes(e));\n    /**\n     * Join classes seperated by spaces\n     * @returns joined values\n     */\n    p(this, \"join\", () => this.classes.join(\" \"));\n    this.classes = e;\n  }\n}\nconst Oe = (t) => Array.isArray(t) && t.every((e) => typeof e == \"string\"), Fe = (t, e) => e.includes(t == null ? void 0 : t.tagName.toLowerCase()), De = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', _e = (t) => {\n  const e = I(t), n = X(t);\n  return [t, ...e, ...n];\n}, I = (t, e = []) => {\n  if (t.self !== t.top)\n    try {\n      const n = t.parent;\n      return n ? (e.push(n), I(n, e)) : e;\n    } catch (n) {\n      return console.error(\"Different hosts between iframes:\", n), e;\n    }\n  return e;\n}, X = (t, e = []) => {\n  if (t.frames.length > 0)\n    for (const n of Array.from(t.frames))\n      e.push(n), X(n, e);\n  return e;\n}, Be = (t) => typeof t == \"string\" && t.trim() !== \"\", Ne = (t) => typeof t == \"string\" ? t.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : t, Ue = async (t) => t(), K = (t, e) => {\n  if (!e)\n    return;\n  const n = e.split(\"/\");\n  return `${t}${n.slice(2, n.length - 1).join(\"-\")}--docs`;\n}, ae = (t, e) => {\n  if (e)\n    return `${t}${e}`;\n}, Q = (t) => {\n  let e = t.overview ? `${t.overview}\n\n` : \"\";\n  const n = t.props.filter(({ attr: r }) => r !== void 0);\n  n.length && (e += `Attributes:\n`, e += n.map(({ attr: r, docs: l }) => `- \\`${r}\\`: ${l}\n`).join(\"\"), e += `\n`);\n  const s = t.props.filter(({ attr: r }) => r === void 0);\n  return s.length && (e += `Properties:\n`, e += s.map(({ name: r, docs: l }) => `- \\`${r}\\`: ${l}\n`).join(\"\"), e += `\n`), t.methods.length && (e += `Methods:\n`, e += t.methods.map(({ name: r, docs: l }) => `- \\`${r}\\`: ${l}\n`).join(\"\"), e += `\n`), t.events.length && (e += `Events:\n`, e += t.events.map(({ event: r, docs: l }) => `- \\`${r}\\`: ${l}\n`).join(\"\"), e += `\n`), t.listeners.length && (e += `Listeners:\n`, e += t.listeners.map(({ event: r }) => `- \\`${r}\\`\n`).join(\"\"), e += `\n`), t.slots.length && (e += `Slots:\n`, e += t.slots.map(({ name: r, docs: l }) => `- \\`${r}\\`: ${l}\n`).join(\"\"), e += `\n`), e;\n}, F = (t) => `${t.docs}\n\nType: \\`${t.type}\\``, Ce = (t, e, n, s) => ({\n  $schema: \"https://json.schemastore.org/web-types\",\n  name: t,\n  version: e,\n  \"description-markup\": \"markdown\",\n  contributions: {\n    html: {\n      elements: n.components.map((r) => {\n        const l = K(s, r.filePath);\n        return {\n          name: r.tag,\n          description: Q(r),\n          \"doc-url\": l,\n          attributes: r.props.filter((o) => o.attr).map((o) => ({\n            name: o.attr,\n            description: F(o),\n            \"doc-url\": l,\n            value: {\n              type: o.type,\n              default: o.default,\n              required: o.required\n            }\n          })),\n          js: {\n            properties: r.props.map((o) => ({\n              name: o.name,\n              description: F(o),\n              \"doc-url\": l,\n              value: {\n                type: o.type,\n                default: o.default,\n                required: o.required\n              }\n            })),\n            events: r.events.map((o) => ({\n              name: o.event,\n              description: o.docs\n            }))\n          }\n        };\n      })\n    }\n  }\n}), fe = (t, e, n) => {\n  if (n)\n    return [\n      { name: \"Storybook\", url: K(t, n) },\n      { name: \"Sources\", url: ae(e, n) }\n    ];\n}, $e = (t) => {\n  if (!t.values.some(({ value: e }) => e === void 0))\n    return t.values.map(({ value: e }) => ({ name: e }));\n}, He = (t, e, n, s) => ({\n  version: t,\n  tags: e.components.map((r) => {\n    const l = fe(n, s, r.filePath);\n    return {\n      name: r.tag,\n      description: Q(r),\n      attributes: r.props.map((o) => ({\n        name: o.attr || o.name,\n        description: F(o),\n        values: $e(o),\n        references: l\n      })),\n      references: l\n    };\n  }),\n  globalAttributes: [],\n  valueSets: []\n}), Pe = (t) => {\n  const e = { value: \"2023\", pattern: \"yyyy\" }, n = { value: \"12\", pattern: \"mm\" }, s = { value: \"24\", pattern: \"dd\" };\n  return ge([e.value, n.value, s.value].join(\"-\"), t).replace(e.value, e.pattern).replace(n.value, n.pattern).replace(s.value, s.pattern);\n}, We = (t) => t.toISOString().split(\"T\")[0], ue = (t, e, n) => {\n  const s = t.closest(\"[lang]\"), r = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), l = r.length > 0 && typeof r[0] == \"string\" ? r[0] : navigator.language || n, o = l.split(\"-\").shift();\n  return {\n    locale: l,\n    messages: e[o] || e[n]\n  };\n}, ze = (t, e, n) => new Intl.NumberFormat(e, { style: \"currency\", currency: n }).format(t), qe = (t, e) => new Intl.NumberFormat(e).format(t), de = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, ge = (t, e) => typeof t != \"string\" || t === \"\" || !de.test(t) ? \"\" : new Intl.DateTimeFormat(e).format(new Date(t)), we = (t, e) => (n) => ue(n, t, 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  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: !1,\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};\nlet k, D, m, B = !1, R = !1, N = !1, h = !1;\nconst H = \"http://www.w3.org/1999/xlink\", P = {}, pe = \"http://www.w3.org/2000/svg\", he = \"http://www.w3.org/1999/xhtml\", ye = (t) => t != null, J = (t) => (t = typeof t, t === \"object\" || t === \"function\"), Y = (t, e, ...n) => {\n  let s = null, r = null, l = null, o = !1, c = !1;\n  const i = [], d = (a) => {\n    for (let $ = 0; $ < a.length; $++)\n      s = a[$], Array.isArray(s) ? d(s) : s != null && typeof s != \"boolean\" && ((o = typeof t != \"function\" && !J(s)) && (s = String(s)), o && c ? i[i.length - 1].$text$ += s : i.push(o ? M(null, s) : s), c = o);\n  };\n  if (d(n), e) {\n    e.key && (r = e.key), e.name && (l = e.name);\n    {\n      const a = e.className || e.class;\n      a && (e.class = typeof a != \"object\" ? a : Object.keys(a).filter(($) => a[$]).join(\" \"));\n    }\n  }\n  if (typeof t == \"function\")\n    return t(e === null ? {} : e, i, Se);\n  const u = M(t, null);\n  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = r, u.$name$ = l, u;\n}, M = (t, e) => {\n  const n = {\n    $flags$: 0,\n    $tag$: t,\n    $text$: e,\n    $elm$: null,\n    $children$: null\n  };\n  return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;\n}, ve = {}, be = (t) => t && t.$tag$ === ve, Se = {\n  forEach: (t, e) => t.map(W).forEach(e),\n  map: (t, e) => t.map(W).map(e).map(ke)\n}, W = (t) => ({\n  vattrs: t.$attrs$,\n  vchildren: t.$children$,\n  vkey: t.$key$,\n  vname: t.$name$,\n  vtag: t.$tag$,\n  vtext: t.$text$\n}), ke = (t) => {\n  if (typeof t.vtag == \"function\") {\n    const n = Object.assign({}, t.vattrs);\n    return t.vkey && (n.key = t.vkey), t.vname && (n.name = t.vname), Y(t.vtag, n, ...t.vchildren || []);\n  }\n  const e = M(t.vtag, t.vtext);\n  return e.$attrs$ = t.vattrs, e.$children$ = t.vchildren, e.$key$ = t.vkey, e.$name$ = t.vname, e;\n}, z = (t, e, n, s, r, l) => {\n  if (n !== s) {\n    let o = G(t, e), c = e.toLowerCase();\n    if (e === \"class\") {\n      const i = t.classList, d = q(n), u = q(s);\n      i.remove(...d.filter((a) => a && !u.includes(a))), i.add(...u.filter((a) => a && !d.includes(a)));\n    } else if (e === \"style\") {\n      for (const i in n)\n        (!s || s[i] == null) && (i.includes(\"-\") ? t.style.removeProperty(i) : t.style[i] = \"\");\n      for (const i in s)\n        (!n || s[i] !== n[i]) && (i.includes(\"-\") ? t.style.setProperty(i, s[i]) : t.style[i] = s[i]);\n    } else if (e !== \"key\")\n      if (e === \"ref\")\n        s && s(t);\n      else if (!t.__lookupSetter__(e) && e[0] === \"o\" && e[1] === \"n\") {\n        if (e[2] === \"-\" ? e = e.slice(3) : G(C, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || s) {\n          const i = e.endsWith(Z);\n          e = e.replace(me, \"\"), n && x.rel(t, e, n, i), s && x.ael(t, e, s, i);\n        }\n      } else {\n        const i = J(s);\n        if ((o || i && s !== null) && !r)\n          try {\n            if (t.tagName.includes(\"-\"))\n              t[e] = s;\n            else {\n              const u = s ?? \"\";\n              e === \"list\" ? o = !1 : (n == null || t[e] != u) && (t[e] = u);\n            }\n          } catch {\n          }\n        let d = !1;\n        c !== (c = c.replace(/^xlink\\:?/, \"\")) && (e = c, d = !0), s == null || s === !1 ? (s !== !1 || t.getAttribute(e) === \"\") && (d ? t.removeAttributeNS(H, e) : t.removeAttribute(e)) : (!o || l & 4 || r) && !i && (s = s === !0 ? \"\" : s, d ? t.setAttributeNS(H, e, s) : t.setAttribute(e, s));\n      }\n  }\n}, Te = /\\s/, q = (t) => t ? t.split(Te) : [], Z = \"Capture\", me = new RegExp(Z + \"$\"), V = (t, e, n, s) => {\n  const r = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, l = t && t.$attrs$ || P, o = e.$attrs$ || P;\n  for (s in l)\n    s in o || z(r, s, l[s], void 0, n, e.$flags$);\n  for (s in o)\n    z(r, s, l[s], o[s], n, e.$flags$);\n}, O = (t, e, n, s) => {\n  var r;\n  const l = e.$children$[n];\n  let o = 0, c, i, d;\n  if (B || (N = !0, l.$tag$ === \"slot\" && (k && s.classList.add(k + \"-s\"), l.$flags$ |= l.$children$ ? (\n    // slot element has fallback content\n    2\n  ) : (\n    // slot element does not have fallback content\n    1\n  ))), l.$text$ !== null)\n    c = l.$elm$ = j.createTextNode(l.$text$);\n  else if (l.$flags$ & 1)\n    c = l.$elm$ = j.createTextNode(\"\");\n  else {\n    if (h || (h = l.$tag$ === \"svg\"), c = l.$elm$ = j.createElementNS(h ? pe : he, l.$flags$ & 2 ? \"slot-fb\" : l.$tag$), h && l.$tag$ === \"foreignObject\" && (h = !1), V(null, l, h), ye(k) && c[\"s-si\"] !== k && c.classList.add(c[\"s-si\"] = k), l.$children$)\n      for (o = 0; o < l.$children$.length; ++o)\n        i = O(t, l, o, c), i && c.appendChild(i);\n    l.$tag$ === \"svg\" ? h = !1 : c.tagName === \"foreignObject\" && (h = !0);\n  }\n  return c[\"s-hn\"] = m, l.$flags$ & 3 && (c[\"s-sr\"] = !0, c[\"s-cr\"] = D, c[\"s-sn\"] = l.$name$ || \"\", c[\"s-rf\"] = (r = l.$attrs$) === null || r === void 0 ? void 0 : r.ref, d = t && t.$children$ && t.$children$[n], d && d.$tag$ === l.$tag$ && t.$elm$ && L(t.$elm$, !1)), c;\n}, L = (t, e) => {\n  x.$flags$ |= 1;\n  const n = Array.from(t.childNodes);\n  if (t[\"s-sr\"] && _.experimentalSlotFixes) {\n    let s = t;\n    for (; s = s.nextSibling; )\n      s && s[\"s-sn\"] === t[\"s-sn\"] && s[\"s-sh\"] === m && n.push(s);\n  }\n  for (let s = n.length - 1; s >= 0; s--) {\n    const r = n[s];\n    r[\"s-hn\"] !== m && r[\"s-ol\"] && (se(r).insertBefore(r, U(r)), r[\"s-ol\"].remove(), r[\"s-ol\"] = void 0, r[\"s-sh\"] = void 0, N = !0), e && L(r, e);\n  }\n  x.$flags$ &= -2;\n}, ee = (t, e, n, s, r, l) => {\n  let o = t[\"s-cr\"] && t[\"s-cr\"].parentNode || t, c;\n  for (o.shadowRoot && o.tagName === m && (o = o.shadowRoot); r <= l; ++r)\n    s[r] && (c = O(null, n, r, t), c && (s[r].$elm$ = c, o.insertBefore(c, U(e))));\n}, te = (t, e, n) => {\n  for (let s = e; s <= n; ++s) {\n    const r = t[s];\n    if (r) {\n      const l = r.$elm$;\n      le(r), l && (R = !0, l[\"s-ol\"] ? l[\"s-ol\"].remove() : L(l, !0), l.remove());\n    }\n  }\n}, xe = (t, e, n, s, r = !1) => {\n  let l = 0, o = 0, c = 0, i = 0, d = e.length - 1, u = e[0], a = e[d], $ = s.length - 1, f = s[0], g = s[$], v, y;\n  for (; l <= d && o <= $; )\n    if (u == null)\n      u = e[++l];\n    else if (a == null)\n      a = e[--d];\n    else if (f == null)\n      f = s[++o];\n    else if (g == null)\n      g = s[--$];\n    else if (E(u, f, r))\n      T(u, f, r), u = e[++l], f = s[++o];\n    else if (E(a, g, r))\n      T(a, g, r), a = e[--d], g = s[--$];\n    else if (E(u, g, r))\n      (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && L(u.$elm$.parentNode, !1), T(u, g, r), t.insertBefore(u.$elm$, a.$elm$.nextSibling), u = e[++l], g = s[--$];\n    else if (E(a, f, r))\n      (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && L(a.$elm$.parentNode, !1), T(a, f, r), t.insertBefore(a.$elm$, u.$elm$), a = e[--d], f = s[++o];\n    else {\n      for (c = -1, i = l; i <= d; ++i)\n        if (e[i] && e[i].$key$ !== null && e[i].$key$ === f.$key$) {\n          c = i;\n          break;\n        }\n      c >= 0 ? (y = e[c], y.$tag$ !== f.$tag$ ? v = O(e && e[o], n, c, t) : (T(y, f, r), e[c] = void 0, v = y.$elm$), f = s[++o]) : (v = O(e && e[o], n, o, t), f = s[++o]), v && se(u.$elm$).insertBefore(v, U(u.$elm$));\n    }\n  l > d ? ee(t, s[$ + 1] == null ? null : s[$ + 1].$elm$, n, s, o, $) : o > $ && te(e, l, d);\n}, E = (t, e, n = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === \"slot\" ? t.$name$ === e.$name$ : n ? !0 : t.$key$ === e.$key$ : !1, U = (t) => t && t[\"s-ol\"] || t, se = (t) => (t[\"s-ol\"] ? t[\"s-ol\"] : t).parentNode, T = (t, e, n = !1) => {\n  const s = e.$elm$ = t.$elm$, r = t.$children$, l = e.$children$, o = e.$tag$, c = e.$text$;\n  let i;\n  c === null ? (h = o === \"svg\" ? !0 : o === \"foreignObject\" ? !1 : h, o === \"slot\" && !B || V(t, e, h), r !== null && l !== null ? xe(s, r, e, l, n) : l !== null ? (t.$text$ !== null && (s.textContent = \"\"), ee(s, null, e, l, 0, l.length - 1)) : r !== null && te(r, 0, r.length - 1), h && o === \"svg\" && (h = !1)) : (i = s[\"s-cr\"]) ? i.parentNode.textContent = c : t.$text$ !== c && (s.data = c);\n}, ne = (t) => {\n  const e = t.childNodes;\n  for (const n of e)\n    if (n.nodeType === 1) {\n      if (n[\"s-sr\"]) {\n        const s = n[\"s-sn\"];\n        n.hidden = !1;\n        for (const r of e)\n          if (r !== n) {\n            if (r[\"s-hn\"] !== n[\"s-hn\"] || s !== \"\") {\n              if (r.nodeType === 1 && (s === r.getAttribute(\"slot\") || s === r[\"s-sn\"])) {\n                n.hidden = !0;\n                break;\n              }\n            } else if (r.nodeType === 1 || r.nodeType === 3 && r.textContent.trim() !== \"\") {\n              n.hidden = !0;\n              break;\n            }\n          }\n      }\n      ne(n);\n    }\n}, b = [], re = (t) => {\n  let e, n, s;\n  for (const r of t.childNodes) {\n    if (r[\"s-sr\"] && (e = r[\"s-cr\"]) && e.parentNode) {\n      n = e.parentNode.childNodes;\n      const l = r[\"s-sn\"];\n      for (s = n.length - 1; s >= 0; s--)\n        if (e = n[s], !e[\"s-cn\"] && !e[\"s-nr\"] && e[\"s-hn\"] !== r[\"s-hn\"] && !_.experimentalSlotFixes)\n          if (w(e, l)) {\n            let o = b.find((c) => c.$nodeToRelocate$ === e);\n            R = !0, e[\"s-sn\"] = e[\"s-sn\"] || l, o ? (o.$nodeToRelocate$[\"s-sh\"] = r[\"s-hn\"], o.$slotRefNode$ = r) : (e[\"s-sh\"] = r[\"s-hn\"], b.push({\n              $slotRefNode$: r,\n              $nodeToRelocate$: e\n            })), e[\"s-sr\"] && b.map((c) => {\n              w(c.$nodeToRelocate$, e[\"s-sn\"]) && (o = b.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));\n            });\n          } else\n            b.some((o) => o.$nodeToRelocate$ === e) || b.push({\n              $nodeToRelocate$: e\n            });\n    }\n    r.nodeType === 1 && re(r);\n  }\n}, w = (t, e) => t.nodeType === 1 ? t.getAttribute(\"slot\") === null && e === \"\" || t.getAttribute(\"slot\") === e : t[\"s-sn\"] === e ? !0 : e === \"\", le = (t) => {\n  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(le);\n}, Le = (t, e, n = !1) => {\n  var s, r, l, o, c;\n  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || M(null, null), a = be(e) ? e : Y(null, null, e);\n  if (m = i.tagName, d.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, d.$attrsToReflect$.map(([$, f]) => a.$attrs$[f] = i[$])), n && a.$attrs$)\n    for (const $ of Object.keys(a.$attrs$))\n      i.hasAttribute($) && ![\"key\", \"ref\", \"style\", \"class\"].includes($) && (a.$attrs$[$] = i[$]);\n  a.$tag$ = null, a.$flags$ |= 4, t.$vnode$ = a, a.$elm$ = u.$elm$ = i.shadowRoot || i, k = i[\"s-sc\"], B = (d.$flags$ & 1) !== 0, D = i[\"s-cr\"], R = !1, T(u, a, n);\n  {\n    if (x.$flags$ |= 1, N) {\n      re(a.$elm$);\n      for (const $ of b) {\n        const f = $.$nodeToRelocate$;\n        if (!f[\"s-ol\"]) {\n          const g = j.createTextNode(\"\");\n          g[\"s-nr\"] = f, f.parentNode.insertBefore(f[\"s-ol\"] = g, f);\n        }\n      }\n      for (const $ of b) {\n        const f = $.$nodeToRelocate$, g = $.$slotRefNode$;\n        if (g) {\n          const v = g.parentNode;\n          let y = g.nextSibling;\n          {\n            let A = (s = f[\"s-ol\"]) === null || s === void 0 ? void 0 : s.previousSibling;\n            for (; A; ) {\n              let S = (r = A[\"s-nr\"]) !== null && r !== void 0 ? r : null;\n              if (S && S[\"s-sn\"] === f[\"s-sn\"] && v === S.parentNode && (S = S.nextSibling, !S || !S[\"s-nr\"])) {\n                y = S;\n                break;\n              }\n              A = A.previousSibling;\n            }\n          }\n          (!y && v !== f.parentNode || f.nextSibling !== y) && f !== y && (!f[\"s-hn\"] && f[\"s-ol\"] && (f[\"s-hn\"] = f[\"s-ol\"].parentNode.nodeName), v.insertBefore(f, y), f.nodeType === 1 && (f.hidden = (l = f[\"s-ih\"]) !== null && l !== void 0 ? l : !1)), f && typeof g[\"s-rf\"] == \"function\" && g[\"s-rf\"](f);\n        } else\n          f.nodeType === 1 && (n && (f[\"s-ih\"] = (o = f.hidden) !== null && o !== void 0 ? o : !1), f.hidden = !0);\n      }\n    }\n    R && ne(a.$elm$), x.$flags$ &= -2, b.length = 0;\n  }\n  if (_.experimentalScopedSlotChanges && d.$flags$ & 2)\n    for (const $ of a.$elm$.childNodes)\n      $[\"s-hn\"] !== m && !$[\"s-sh\"] && (n && $[\"s-ih\"] == null && ($[\"s-ih\"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);\n  D = void 0;\n}, G = (t, e) => e in t, C = typeof window < \"u\" ? window : {}, j = C.document || { head: {} };\nC.HTMLElement;\nconst x = {\n  $flags$: 0,\n  $resourcesUrl$: \"\",\n  jmp: (t) => t(),\n  raf: (t) => requestAnimationFrame(t),\n  ael: (t, e, n, s) => t.addEventListener(e, n, s),\n  rel: (t, e, n, s) => t.removeEventListener(e, n, s),\n  ce: (t, e) => new CustomEvent(t, e)\n}, Ae = (t, e, n) => {\n  [null, void 0, \"\", !1].includes(n) || [\"innerHTML\", \"style\"].includes(e) || t.setAttribute(e, [\"object\", \"function\"].includes(typeof n) ? \"/!\\\\ Object props are not rendered in the code example\" : n);\n}, oe = (t, e, n, s, r) => {\n  if (e && typeof e == \"string\") {\n    const l = document.createElement(e);\n    Object.keys(n || {}).forEach((o) => {\n      Ae(l, o, n[o]);\n    }), s == null || s.forEach((o) => {\n      oe(l, o.$tag$, o.$attrs$, o.$children$, o.$text$);\n    }), n != null && n.innerHTML && (l.innerHTML = n.innerHTML), t.appendChild(l);\n  }\n  r && (t.innerHTML = r);\n}, Ge = (t, e) => {\n  const n = {};\n  if (typeof t != \"object\")\n    throw new Error(\"filterArgs - args isn't an object.\");\n  for (const s in t)\n    if (!s.startsWith(\"slot\")) {\n      const r = t[s], l = s.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n      (!e || !Object.keys(e).includes(s) || e[s] !== r) && (n[l] = r);\n    }\n  return n;\n}, Ie = (t, e) => {\n  var s, r;\n  const n = document.getElementById(\"storybook-root\");\n  if (n)\n    return (r = document.querySelector(\"[lang]\")) == null || r.setAttribute(\"lang\", ((s = e.globals) == null ? void 0 : s.locale) || \"en\"), Le(\n      {\n        $ancestorComponent$: void 0,\n        $flags$: 0,\n        $modeName$: void 0,\n        $cmpMeta$: {\n          $flags$: 0,\n          $tagName$: n.tagName\n        },\n        $hostElement$: n\n      },\n      t(e)\n    ), n.children[n.children.length - 1];\n}, Xe = ({ $tag$: t, $attrs$: e, $children$: n, $text$: s }) => {\n  const r = document.createElement(\"div\");\n  return oe(r, t, e, n, s), r.innerHTML;\n}, Ke = ({ disconnect: t, observe: e, takeRecords: n }) => {\n  class s {\n    constructor(l) {\n      /**\n       *\n       */\n      p(this, \"disconnect\", t);\n      /**\n       *\n       */\n      p(this, \"observe\", e);\n      /**\n       *\n       */\n      p(this, \"takeRecords\", n);\n      /**\n       *\n       */\n      p(this, \"cb\");\n      this.cb = l;\n    }\n  }\n  return [window, global].forEach((r) => {\n    Object.defineProperty(r, \"MutationObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: s\n    });\n  }), s;\n}, Qe = ({ disconnect: t, observe: e }) => {\n  class n {\n    constructor(r) {\n      /**\n       *\n       */\n      p(this, \"disconnect\", t);\n      /**\n       *\n       */\n      p(this, \"observe\", e);\n      /**\n       *\n       */\n      p(this, \"unobserve\");\n      /**\n       *\n       */\n      p(this, \"cb\");\n      this.cb = r;\n    }\n  }\n  return [window, global].forEach((s) => {\n    Object.defineProperty(s, \"ResizeObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: n\n    });\n  }), n;\n};\nclass Ee extends Event {\n  constructor() {\n    super(...arguments);\n    /**\n     *\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    p(this, \"detail\");\n  }\n}\nconst Je = () => {\n  class t extends Ee {\n  }\n  return [window, global].forEach((e) => {\n    Object.defineProperty(e, \"SubmitEvent\", {\n      writable: !0,\n      configurable: !0,\n      value: t\n    });\n  }), t;\n};\nexport {\n  Me as ClassList,\n  Oe as allItemsAreString,\n  Ne as cleanString,\n  Re as createID,\n  de as dateRegExp,\n  We as dateToString,\n  we as defineLocales,\n  Ge as filterArgs,\n  De as focusableElements,\n  Pe as getLocaleDatePattern,\n  I as getParentWindows,\n  Xe as getStoryHTML,\n  _e as getWindows,\n  Fe as isTagName,\n  Be as isValidString,\n  ze as localeCurrency,\n  ge as localeDate,\n  qe as localeNumber,\n  Ue as nextTick,\n  Ke as setupMutationObserverMock,\n  Qe as setupResizeObserverMock,\n  Je as setupSubmitEventMock,\n  Ie as stencilWrapper,\n  He as vsCodeGenerator,\n  Ce 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}