@mgdis/mg-components 6.16.0 → 6.17.0

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

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "mg-action-more",
-      "description": "Attributes:\n- `button`: Define button properties\n- `display-chevron`: Define if chevron is display\n- `icon`: Define displayed icon\n- `items`: Define the menu-items elements\n\n",
+      "description": "Attributes:\n- `display-chevron`: Define if chevron is display\n\nProperties:\n- `button`: Define button properties\n- `icon`: Define displayed icon\n- `items`: Define the menu-items elements\n\n",
       "attributes": [
         {
           "name": "button",
@@ -1501,7 +1501,7 @@
         },
         {
           "name": "variant",
-          "description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
+          "description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"`",
           "values": [
             {
               "name": "app"
@@ -1512,6 +1512,9 @@
             {
               "name": "info"
             },
+            {
+              "name": "neutral"
+            },
             {
               "name": "success"
             },
@@ -1796,7 +1799,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- `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- `setFocus`: Set focus on input.\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- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -2108,7 +2111,7 @@
     },
     {
       "name": "mg-input-combobox",
-      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `fetchurl`: Define API url to fetch\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- `items`: Define components items\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\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`: Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\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`: Define 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 concombobox by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given concombobox.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `fetch-error`: Emited event when fetch API throw an error\n- `filter-change`: Emited event when filter change\n- `input-valid`: Emited event when checking validity\n- `load-more`: Emited event when `load-more` is called\n- `value-change`: Emited event when value change\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchurl`: Define API url to fetch\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- `items-label`: Define items label\nInclude short description. Required for accessibility.\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`: Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\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`: Define component value\n\nProperties:\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `items`: Define components items\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 concombobox by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given concombobox.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `fetch-error`: Emited event when fetch API throw an error\n- `filter-change`: Emited event when filter change\n- `input-valid`: Emited event when checking validity\n- `load-more`: Emited event when `load-more` is called\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -3388,7 +3391,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- `items`: Items are the possible options to select\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\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`: Set focus on input.\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- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -3636,7 +3639,7 @@
     },
     {
       "name": "mg-input-rich-text-editor",
-      "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- `modules`: Editor modules configuration\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 the editor is readonly\n- `required`: Define if input is required\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`: Define the value of the editor\nCan be either HTML string or plain text\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `getHTML`: Get editor content as HTML\n- `getText`: Get editor content as plain text\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`: Set focus on input.\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- `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 the editor is readonly\n- `required`: Define if input is required\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`: Define the value of the editor\nCan be either HTML string or plain text\n\nProperties:\n- `modules`: Editor modules configuration\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `getHTML`: Get editor content as HTML\n- `getText`: Get editor content as plain text\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`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -3912,7 +3915,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- `items`: Items are the possible options to select\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\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`: Set focus on input.\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- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -4216,7 +4219,7 @@
     },
     {
       "name": "mg-input-text",
-      "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `datalistoptions`: Define datalist options\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\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`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `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`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
       "attributes": [
         {
           "name": "character-left-hide",
@@ -5636,7 +5639,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- `items`: Items are the possible options to select\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\nMethods:\n- `reset`: Reset value, validity, error and visual state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `reset`: Reset value, validity, error and visual state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -5900,7 +5903,7 @@
     },
     {
       "name": "mg-menu",
-      "description": "Attributes:\n- `direction`: Component display direction.\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n- `label`: Menu label. Include short menu description.\nRequired to define accessibility required attribute `aria-label`\n- `size`: Define mg-menu size\n\nListeners:\n- `item-loaded`\n\nSlots:\n- ``: Menu content\n\n",
+      "description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired to define accessibility required attribute `aria-label`\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nListeners:\n- `item-loaded`\n\nSlots:\n- ``: Menu content\n\n",
       "attributes": [
         {
           "name": "direction",
@@ -6265,7 +6268,7 @@
     },
     {
       "name": "mg-pagination",
-      "description": "Attributes:\n- `current-page`: Component current page\n- `hide-navigation-labels`: Hide navigation label\n- `hide-page-count`: Hide select input\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`: Panignation label. Is a short description.\nCustomize default value can be usefull to improve accessibility\n- `messages`: Define locales messages overrides\n- `total-pages`: Component total pages\n\nEvents:\n- `current-page-change`: Emmited event when current page change\n\n",
+      "description": "Attributes:\n- `current-page`: Component current page\n- `hide-navigation-labels`: Hide navigation label\n- `hide-page-count`: Hide select input\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`: Panignation label. Is a short description.\nCustomize default value can be usefull to improve accessibility\n- `total-pages`: Component total pages\n\nProperties:\n- `messages`: Define locales messages overrides\n\nEvents:\n- `current-page-change`: Emmited event when current page change\n\n",
       "attributes": [
         {
           "name": "current-page",
@@ -6792,7 +6795,7 @@
     },
     {
       "name": "mg-skip-links",
-      "description": "Attributes:\n- `links`: Skip links\n\nEvents:\n- `go-to-anchor`: Emited event when link is clicked\n\n",
+      "description": "Properties:\n- `links`: Skip links\n\nEvents:\n- `go-to-anchor`: Emited event when link is clicked\n\n",
       "attributes": [
         {
           "name": "links",
@@ -6822,7 +6825,7 @@
     },
     {
       "name": "mg-table",
-      "description": "Attributes:\n- `columns`: Define column properties\n- `full-width`: Define if table fits its parent element\n- `size`: Define table size\n\nSlots:\n- ``: Table content\n\n",
+      "description": "Attributes:\n- `full-width`: Define if table fits its parent element\n- `size`: Define table size\n\nProperties:\n- `columns`: Define column properties\n\nSlots:\n- ``: Table content\n\n",
       "attributes": [
         {
           "name": "columns",
@@ -6894,7 +6897,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- `items`: Tabs items\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\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",
+      "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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "6.16.0",
+  "version": "6.17.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -34,37 +34,37 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.36.3",
+    "@stencil/core": "4.38.0",
     "quill": "2.0.3",
-    "@mgdis/core-ui-helpers": "1.0.4",
-    "@mgdis/img": "2.5.0",
-    "@mgdis/styles": "2.11.0"
+    "@mgdis/core-ui-helpers": "1.0.5",
+    "@mgdis/img": "2.5.1",
+    "@mgdis/styles": "2.12.0"
   },
   "devDependencies": {
     "@playwright/test": "1.55.0",
-    "@storybook/addon-a11y": "9.1.3",
-    "@storybook/addon-docs": "9.1.3",
-    "@storybook/addon-links": "9.1.3",
-    "@storybook/html": "9.1.3",
-    "@storybook/html-vite": "9.1.3",
+    "@storybook/addon-a11y": "9.1.10",
+    "@storybook/addon-docs": "9.1.10",
+    "@storybook/addon-links": "9.1.10",
+    "@storybook/html": "9.1.10",
+    "@storybook/html-vite": "9.1.10",
     "@types/jest": "29.5.14",
-    "@types/node": "22.18.0",
-    "chromatic": "13.1.4",
+    "@types/node": "22.18.8",
+    "chromatic": "13.3.0",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "9.1.3",
+    "eslint-plugin-storybook": "9.1.10",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
-    "sass": "1.91.0",
-    "storybook": "9.1.3",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "sass": "1.93.2",
+    "storybook": "9.1.10",
     "storybook-addon-tag-badges": "2.0.2",
-    "typescript": "5.9.2",
-    "vite": "7.1.4",
-    "@mgdis/linting-stencil": "1.3.9",
-    "@core-ui/jest-config": "1.0.9"
+    "typescript": "5.9.3",
+    "vite": "7.1.9",
+    "@core-ui/jest-config": "1.0.9",
+    "@mgdis/linting-stencil": "1.3.10"
   },
   "license": "BSD-3-Clause",
   "scripts": {

package/dist/mg-components/p-Bab8_u8S.js

@@ -1 +0,0 @@
-const e=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,t=e=>{const t={value:"2023",pattern:"yyyy"},a={value:"12",pattern:"mm"},l={value:"24",pattern:"dd"};return r([t.value,a.value,l.value].join("-"),e,{timeZone:"UTC"}).replace(t.value,t.pattern).replace(a.value,a.pattern).replace(l.value,l.pattern)},a=(e,t,a)=>new Intl.NumberFormat(t,{style:"currency",currency:a}).format(e),l=(e,t,a=0)=>new Intl.NumberFormat(t,{minimumFractionDigits:a}).format(Number(e)),s=(e,t,a=0)=>new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:a,maximumFractionDigits:a}).format(e),n=(e,t,a,l="short",s=0)=>new Intl.NumberFormat(t,{style:"unit",unit:a,unitDisplay:l,minimumFractionDigits:s,maximumFractionDigits:s}).format(e),r=(t,a,l)=>"string"==typeof t&&""!==t&&e.test(t)?new Intl.DateTimeFormat(a,l).format(new Date(t)):"",o=(i={en:{errors:{required:"This field is required."},nbCharLeft:"{counter} characters left.",input:{showMore:"Show more",select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",sections:{label:'Values grouped by: "Selected" or "Available"',badge:{label:"value(s)"},search:{label:"Enter a value",values:"{count} value(s) found",noValue:"No values found"},selected:{title:"Selected",action:"Unselect all",tooltip:"Unselect all current values",values:"{count} value(s) selected",noValue:"No value selected"},notSelected:{title:"Available",action:"Select all",tooltip:"Select all current values",values:"{count} value(s) available",noValue:"All values are selected"}}},date:{pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"},helpText:{expectedFormat:"Expected format: {pattern} (ex: {date})",min:"The date must be after or equal to {min}",max:"The date must be before or equal to {max}",minMax:"The date must be between {min} and {max}"},error:{badInput:"The date is inexistent or incorrect, the expected format is {pattern} (ex: {date})"}},numeric:{helpText:{min:"The value must be greater than or equal to {min}",max:"The value must be less than or equal to {max}",minMax:"The value must be between {min} and {max}"}},password:{display:"Display password value",hide:"Hide password value"},combobox:{notFound:"No value matches your input",notAvailable:"No value available",search:"Search…"},text:{helpText:{email:"Expected format: name@example.com",emails:"Expected format: first@example.com, second@example.com",url:"Expected format: https://example.com"},errors:{typeMismatch:{email:"The value is incorrect, the expected format is name@example.com",emails:"The value is incorrect, the expected format is first@example.com, second@example.com",url:"The value is incorrect, the expected format is https://example.com"}}}},form:{required:'Fields with a <strong class="mg-u-is-asterisk">*</strong> are required',requiredSingle:'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',allRequired:"All fields are required",allRequiredSingle:"The field is required"},alert:{closeButton:"Close message"},modal:{closeButton:"Close modal"},pagination:{label:"Pagination",page:"page",pages:"pages",nextLabel:"Next page",previousLabel:"Previous page",selectPage:"Select the page to display."},panel:{editLabel:"Edit section title."},skipLinks:{navLabel:"Quick access"},general:{confirm:"Confirm",cancel:"Cancel",close:"Close",next:"Next",previous:"Previous",reset:"reset"},menuItem:{badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"},itemMore:{menuLabel:"Additional menu"},actionMore:{label:"Actions"},loader:{inProgress:"Loading in progress…"},table:{sortableCaption:"(column headers with buttons are sortable)"}},fr:{errors:{required:"Ce champ est obligatoire."},nbCharLeft:"{counter} caractères disponibles.",input:{showMore:"Afficher plus",select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs sélectionnées",selectedValue:"{nb} valeur sélectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",sections:{label:'Valeurs regroupées par: "Sélectionnées" ou "Disponibles"',badge:{label:"valeur(s)"},search:{label:"Saisissez une valeur",values:"{count} résultat(s)",noValue:"Aucune valeur n'a été trouvée."},selected:{title:"Sélectionnées",action:"Tout désélectionner",tooltip:"Désélectionne toutes les valeurs de la section",values:"{count} valeur(s) sélectionnée(s)",noValue:"Aucune valeur sélectionnée"},notSelected:{title:"Disponibles",action:"Tout sélectionner",tooltip:"Sélectionne toutes les valeurs de la section",values:"{count} valeur(s) disponible(s)",noValue:"Toutes les valeurs sont sélectionnées"}}},date:{pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"},helpText:{expectedFormat:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",min:"La date doit être postérieure ou égale au {min}",max:"La date doit être antérieure ou égale au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},error:{badInput:"La date est inexistante ou incorrecte, le format attendu est {pattern} (ex&nbsp;: {date})"}},numeric:{helpText:{min:"La valeur doit être supérieure ou égale à {min}",max:"La valeur doit être inférieure ou égale à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"},combobox:{notFound:"Aucune valeur ne correspondont à votre saisie",notAvailable:"Aucune valeur disponible",search:"Recherche…"},text:{helpText:{email:"Format attendu&nbsp;: nom@exemple.fr",emails:"Format attendu&nbsp;: premier@exemple.fr, second@exemple.fr",url:"Format attendu&nbsp;: https://exemple.fr"},errors:{typeMismatch:{email:"La valeur est incorrecte, le format attendu est nom@exemple.fr",emails:"La valeur est incorrecte, le format attendu est premier@exemple.fr, second@exemple.fr",url:"La valeur est incorrecte, le format attendu est https://exemple.fr"}}}},form:{required:'Les champs marqués d\'un <strong class="mg-u-is-asterisk">*</strong> sont obligatoires',requiredSingle:'Le champ marqué d\'un <strong class="mg-u-is-asterisk">*</strong> est obligatoire',allRequired:"Tous les champs sont obligatoires",allRequiredSingle:"Le champ est obligatoire"},alert:{closeButton:"Fermer le message"},modal:{closeButton:"Fermer la modale"},pagination:{label:"Pagination",page:"page",pages:"pages",nextLabel:"Page suivante",previousLabel:"Page précédente",selectPage:"Sélectionner la page à afficher."},panel:{editLabel:"Modifier le titre de la section."},skipLinks:{navLabel:"Accès rapide"},general:{confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"Suivant",previous:"Précédent",reset:"réinitialiser"},menuItem:{badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"},itemMore:{menuLabel:"Menu complémentaire"},actionMore:{label:"Actions"},loader:{inProgress:"Chargement en cours…"},table:{sortableCaption:"(les en-têtes de colonnes avec des boutons peuvent être triés)"}}},e=>((e,t,a)=>{const l=e.closest("[lang]"),s=Intl.NumberFormat.supportedLocalesOf(l?.lang),n=s.length>0&&"string"==typeof s[0]?s[0]:navigator.language||a,r=n.split("-").shift();return 0===Object.keys(t).length?{locale:n,messages:{lang:a}}:{locale:n,messages:t[r]??t[a]??{lang:a}}})(e,i,"en"));var i;export{t as a,l as b,n as c,s as d,a as e,o as i,r as l}

package/dist/mg-components/p-JHj_9FSs.js

@@ -1,2 +0,0 @@
-const o=()=>{};var r=Object.defineProperty,e=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},t=(o,r)=>{o.__stencil__getHostRef=()=>r,r.o=o},n=(o,r)=>r in o,l=(o,r)=>(0,console.error)(o,r),c=new Map,i=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",g="undefined"!=typeof window?window:{},b={t:0,l:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,r,e,t)=>o.addEventListener(r,e,t),rel:(o,r,e,t)=>o.removeEventListener(r,e,t),ce:(o,r)=>new CustomEvent(o,r)},m=o=>Promise.resolve(o),u=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(o){}return!1})(),d=!!u&&(()=>!!g.document&&Object.getOwnPropertyDescriptor(g.document.adoptedStyleSheets,"length").writable)(),f=!1,v=[],p=[],h=(o,r)=>e=>{o.push(e),f||(f=!0,r&&4&b.t?z(w):b.raf(w))},y=o=>{for(let r=0;r<o.length;r++)try{o[r](performance.now())}catch(o){l(o)}o.length=0},w=()=>{y(v),y(p),(f=v.length>0)&&b.raf(w)},z=o=>m().then(o),$=h(p,!0),k=o=>"object"==(o=typeof o)||"function"===o;function x(o){var r,e,t;return null!=(t=null==(e=null==(r=o.head)?void 0:r.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?t:void 0}((o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>C,unwrapErr:()=>M});var S=o=>({isOk:!0,isErr:!1,value:o}),j=o=>({isOk:!1,isErr:!0,value:o});function O(o,r){if(o.isOk){const e=r(o.value);return e instanceof Promise?e.then((o=>S(o))):S(e)}if(o.isErr)return j(o.value);throw"should never get here"}var E,C=o=>{if(o.isOk)return o.value;throw o.value},M=o=>{if(o.isErr)return o.value;throw o.value};function N(){var o;const r=this.attachShadow({mode:"open"});void 0===E&&(E=null!=(o=function(){if(!u)return;const o=new CSSStyleSheet;return o.replaceSync(':root{--mg-b-size-4:0.4rem;--mg-b-size-8:0.8rem;--mg-b-size-12:1.2rem;--mg-b-size-16:1.6rem;--mg-b-size-20:2rem;--mg-b-size-24:2.4rem;--mg-b-size-32:3.2rem;--mg-b-size-40:4rem;--mg-b-size-48:4.8rem;--mg-b-size-56:5.6rem;--mg-b-size-64:6.4rem;--mg-b-size-72:7.2rem;--mg-b-size-120:12rem;--mg-b-size-border:0.1rem;--mg-b-size-radius:var(--mg-b-size-4);--mg-b-size-floating-element-max-width:40rem;--mg-b-size-min-height:3.5rem;--mg-b-spacing-actions:var(--mg-b-size-8);--mg-b-color-blue-10:rgb(227, 244, 255);--mg-b-color-blue-20:rgb(209, 237, 255);--mg-b-color-blue-30:rgb(166, 219, 255);--mg-b-color-blue-40:rgb(106, 195, 255);--mg-b-color-blue-50:rgb(64, 179, 255);--mg-b-color-blue-60:rgb(22, 162, 255);--mg-b-color-blue-70:rgb(0, 132, 220);--mg-b-color-blue-80:rgb(0, 94, 156);--mg-b-color-blue-90:rgb(0, 67, 111);--mg-b-color-blue-100:rgb(0, 39, 66);--mg-b-color-green-10:rgb(234, 251, 244);--mg-b-color-green-20:rgb(212, 247, 234);--mg-b-color-green-30:rgb(181, 240, 219);--mg-b-color-green-40:rgb(144, 232, 202);--mg-b-color-green-50:rgb(97, 223, 179);--mg-b-color-green-60:rgb(50, 213, 156);--mg-b-color-green-70:rgb(46, 194, 142);--mg-b-color-green-80:rgb(36, 151, 111);--mg-b-color-green-90:rgb(21, 89, 66);--mg-b-color-green-100:rgb(13, 54, 40);--mg-b-color-red-10:rgb(251, 233, 234);--mg-b-color-red-20:rgb(248, 216, 217);--mg-b-color-red-30:rgb(242, 174, 178);--mg-b-color-red-40:rgb(236, 134, 139);--mg-b-color-red-50:rgb(229, 96, 103);--mg-b-color-red-60:rgb(221, 42, 52);--mg-b-color-red-70:rgb(219, 31, 41);--mg-b-color-red-80:rgb(152, 21, 28);--mg-b-color-red-90:rgb(120, 17, 23);--mg-b-color-red-100:rgb(92, 13, 13);--mg-b-color-yellow-10:rgb(255, 247, 230);--mg-b-color-yellow-20:rgb(255, 240, 207);--mg-b-color-yellow-30:rgb(255, 226, 162);--mg-b-color-yellow-40:rgb(255, 212, 118);--mg-b-color-yellow-50:rgb(255, 195, 62);--mg-b-color-yellow-60:rgb(232, 177, 56);--mg-b-color-yellow-70:rgb(181, 138, 44);--mg-b-color-yellow-80:rgb(140, 107, 34);--mg-b-color-yellow-90:rgb(86, 66, 21);--mg-b-color-yellow-100:rgb(53, 41, 13);--mg-b-color-neutral-0:rgb(255, 255, 255);--mg-b-color-neutral-10:rgb(250, 251, 251);--mg-b-color-neutral-20:rgb(236, 238, 238);--mg-b-color-neutral-30:rgb(225, 227, 228);--mg-b-color-neutral-40:rgb(197, 201, 203);--mg-b-color-neutral-50:rgb(182, 188, 190);--mg-b-color-neutral-60:rgb(157, 165, 167);--mg-b-color-neutral-70:rgb(129, 139, 142);--mg-b-color-neutral-80:rgb(101, 113, 117);--mg-b-color-neutral-90:rgb(75, 89, 94);--mg-b-color-neutral-100:rgb(47, 64, 69);--mg-b-color-neutral-110:rgb(21, 40, 46);--mg-b-color-neutral-120:rgb(5, 9, 11);--mg-b-color-dark:var(--mg-b-color-neutral-110);--mg-b-color-light:var(--mg-b-color-neutral-0);--mg-b-color-danger:var(--mg-b-color-red-70);--mg-b-color-text-on-danger:var(--mg-b-color-light);--mg-b-color-info:var(--mg-b-color-blue-80);--mg-b-color-text-on-info:var(--mg-b-color-light);--mg-b-color-success:var(--mg-b-color-green-60);--mg-b-color-text-on-success:var(--mg-b-color-dark);--mg-b-color-warning:var(--mg-b-color-yellow-50);--mg-b-color-text-on-warning:var(--mg-b-color-dark);--mg-b-color-app:var(--mg-b-color-blue-80);--mg-b-color-primary:var(--mg-b-color-neutral-110);--mg-b-color-text-on-primary:var(--mg-b-color-light);--mg-b-color-secondary:var(--mg-b-color-neutral-10);--mg-b-color-text-on-secondary:var(--mg-b-color-dark);--mg-b-font-size:1.3rem;--mg-b-font-size-small:1.17rem;--mg-b-font-size-h1:calc(var(--mg-b-font-size) * 1.85);--mg-b-font-size-h2:calc(var(--mg-b-font-size) * 1.65);--mg-b-font-size-h3:calc(var(--mg-b-font-size) * 1.35);--mg-b-font-size-h4:calc(var(--mg-b-font-size) * 1.2);--mg-b-font-size-h5:calc(var(--mg-b-font-size) * 1.1);--mg-b-font-size-h6:calc(var(--mg-b-font-size) * 0.8);--mg-b-small-font-size:0.9em;--mg-b-font-family:"Open Sans", sans-serif;--mg-b-font-family-heading:var(--mg-b-font-family);--mg-b-line-height:1.4;--mg-b-box-shadow:0 0.3rem 0.8rem 0 color-mix(in srgb, var(--mg-b-color-dark), transparent 85%);--mg-b-opacity-element-disabled:0.4}:root{--mg-c-badge-size:var(--mg-b-size-16);--mg-c-badge-font-size:var(--mg-b-font-size-small);--mg-c-button-border-radius:var(--mg-b-size-radius);--mg-c-button-icon-border-radius:var(--mg-b-size-min-height);--mg-c-button-color-background-danger:var(--mg-b-color-danger);--mg-c-button-color-border-danger:var(--mg-b-color-red-80);--mg-c-button-color-gradient-danger:var(--mg-b-color-red-80);--mg-c-button-color-text-danger:var(--mg-b-color-text-on-danger);--mg-c-button-color-background-info:var(--mg-b-color-info);--mg-c-button-color-border-info:var(--mg-b-color-blue-90);--mg-c-button-color-gradient-info:var(--mg-b-color-blue-90);--mg-c-button-color-text-info:var(--mg-b-color-text-on-info);--mg-c-button-color-background-success:var(--mg-b-color-success);--mg-c-button-color-border-success:var(--mg-b-color-green-70);--mg-c-button-color-gradient-success:var(--mg-b-color-green-70);--mg-c-button-color-text-success:var(--mg-b-color-text-on-success);--mg-c-button-color-background-warning:var(--mg-b-color-warning);--mg-c-button-color-border-warning:var(--mg-b-color-yellow-60);--mg-c-button-color-gradient-warning:var(--mg-b-color-yellow-60);--mg-c-button-color-text-warning:var(--mg-b-color-text-on-warning);--mg-c-button-color-background-primary:var(--mg-b-color-primary);--mg-c-button-color-border-primary:var(--mg-b-color-neutral-120);--mg-c-button-color-gradient-primary:var(--mg-b-color-neutral-120);--mg-c-button-color-text-primary:var(--mg-b-color-text-on-primary);--mg-c-button-color-background-secondary:var(--mg-b-color-secondary);--mg-c-button-color-border-secondary:var(--mg-b-color-neutral-20);--mg-c-button-color-gradient-secondary:var(--mg-b-color-neutral-20);--mg-c-button-color-text-secondary:var(--mg-b-color-text-on-secondary);--mg-c-button-color-background-danger-alt:var(--mg-b-color-neutral-10);--mg-c-button-color-border-danger-alt:var(--mg-b-color-neutral-20);--mg-c-button-color-gradient-danger-alt:var(--mg-b-color-neutral-20);--mg-c-button-color-text-danger-alt:var(--mg-b-color-danger);--mg-c-card-spacing-default:var(--mg-b-size-16);--mg-c-card-border-radius-default:var(--mg-b-size-12);--mg-c-card-color-background-default:var(--mg-b-color-light);--mg-c-card-border-default:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);--mg-c-card-box-shadow-default:var(--mg-b-box-shadow);--mg-c-divider-color-background:color-mix(in srgb, var(--mg-b-color-dark), transparent 85%);--mg-c-divider-thickness:var(--mg-b-size-border);--mg-c-divider-spacing-vertical:var(--mg-b-size-40);--mg-c-icon-border-radius:50%;--mg-c-tag-height:var(--mg-b-size-24);--mg-c-tag-border-radius:var(--mg-b-size-radius);--mg-c-tag-font-size:var(--mg-b-font-size-small);--mg-c-tooltip-border-radius:var(--mg-b-size-radius);--mg-c-tooltip-color-background:var(--mg-b-color-dark);--mg-c-tooltip-color-text:var(--mg-b-color-light);--mg-c-details-spacing:var(--mg-b-size-8);--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-40);--mg-c-input-border-width:var(--mg-b-size-border);--mg-c-input-border-radius:var(--mg-b-size-radius);--mg-c-input-color-border:rgb(181 194 201);--mg-c-input-placeholder-color-text:rgb(181 194 201);--mg-c-input-color-icon:rgb(181 194 201);--mg-c-input-color-box-shadow-focus:rgb(0 221 255 / 50%);--mg-c-input-error-color-background:color-mix(in srgb, var(--mg-b-color-danger), white 95%);--mg-c-input-toggle-border-radius-ratio:2;--mg-c-input-check-size:var(--mg-b-size-16);--mg-c-menu-item-color:var(--mg-b-color-app);--mg-c-message-border-radius:var(--mg-b-size-radius);--mg-c-modal-border-radius:var(--mg-b-size-radius);--mg-c-modal-title-font-size:var(--mg-b-font-size-h3);--mg-c-panel-border-radius:var(--mg-b-size-radius);--mg-c-panel-box-shadow:var(--mg-b-box-shadow);--mg-c-panel-content-spacing:var(--mg-b-size-16);--mg-c-popover-color-background:var(--mg-b-color-light);--mg-c-popover-color-text:var(--mg-b-color-dark);--mg-c-popover-title-font-size:var(--mg-b-font-size-h5);--mg-c-popover-max-width:var(--mg-b-size-floating-element-max-width);--mg-c-progress-size:var(--mg-b-size-8);--mg-c-progress-border-color:var(--mg-b-color-neutral-80);--mg-c-progress-bar-color-background:var(--mg-b-color-neutral-30);--mg-c-progress-fill-color-background:var(--mg-b-color-app);--mg-c-tabs-color:var(--mg-b-color-app)}html{font-size:62.5%}body{font-family:var(--mg-b-font-family);font-size:var(--mg-b-font-size);-webkit-font-smoothing:antialiased;line-height:var(--mg-b-line-height)}:root{--mg-b-font-family:system-ui, sans-serif}'),o}())?o:null),E&&(d?r.adoptedStyleSheets.push(E):r.adoptedStyleSheets=[...r.adoptedStyleSheets,E])}var R=o=>{const r=A(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&P(r,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!T(o,L(o),!1).length)}));let e=0;for(e=0;e<r.length;e++){const o=r[e];1===o.nodeType&&A(o,"childNodes").length&&R(o)}};function P(o,r,e){let t,n=0,l=[];for(;n<o.length;n++)t=o[n],!t["s-sr"]||r&&t["s-hn"]!==r||void 0!==e||l.push(t),l=[...l,...P(t.childNodes,r,e)];return l}var T=(o,r,e=!0)=>{const t=[];(e&&o["s-sr"]||!o["s-sr"])&&t.push(o);let n=o;for(;n=n.nextSibling;)L(n)!==r||!e&&n["s-sr"]||t.push(n);return t},F=(o,r)=>1===o.nodeType?null===o.getAttribute("slot")&&""===r||o.getAttribute("slot")===r:o["s-sn"]===r||""===r,L=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function A(o,r){if("__"+r in o){const e=o["__"+r];return"function"!=typeof e?e:e.bind(o)}return"function"!=typeof o[r]?o[r]:o[r].bind(o)}var D=new WeakMap,U=o=>"sc-"+o.i,W=(o,r,...e)=>{let t=null,n=null,l=null,c=!1,i=!1;const s=[],a=r=>{for(let e=0;e<r.length;e++)t=r[e],Array.isArray(t)?a(t):null!=t&&"boolean"!=typeof t&&((c="function"!=typeof o&&!k(t))&&(t+=""),c&&i?s[s.length-1].m+=t:s.push(c?_(null,t):t),i=c)};if(a(e),r){r.key&&(n=r.key),r.name&&(l=r.name);{const o=r.className||r.class;o&&(r.class="object"!=typeof o?o:Object.keys(o).filter((r=>o[r])).join(" "))}}if("function"==typeof o)return o(null===r?{}:r,s,B);const g=_(o,null);return g.u=r,s.length>0&&(g.v=s),g.p=n,g.h=l,g},_=(o,r)=>({t:0,$:o,m:r,k:null,v:null,u:null,p:null,h:null}),H={},B={forEach:(o,r)=>o.map(q).forEach(r),map:(o,r)=>o.map(q).map(r).map(I)},q=o=>({vattrs:o.u,vchildren:o.v,vkey:o.p,vname:o.h,vtag:o.$,vtext:o.m}),I=o=>{if("function"==typeof o.vtag){const r={...o.vattrs};return o.vkey&&(r.key=o.vkey),o.vname&&(r.name=o.vname),W(o.vtag,r,...o.vchildren||[])}const r=_(o.vtag,o.vtext);return r.u=o.vattrs,r.v=o.vchildren,r.p=o.vkey,r.h=o.vname,r},V=o=>{const r=(o=>o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(o);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${r}))(${r}\\b)`,"g")};V("::slotted"),V(":host"),V(":host-context");var Y,G,J,K=(o,r)=>{if("string"==typeof o&&(16&r||8&r)&&(o.startsWith("{")&&o.endsWith("}")||o.startsWith("[")&&o.endsWith("]")))try{return JSON.parse(o)}catch(o){}return null==o||k(o)?o:4&r?"false"!==o&&(""===o||!!o):2&r?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&r?o+"":o},Q=o=>{var r;return null==(r=e(o))?void 0:r.$hostElement$},X=(o,r,e)=>{const t=Q(o);return{emit:o=>Z(t,r,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},Z=(o,r,e)=>{const t=b.ce(r,e);return o.dispatchEvent(t),t},oo=(o,r,e,t,l,c)=>{if(e===t)return;let i=n(o,r),s=r.toLowerCase();if("class"===r){const r=o.classList,n=eo(e);let l=eo(t);r.remove(...n.filter((o=>o&&!l.includes(o)))),r.add(...l.filter((o=>o&&!n.includes(o))))}else if("style"===r){for(const r in e)t&&null!=t[r]||(r.includes("-")?o.style.removeProperty(r):o.style[r]="");for(const r in t)e&&t[r]===e[r]||(r.includes("-")?o.style.setProperty(r,t[r]):o.style[r]=t[r])}else if("key"===r);else if("ref"===r)t&&t(o);else if(i||"o"!==r[0]||"n"!==r[1]){const n=k(t);if(i||n&&null!==t)try{if(o.tagName.includes("-"))o[r]!==t&&(o[r]=t);else{const n=null==t?"":t;"list"===r?i=!1:null!=e&&o[r]==n||("function"==typeof o.__lookupSetter__(r)?o[r]=n:o.setAttribute(r,n))}}catch(o){}let g=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(r=s,g=!0),null==t||!1===t?!1===t&&""!==o.getAttribute(r)||(g?o.removeAttributeNS(a,r):o.removeAttribute(r)):(!i||4&c||l)&&!n&&1===o.nodeType&&(t=!0===t?"":t,g?o.setAttributeNS(a,r,t):o.setAttribute(r,t))}else if(r="-"===r[2]?r.slice(3):n(g,s)?s.slice(2):s[2]+r.slice(3),e||t){const n=r.endsWith(to);r=r.replace(no,""),e&&b.rel(o,r,e,n),t&&b.ael(o,r,t,n)}},ro=/\s/,eo=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(ro):[]),to="Capture",no=RegExp(to+"$"),lo=(o,r,e)=>{const t=11===r.k.nodeType&&r.k.host?r.k.host:r.k,n=o&&o.u||{},l=r.u||{};for(const o of co(Object.keys(n)))o in l||oo(t,o,n[o],void 0,e,r.t);for(const o of co(Object.keys(l)))oo(t,o,n[o],l[o],e,r.t)};function co(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var io=!1,so=!1,ao=!1,go=!1,bo=(o,r,e)=>{var t;const n=r.v[e];let l,c,i,s=0;if(io||(ao=!0,"slot"===n.$&&(n.t|=n.v?2:1)),null!==n.m)l=n.k=g.document.createTextNode(n.m);else if(1&n.t)l=n.k=g.document.createTextNode(""),lo(null,n,go);else{if(!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=n.k=g.document.createElement(!io&&2&n.t?"slot-fb":n.$),lo(null,n,go),null!=Y&&void 0!==Y&&l["s-si"]!==Y&&l.classList.add(l["s-si"]=Y),n.v)for(s=0;s<n.v.length;++s)c=bo(o,n,s),c&&l.appendChild(c)}return l["s-hn"]=J,3&n.t&&(l["s-sr"]=!0,l["s-cr"]=G,l["s-sn"]=n.h||"",l["s-rf"]=null==(t=n.u)?void 0:t.ref,function(o){if(o.assignedElements||o.assignedNodes||!o["s-sr"])return;const r=r=>function(o){const e=[],t=this["s-sn"];(null==o?void 0:o.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const n=this["s-cr"].parentElement;return(n.__childNodes?n.childNodes:(o=>{const r=[];for(let e=0;e<o.length;e++){const t=o[e]["s-nr"]||void 0;t&&t.isConnected&&r.push(t)}return r})(n.childNodes)).forEach((o=>{t===L(o)&&e.push(o)})),r?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=r(!0),o.assignedNodes=r(!1)}(l),i=o&&o.v&&o.v[e],i&&i.$===n.$&&o.k&&mo(o.k,!1),ko(G,l,r.k,null==o?void 0:o.k)),l},mo=(o,r)=>{b.t|=1;const e=Array.from(o.__childNodes||o.childNodes);for(let o=e.length-1;o>=0;o--){const t=e[o];t["s-hn"]!==J&&t["s-ol"]&&($o(po(t).parentNode,t,po(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,ao=!0),r&&mo(t,r)}b.t&=-2},uo=(o,r,e,t,n,l)=>{let c,i=o["s-cr"]&&o["s-cr"].parentNode||o;for(i.shadowRoot&&i.tagName===J&&(i=i.shadowRoot);n<=l;++n)t[n]&&(c=bo(null,e,n),c&&(t[n].k=c,$o(i,c,po(r))))},fo=(o,r,e)=>{for(let t=r;t<=e;++t){const r=o[t];if(r){const o=r.k;zo(r),o&&(so=!0,o["s-ol"]?o["s-ol"].remove():mo(o,!0),o.remove())}}},vo=(o,r,e=!1)=>o.$===r.$&&("slot"===o.$?o.h===r.h:e?(e&&!o.p&&r.p&&(o.p=r.p),!0):o.p===r.p),po=o=>o&&o["s-ol"]||o,ho=(o,r,e=!1)=>{const t=r.k=o.k,n=o.v,l=r.v,c=r.m;let i;null===c?(lo(o,r,go),null!==n&&null!==l?((o,r,e,t,n=!1)=>{let l,c,i=0,s=0,a=0,g=0,b=r.length-1,m=r[0],u=r[b],d=t.length-1,f=t[0],v=t[d];for(;i<=b&&s<=d;)if(null==m)m=r[++i];else if(null==u)u=r[--b];else if(null==f)f=t[++s];else if(null==v)v=t[--d];else if(vo(m,f,n))ho(m,f,n),m=r[++i],f=t[++s];else if(vo(u,v,n))ho(u,v,n),u=r[--b],v=t[--d];else if(vo(m,v,n))"slot"!==m.$&&"slot"!==v.$||mo(m.k.parentNode,!1),ho(m,v,n),$o(o,m.k,u.k.nextSibling),m=r[++i],v=t[--d];else if(vo(u,f,n))"slot"!==m.$&&"slot"!==v.$||mo(u.k.parentNode,!1),ho(u,f,n),$o(o,u.k,m.k),u=r[--b],f=t[++s];else{for(a=-1,g=i;g<=b;++g)if(r[g]&&null!==r[g].p&&r[g].p===f.p){a=g;break}a>=0?(c=r[a],c.$!==f.$?l=bo(r&&r[s],e,a):(ho(c,f,n),r[a]=void 0,l=c.k),f=t[++s]):(l=bo(r&&r[s],e,s),f=t[++s]),l&&$o(po(m.k).parentNode,l,po(m.k))}i>b?uo(o,null==t[d+1]?null:t[d+1].k,e,t,s,d):s>d&&fo(r,i,b)})(t,n,r,l,e):null!==l?(null!==o.m&&(t.textContent=""),uo(t,null,r,l,0,l.length-1)):!e&&null!==n&&fo(n,0,n.length-1)):(i=t["s-cr"])?i.parentNode.textContent=c:o.m!==c&&(t.data=c)},yo=[],wo=o=>{let r,e,t;const n=o.__childNodes||o.childNodes;for(const o of n){if(o["s-sr"]&&(r=o["s-cr"])&&r.parentNode){e=r.parentNode.__childNodes||r.parentNode.childNodes;const n=o["s-sn"];for(t=e.length-1;t>=0;t--)if(r=e[t],!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==o["s-hn"])if(F(r,n)){let e=yo.find((o=>o.S===r));so=!0,r["s-sn"]=r["s-sn"]||n,e?(e.S["s-sh"]=o["s-hn"],e.j=o):(r["s-sh"]=o["s-hn"],yo.push({j:o,S:r})),r["s-sr"]&&yo.map((o=>{F(o.S,r["s-sn"])&&(e=yo.find((o=>o.S===r)),e&&!o.j&&(o.j=e.j))}))}else yo.some((o=>o.S===r))||yo.push({S:r})}1===o.nodeType&&wo(o)}},zo=o=>{o.u&&o.u.ref&&o.u.ref(null),o.v&&o.v.map(zo)},$o=(o,r,e)=>("string"==typeof r["s-sn"]&&r["s-sr"]&&r["s-cr"]&&ko(r["s-cr"],r,o,r.parentElement),null==o?void 0:o.insertBefore(r,e));function ko(o,r,e,t){var n,l;let c;if(o&&"string"==typeof r["s-sn"]&&r["s-sr"]&&o.parentNode&&o.parentNode["s-sc"]&&(c=r["s-si"]||o.parentNode["s-sc"])){const o=r["s-sn"],i=r["s-hn"];if(null==(n=e.classList)||n.add(c+"-s"),t&&(null==(l=t.classList)?void 0:l.contains(c+"-s"))){let r=(t.__childNodes||t.childNodes)[0],e=!1;for(;r;){if(r["s-sn"]!==o&&r["s-hn"]===i&&r["s-sr"]){e=!0;break}r=r.nextSibling}e||t.classList.remove(c+"-s")}}}var xo=(o,r)=>{if(r&&!o.O&&r["s-p"]){const e=r["s-p"].push(new Promise((t=>o.O=()=>{r["s-p"].splice(e-1,1),t()})))}},So=(o,r)=>{if(o.t|=16,4&o.t)return void(o.t|=512);xo(o,o.C);const e=()=>jo(o,r);if(!r)return $(e);queueMicrotask((()=>{e()}))},jo=(o,r)=>{const e=o.$hostElement$,t=o.o;if(!t)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let n;return r?(o.t|=256,o.M&&(o.M.map((([o,r])=>To(t,o,r,e))),o.M=void 0),n=To(t,"componentWillLoad",void 0,e)):n=To(t,"componentWillUpdate",void 0,e),n=Oo(n,(()=>To(t,"componentWillRender",void 0,e))),Oo(n,(()=>Co(o,t,r)))},Oo=(o,r)=>Eo(o)?o.then(r).catch((o=>{console.error(o),r()})):r(),Eo=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Co=async(o,r,e)=>{var t;const n=o.$hostElement$,l=n["s-rc"];e&&(o=>{const r=o.N,e=o.$hostElement$,t=r.t,n=((o,r)=>{var e;const t=U(r),n=i.get(t);if(!g.document)return t;if(o=11===o.nodeType?o:g.document,n)if("string"==typeof n){let l,c=D.get(o=o.head||o);if(c||D.set(o,c=new Set),!c.has(t)){{l=g.document.createElement("style"),l.innerHTML=n;const t=null!=(e=b.R)?e:x(g.document);if(null!=t&&l.setAttribute("nonce",t),!(1&r.t))if("HEAD"===o.nodeName){const r=o.querySelectorAll("link[rel=preconnect]"),e=r.length>0?r[r.length-1].nextSibling:o.querySelector("style");o.insertBefore(l,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(u){const r=new CSSStyleSheet;r.replaceSync(n),d?o.adoptedStyleSheets.unshift(r):o.adoptedStyleSheets=[r,...o.adoptedStyleSheets]}else{const r=o.querySelector("style");r?r.innerHTML=n+r.innerHTML:o.prepend(l)}else o.append(l);1&r.t&&o.insertBefore(l,null)}4&r.t&&(l.innerHTML+=s),c&&c.add(t)}}else o.adoptedStyleSheets.includes(n)||(d?o.adoptedStyleSheets.push(n):o.adoptedStyleSheets=[...o.adoptedStyleSheets,n]);return t})(e.shadowRoot?e.shadowRoot:e.getRootNode(),r);10&t&&(e["s-sc"]=n,e.classList.add(n+"-h"))})(o);Mo(o,r,n,e),l&&(l.map((o=>o())),n["s-rc"]=void 0);{const r=null!=(t=n["s-p"])?t:[],e=()=>No(o);0===r.length?e():(Promise.all(r).then(e),o.t|=4,r.length=0)}},Mo=(o,r,e,t)=>{try{r=r.render&&r.render(),o.t&=-17,o.t|=2,((o,r,e=!1)=>{var t,n,l,c;const i=o.$hostElement$,s=o.N,a=o.P||_(null,null),m=(o=>o&&o.$===H)(r)?r:W(null,null,r);if(J=i.tagName,s.T&&(m.u=m.u||{},s.T.map((([o,r])=>m.u[r]=i[o]))),e&&m.u)for(const o of Object.keys(m.u))i.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(m.u[o]=i[o]);if(m.$=null,m.t|=4,o.P=m,m.k=a.k=i.shadowRoot||i,Y=i["s-sc"],io=!(!(1&s.t)||128&s.t),G=i["s-cr"],so=!1,ho(a,m,e),b.t|=1,ao){wo(m.k);for(const o of yo){const r=o.S;if(!r["s-ol"]&&g.document){const o=g.document.createTextNode("");o["s-nr"]=r,$o(r.parentNode,r["s-ol"]=o,r)}}for(const o of yo){const r=o.S,i=o.j;if(i){const o=i.parentNode;let e=i.nextSibling;{let l=null==(t=r["s-ol"])?void 0:t.previousSibling;for(;l;){let t=null!=(n=l["s-nr"])?n:null;if(t&&t["s-sn"]===r["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===r||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){e=t;break}}l=l.previousSibling}}(!e&&o!==(r.__parentNode||r.parentNode)||(r.__nextSibling||r.nextSibling)!==e)&&r!==e&&(!r["s-hn"]&&r["s-ol"]&&(r["s-hn"]=r["s-ol"].parentNode.nodeName),$o(o,r,e),1===r.nodeType&&"SLOT-FB"!==r.tagName&&(r.hidden=null!=(l=r["s-ih"])&&l)),r&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===r.nodeType&&(e&&(r["s-ih"]=null!=(c=r.hidden)&&c),r.hidden=!0)}}so&&R(m.k),b.t&=-2,yo.length=0,G=void 0})(o,r,t)}catch(r){l(r,o.$hostElement$)}return null},No=o=>{const r=o.$hostElement$,e=o.o,t=o.C;To(e,"componentDidRender",void 0,r),64&o.t?To(e,"componentDidUpdate",void 0,r):(o.t|=64,Fo(r),To(e,"componentDidLoad",void 0,r),o.F(r),t||Po()),o.L(r),o.O&&(o.O(),o.O=void 0),512&o.t&&z((()=>So(o,!1))),o.t&=-517},Ro=o=>{var r;{const t=e(o),n=null==(r=null==t?void 0:t.$hostElement$)?void 0:r.isConnected;return n&&2==(18&t.t)&&So(t,!1),n}},Po=()=>{z((()=>Z(g,"appload",{detail:{namespace:"mg-components"}})))},To=(o,r,e,t)=>{if(o&&o[r])try{return o[r](e)}catch(o){l(o,t)}},Fo=o=>o.classList.add("hydrated"),Lo=(o,r,t,n)=>{const c=e(o);if(!c)return;if(!c)throw Error(`Couldn't find host element for "${n.i}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const i=c.$hostElement$,s=c.A.get(r),a=c.t,g=c.o;if(t=K(t,n.D[r][0]),(!(8&a)||void 0===s)&&t!==s&&(!Number.isNaN(s)||!Number.isNaN(t))&&(c.A.set(r,t),g)){if(n.U&&128&a){const o=n.U[r];o&&o.map((o=>{try{g[o](t,s,r)}catch(o){l(o,i)}}))}if(2==(18&a)){if(g.componentShouldUpdate&&!1===g.componentShouldUpdate(t,s,r))return;So(c,!1)}}},Ao=(o,r,t)=>{var n,l;const c=o.prototype;if(r.D||r.U||o.watchers){o.watchers&&!r.U&&(r.U=o.watchers);const i=Object.entries(null!=(n=r.D)?n:{});if(i.map((([o,[n]])=>{if(31&n||2&t&&32&n){const{get:l,set:i}=Object.getOwnPropertyDescriptor(c,o)||{};l&&(r.D[o][0]|=2048),i&&(r.D[o][0]|=4096),(1&t||!l)&&Object.defineProperty(c,o,{get(){{if(!(2048&r.D[o][0]))return((o,r)=>e(this).A.get(r))(0,o);const t=e(this),n=t?t.o:c;if(!n)return;return n[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(c,o,{set(l){const c=e(this);if(c){if(i){const e=32&n?this[o]:c.$hostElement$[o];return void 0===e&&c.A.get(o)?l=c.A.get(o):!c.A.get(o)&&e&&c.A.set(o,e),i.call(this,K(l,n)),void Lo(this,o,l=32&n?this[o]:c.$hostElement$[o],r)}{if(!(1&t&&4096&r.D[o][0]))return Lo(this,o,l,r),void(1&t&&!c.o&&c.W.then((()=>{4096&r.D[o][0]&&c.o[o]!==c.A.get(o)&&(c.o[o]=l)})));const e=()=>{const e=c.o[o];!c.A.get(o)&&e&&c.A.set(o,e),c.o[o]=K(l,n),Lo(this,o,c.o[o],r)};c.o?e():c.W.then((()=>e()))}}}})}else 1&t&&64&n&&Object.defineProperty(c,o,{value(...r){var t;const n=e(this);return null==(t=null==n?void 0:n._)?void 0:t.then((()=>{var e;return null==(e=n.o)?void 0:e[o](...r)}))}})})),1&t){const t=new Map;c.attributeChangedCallback=function(o,n,l){b.jmp((()=>{var i;const s=t.get(o);if(this.hasOwnProperty(s))l=this[s],delete this[s];else{if(c.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==l)return;if(null==s){const t=e(this),c=null==t?void 0:t.t;if(t&&c&&!(8&c)&&128&c&&l!==n){const e=t.o,c=null==(i=r.U)?void 0:i[o];null==c||c.forEach((r=>{null!=e[r]&&e[r].call(e,l,n,o)}))}return}}const a=Object.getOwnPropertyDescriptor(c,s);(l=(null!==l||"boolean"!=typeof this[s])&&l)===this[s]||a.get&&!a.set||(this[s]=l)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=r.U)?l:{}),...i.filter((([o,r])=>31&r[0])).map((([o,e])=>{var n;const l=e[1]||o;return t.set(l,o),512&e[0]&&(null==(n=r.T)||n.push([o,l])),l}))]))}}return o},Do=(o,r)=>{To(o,"connectedCallback",void 0,r)},Uo=(o,r)=>{To(o,"disconnectedCallback",void 0,r||o)},Wo=(o,r={})=>{var t;if(!g.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const n=[],a=r.exclude||[],m=g.customElements,d=g.document.head,f=d.querySelector("meta[charset]"),v=g.document.createElement("style"),p=[];let h,y=!0;Object.assign(b,r),b.l=new URL(r.resourcesUrl||"./",g.document.baseURI).href;let w=!1;if(o.map((o=>{o[1].map((r=>{var t;const s={t:r[0],i:r[1],D:r[2],H:r[3]};4&s.t&&(w=!0),s.D=r[2],s.H=r[3],s.T=[],s.U=null!=(t=r[4])?t:{};const d=s.i,f=class extends HTMLElement{constructor(o){if(super(o),this.hasRegisteredEventListeners=!1,((o,r)=>{const e={t:0,$hostElement$:o,N:r,A:new Map};e._=new Promise((o=>e.L=o)),e.W=new Promise((o=>e.F=o)),o["s-p"]=[],o["s-rc"]=[];const t=e;o.__stencil__getHostRef=()=>t})(o=this,s),1&s.t)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.i}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else N.call(o,s)}connectedCallback(){const o=e(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,_o(this,o,s.H)),h&&(clearTimeout(h),h=null),y?p.push(this):b.jmp((()=>(o=>{if(!(1&b.t)){const r=e(o);if(!r)return;const t=r.N,n=()=>{};if(1&r.t)_o(o,r,t.H),(null==r?void 0:r.o)?Do(r.o,o):(null==r?void 0:r.W)&&r.W.then((()=>Do(r.o,o)));else{r.t|=1,12&t.t&&(o=>{if(!g.document)return;const r=o["s-cr"]=g.document.createComment("");r["s-cn"]=!0,$o(o,r,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){xo(r,r.C=e);break}}t.D&&Object.entries(t.D).map((([r,[e]])=>{if(31&e&&o.hasOwnProperty(r)){const e=o[r];delete o[r],o[r]=e}})),(async(o,r,e)=>{let t;if(!(32&r.t)){if(r.t|=32,e.B){const n=((o,r)=>{const e=o.i.replace(/-/g,"_"),t=o.B;if(!t)return;const n=c.get(t);return n?n[e]:import(`./${t}.entry.js`).then((o=>(c.set(t,o),o[e])),(o=>{l(o,r.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,r);if(n&&"then"in n){const o=()=>{};t=await n,o()}else t=n;if(!t)throw Error(`Constructor for "${e.i}#${r.q}" was not found`);t.isProxied||(e.U=t.watchers,Ao(t,e,2),t.isProxied=!0);const i=()=>{};r.t|=8;try{new t(r)}catch(r){l(r,o)}r.t&=-9,r.t|=128,i(),Do(r.o,o)}else t=o.constructor,customElements.whenDefined(o.localName).then((()=>r.t|=128));if(t&&t.style){let o;"string"==typeof t.style&&(o=t.style);const r=U(e);if(!i.has(r)){const t=()=>{};((o,r,e)=>{let t=i.get(o);u&&e?(t=t||new CSSStyleSheet,"string"==typeof t?t=r:t.replaceSync(r)):t=r,i.set(o,t)})(r,o,!!(1&e.t)),t()}}}const n=r.C,s=()=>So(r,!0);n&&n["s-rc"]?n["s-rc"].push(s):s()})(o,r,t)}n()}})(this))))}disconnectedCallback(){b.jmp((()=>(async o=>{if(!(1&b.t)){const r=e(o);(null==r?void 0:r.I)&&(r.I.map((o=>o())),r.I=void 0),(null==r?void 0:r.o)?Uo(r.o,o):(null==r?void 0:r.W)&&r.W.then((()=>Uo(r.o,o)))}D.has(o)&&D.delete(o),o.shadowRoot&&D.has(o.shadowRoot)&&D.delete(o.shadowRoot)})(this))),b.raf((()=>{var o;const r=e(this);if(!r)return;const t=p.findIndex((o=>o===this));t>-1&&p.splice(t,1),(null==(o=null==r?void 0:r.P)?void 0:o.k)instanceof Node&&!r.P.k.isConnected&&delete r.P.k}))}componentOnReady(){var o;return null==(o=e(this))?void 0:o.W}};s.B=o[0],a.includes(d)||m.get(d)||(n.push(d),m.define(d,Ao(f,s,1)))}))})),n.length>0&&(w&&(v.textContent+=s),v.textContent+=n.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const o=null!=(t=b.R)?t:x(g.document);null!=o&&v.setAttribute("nonce",o),d.insertBefore(v,f?f.nextSibling:d.firstChild)}y=!1,p.length?p.map((o=>o.connectedCallback())):b.jmp((()=>h=setTimeout(Po,30)))},_o=(o,r,e)=>{e&&g.document&&e.map((([e,t,n])=>{const l=o,c=Ho(r,n),i=Bo(e);b.ael(l,t,c,i),(r.I=r.I||[]).push((()=>b.rel(l,t,c,i)))}))},Ho=(o,r)=>e=>{var t;try{256&o.t?null==(t=o.o)||t[r](e):(o.M=o.M||[]).push([r,e])}catch(r){l(r,o.$hostElement$)}},Bo=o=>({passive:!!(1&o),capture:!!(2&o)}),qo=o=>b.R=o;export{H,Q as a,Wo as b,X as c,Ro as f,o as g,W as h,m as p,t as r,qo as s}