@mgdis/mg-components 6.22.0 → 6.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/cjs/{index-C2viYwrR.js → index-Dz2LAZQT.js} +325 -1789
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/{mg-action-more_37.cjs.entry.js → mg-action-more_36.cjs.entry.js} +109 -130
  4. package/dist/cjs/mg-alert.cjs.entry.js +2 -2
  5. package/dist/cjs/mg-breadcrumb.cjs.entry.js +2 -2
  6. package/dist/cjs/mg-components.cjs.js +3 -3
  7. package/dist/cjs/mg-fieldset.cjs.entry.js +2 -2
  8. package/dist/cjs/mg-input-combobox.cjs.entry.js +2 -2
  9. package/dist/cjs/mg-input-file.cjs.entry.js +3 -3
  10. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +2498 -2474
  11. package/dist/cjs/mg-loader.cjs.entry.js +2 -2
  12. package/dist/cjs/mg-progress.cjs.entry.js +2 -2
  13. package/dist/collection/collection-manifest.json +2 -2
  14. package/dist/collection/components/atoms/mg-badge/mg-badge.js +2 -1
  15. package/dist/collection/components/atoms/mg-button/mg-button.js +6 -3
  16. package/dist/collection/components/atoms/mg-card/mg-card.js +2 -1
  17. package/dist/collection/components/atoms/mg-icon/mg-icon.js +8 -4
  18. package/dist/collection/components/atoms/mg-tag/mg-tag.js +2 -1
  19. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +2 -1
  20. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +4 -2
  21. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +38 -0
  22. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +3 -2
  23. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +47 -26
  24. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +13 -7
  25. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +3 -2
  26. package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +4 -3
  27. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +9 -5
  28. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +5 -3
  29. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +5 -3
  30. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +7 -4
  31. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +22 -8
  32. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +11 -6
  33. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +5 -3
  34. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +7 -4
  35. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +5 -3
  36. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -3
  37. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +4 -2
  38. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -7
  39. package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -3
  40. package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +3 -2
  41. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  42. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +3 -2
  43. package/dist/collection/components/molecules/mg-form/mg-form.js +5 -3
  44. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +5 -3
  45. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  46. package/dist/collection/components/molecules/mg-message/mg-message.js +6 -4
  47. package/dist/collection/components/molecules/mg-modal/mg-modal.js +4 -3
  48. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +2 -1
  49. package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -3
  50. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  51. package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -2
  52. package/dist/collection/components/molecules/mg-progress/mg-progress.js +3 -2
  53. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -2
  54. package/dist/collection/components/molecules/mg-table/mg-table.js +4 -2
  55. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +3 -2
  56. package/dist/components/index2.js +1 -1
  57. package/dist/components/mg-action-more.js +1 -1
  58. package/dist/components/mg-alert.js +1 -1
  59. package/dist/components/mg-breadcrumb.js +1 -1
  60. package/dist/components/mg-details.js +1 -1
  61. package/dist/components/mg-fieldset.js +1 -1
  62. package/dist/components/mg-form.js +1 -1
  63. package/dist/components/mg-illustrated-message.js +1 -1
  64. package/dist/components/mg-input-checkbox.js +1 -1
  65. package/dist/components/mg-input-combobox.js +1 -1
  66. package/dist/components/mg-input-date.js +1 -1
  67. package/dist/components/mg-input-file.js +1 -1
  68. package/dist/components/mg-input-numeric.js +1 -1
  69. package/dist/components/mg-input-password.js +1 -1
  70. package/dist/components/mg-input-radio.js +1 -1
  71. package/dist/components/mg-input-rich-text-editor.js +2 -2
  72. package/dist/components/mg-input-select2.js +1 -1
  73. package/dist/components/mg-input-text2.js +1 -1
  74. package/dist/components/mg-input-textarea.js +1 -1
  75. package/dist/components/mg-input-toggle.js +1 -1
  76. package/dist/components/mg-item-more2.js +1 -1
  77. package/dist/components/mg-loader2.js +1 -1
  78. package/dist/components/mg-message2.js +1 -1
  79. package/dist/components/mg-modal.js +1 -1
  80. package/dist/components/mg-panel.js +1 -1
  81. package/dist/components/mg-popover-content2.js +1 -1
  82. package/dist/components/mg-popover2.js +1 -1
  83. package/dist/components/mg-progress.js +1 -1
  84. package/dist/components/mg-skip-links.js +1 -1
  85. package/dist/components/mg-tabs2.js +1 -1
  86. package/dist/esm/{index-DFwaH2hS.js → index-C3jUhxdI.js} +325 -1789
  87. package/dist/esm/loader.js +3 -3
  88. package/dist/esm/{mg-action-more_37.entry.js → mg-action-more_36.entry.js} +111 -131
  89. package/dist/esm/mg-alert.entry.js +2 -2
  90. package/dist/esm/mg-breadcrumb.entry.js +2 -2
  91. package/dist/esm/mg-components.js +4 -4
  92. package/dist/esm/mg-fieldset.entry.js +2 -2
  93. package/dist/esm/mg-input-combobox.entry.js +2 -2
  94. package/dist/esm/mg-input-file.entry.js +3 -3
  95. package/dist/esm/mg-input-rich-text-editor.entry.js +2498 -2474
  96. package/dist/esm/mg-loader.entry.js +2 -2
  97. package/dist/esm/mg-progress.entry.js +2 -2
  98. package/dist/mg-components/mg-components.esm.js +1 -1
  99. package/dist/mg-components/{p-2ee92f38.entry.js → p-06fbdb2f.entry.js} +1 -1
  100. package/dist/mg-components/{p-3b653226.entry.js → p-188b9ca9.entry.js} +1 -1
  101. package/dist/mg-components/p-4667078d.entry.js +1 -0
  102. package/dist/mg-components/{p-c63f97f0.entry.js → p-5a859ecf.entry.js} +2 -2
  103. package/dist/mg-components/{p-d5e69c95.entry.js → p-661da56b.entry.js} +1 -1
  104. package/dist/mg-components/{p-adec7fcc.entry.js → p-8e256086.entry.js} +1 -1
  105. package/dist/mg-components/p-C3jUhxdI.js +2 -0
  106. package/dist/mg-components/{p-cc793586.entry.js → p-b0b8c58f.entry.js} +1 -1
  107. package/dist/mg-components/{p-5745fbea.entry.js → p-bbcef41c.entry.js} +1 -1
  108. package/dist/mg-components/{p-c8c8cfc1.entry.js → p-c1aeb277.entry.js} +1 -1
  109. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.d.ts +2 -2
  110. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.d.ts +8 -0
  111. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +16 -8
  112. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -5
  113. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +1 -1
  114. package/dist/types/components.d.ts +525 -170
  115. package/dist/types/stencil-public-runtime.d.ts +52 -2
  116. package/ide/intellij/web-types.json +7 -7
  117. package/ide/vscode/html-custom-data.json +3 -3
  118. package/package.json +19 -19
  119. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +0 -245
  120. package/dist/components/mg-input-checkbox-paginated.d.ts +0 -11
  121. package/dist/components/mg-input-checkbox-paginated.js +0 -1
  122. package/dist/components/mg-input-checkbox-paginated2.js +0 -1
  123. package/dist/mg-components/p-0482eb9f.entry.js +0 -1
  124. package/dist/mg-components/p-DFwaH2hS.js +0 -2
  125. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +0 -77
@@ -1 +1 @@
1
- import{r as e,h as r,a}from"./p-DFwaH2hS.js";import{i as t}from"./p-DSEloqPn.js";import{t as i,i as s}from"./p-C7xjtdiw.js";const c=class{constructor(r){e(this,r)}validateItems(e){if(void 0===e||(r=e,!(Array.isArray(r)&&r.length>0&&r.every(((e,a)=>"object"==typeof e&&null!==e&&s(e.label)&&(a===r.length-1||s(e.href)))))))throw new Error(`<mg-breadcrumb> prop "items" is required and all values must be the same type, BreadcrumbItemType. Passed value: ${i(e)}.`);var r}renderItem(e,a){return s(e.href)?r("a",{href:e.href,"aria-label":void 0!==e.icon?e.label:void 0,"aria-current":a?"page":void 0},void 0!==e.icon?r("mg-icon",{icon:e.icon}):e.label):r("span",null,e.label)}componentWillLoad(){this.validateItems(this.items),this.messages=t(this.element).messages.breadcrumb}render(){return r("nav",{key:"5181512072a7de6e161adcbb9988ae3407f61301","aria-label":this.messages.label,class:"mg-c-breadcrumb"},r("ol",{key:"2a4cec366a72027091ebcbccd78d552884005b93",class:"mg-c-breadcrumb__list"},this.items.map(((e,a)=>{var t;return r("li",{key:`${a}-${null!==(t=e.href)&&void 0!==t?t:e.label}`,class:"mg-c-breadcrumb__list-item"},this.renderItem(e,a===this.items.length-1))}))))}get element(){return a(this)}static get watchers(){return{items:[{validateItems:0}]}}};c.style='a{color:inherit;text-decoration:underline}a:hover,a:focus,a:active{text-decoration:none}.mg-c-breadcrumb{display:block}.mg-c-breadcrumb__list{padding:0;margin:0;list-style:none}.mg-c-breadcrumb__list-item{display:inline;color:var(--mg-b-color-dark);font-weight:700}.mg-c-breadcrumb__list-item:not(:last-child)::after{content:"/";font-weight:600;margin-inline:var(--mg-b-size-8)}.mg-c-breadcrumb__list-item:has(mg-icon) a{padding:var(--mg-b-size-4);margin:calc(var(--mg-b-size-4)*-1)}.mg-c-breadcrumb__list-item mg-icon{margin-block-start:.2rem;vertical-align:top}';export{c as mg_breadcrumb}
1
+ import{r as e,h as r,a}from"./p-C3jUhxdI.js";import{i as t}from"./p-DSEloqPn.js";import{t as i,i as s}from"./p-C7xjtdiw.js";const m=class{constructor(r){e(this,r)}validateItems(e){if(void 0===e||(r=e,!(Array.isArray(r)&&r.length>0&&r.every(((e,a)=>"object"==typeof e&&null!==e&&s(e.label)&&(a===r.length-1||s(e.href)))))))throw new Error(`<mg-breadcrumb> prop "items" is required and all values must be the same type, BreadcrumbItemType. Passed value: ${i(e)}.`);var r}renderItem(e,a){return s(e.href)?r("a",{href:e.href,"aria-label":void 0!==e.icon?e.label:void 0,"aria-current":a?"page":void 0},void 0!==e.icon?r("mg-icon",{icon:e.icon}):e.label):r("span",null,e.label)}componentWillLoad(){this.validateItems(this.items),this.messages=t(this.element).messages.breadcrumb}render(){return r("nav",{key:"af5c541e6a268af67762eb9d384269511fe0be17","aria-label":this.messages.label,class:"mg-c-breadcrumb"},r("ol",{key:"b5fdfe61eb2c826b3462bdd65cacfb73d4f00484",class:"mg-c-breadcrumb__list"},this.items.map(((e,a)=>{var t;return r("li",{key:`${a}-${null!==(t=e.href)&&void 0!==t?t:e.label}`,class:"mg-c-breadcrumb__list-item"},this.renderItem(e,a===this.items.length-1))}))))}get element(){return a(this)}static get watchers(){return{items:[{validateItems:0}]}}};m.style='a{color:inherit;text-decoration:underline}a:hover,a:focus,a:active{text-decoration:none}.mg-c-breadcrumb{display:block}.mg-c-breadcrumb__list{padding:0;margin:0;list-style:none}.mg-c-breadcrumb__list-item{display:inline;color:var(--mg-b-color-dark);font-weight:700}.mg-c-breadcrumb__list-item:not(:last-child)::after{content:"/";font-weight:600;margin-inline:var(--mg-b-size-8)}.mg-c-breadcrumb__list-item:has(mg-icon) a{padding:var(--mg-b-size-4);margin:calc(var(--mg-b-size-4)*-1)}.mg-c-breadcrumb__list-item mg-icon{margin-block-start:.2rem;vertical-align:top}';export{m as mg_breadcrumb}
@@ -1 +1 @@
1
- import{r as t,h as e,a}from"./p-DFwaH2hS.js";import{i}from"./p-DSEloqPn.js";import{i as r,t as s}from"./p-C7xjtdiw.js";const o=class{constructor(e){t(this,e),this.messageHide=!1}watchMessage(t){if(t&&!r(t))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(t)}.`)}componentWillLoad(){this.messages=i(this.element).messages,this.watchMessage(this.message)}render(){return e("div",{key:"da82988810c1e2916a2464299844cad674cd1f12",class:"mg-c-loader","aria-live":"polite"},e("mg-icon",{key:"45588ae8dd55ca582a4872d4c1e731bb00681c28",icon:"loader",spin:!0}),e("span",{key:"3bc07f4bbf8995de61c019942c33c8076793096a",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:[{watchMessage:0}]}}};o.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";export{o as mg_loader}
1
+ import{r as t,h as e,a}from"./p-C3jUhxdI.js";import{i}from"./p-DSEloqPn.js";import{i as r,t as s}from"./p-C7xjtdiw.js";const o=class{constructor(e){t(this,e),this.messageHide=!1}watchMessage(t){if(t&&!r(t))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(t)}.`)}componentWillLoad(){this.messages=i(this.element).messages,this.watchMessage(this.message)}render(){return e("div",{key:"739b4cbacd8a8da056dbb1445c40fac2cf26766a",class:"mg-c-loader","aria-live":"polite"},e("mg-icon",{key:"95d3cbf26fcd6dbf0dad4853bf55aa66385f1aba",icon:"loader",spin:!0}),e("span",{key:"f6322cd3054d8976bd2ec24f86a2d6bb60ca7ae1",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:[{watchMessage:0}]}}};o.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";export{o as mg_loader}
@@ -0,0 +1,2 @@
1
+ const o=()=>{},r=":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-c-card-border-radius-default);--mg-c-modal-title-font-size:var(--mg-b-font-size-h3);--mg-c-panel-border-radius:var(--mg-c-card-border-radius-default);--mg-c-panel-box-shadow:var(--mg-b-box-shadow);--mg-c-panel-content-spacing:var(--mg-b-size-16);--mg-c-popover-border-radius:var(--mg-c-card-border-radius-default);--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}";function e(o,r,e){const t="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;o&&o!==t;){const t=Object.getOwnPropertyDescriptor(o,r);if(t&&(!e||t.get))return t;o=Object.getPrototypeOf(o)}}var t,n=(o,r)=>{var t;Object.entries(null!=(t=r.t.o)?t:{}).map((([t,[n]])=>{if(31&n||32&n){const n=o[t],l=e(Object.getPrototypeOf(o),t,!0)||Object.getOwnPropertyDescriptor(o,t);l&&Object.defineProperty(o,t,{get(){return l.get.call(this)},set(o){l.set.call(this,o)},configurable:!0,enumerable:!0}),r.l.has(t)?o[t]=r.l.get(t):void 0!==n&&(o[t]=n)}}))},l=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},c=(o,r)=>{r&&(o.__stencil__getHostRef=()=>r,r.i=o,512&r.t.m&&n(o,r))},i=(o,r)=>r in o,s=(o,r)=>(0,console.error)(o,r),a=new Map,g=new Map,b="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},f={m:0,u:"",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)},d=o=>Promise.resolve(o),v=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),p=!!v&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),h=!1,y=[],w=[],z=(o,r)=>e=>{o.push(e),h||(h=!0,r&&4&f.m?x(k):f.raf(k))},$=o=>{for(let r=0;r<o.length;r++)try{o[r](performance.now())}catch(o){s(o)}o.length=0},k=()=>{$(y),$(w),(h=y.length>0)&&f.raf(k)},x=o=>d().then(o),S=z(w,!0);function j(){var o;const e=this.attachShadow({mode:"open"});if(void 0===t&&(t=null!=(o=function(o){if(!v)return;const r=new CSSStyleSheet;return r.replaceSync(o),r}(r))?o:null),t)p?e.adoptedStyleSheets.push(t):e.adoptedStyleSheets=[...e.adoptedStyleSheets,t];else if(!v){const o=document.createElement("style");o.innerHTML=r,e.prepend(o)}}var O=o=>{const r=T(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&N(r,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!E(o,M(o),!1).length)}));let e=0;for(e=0;e<r.length;e++){const o=r[e];1===o.nodeType&&T(o,"childNodes").length&&O(o)}};function N(o,r,e){let t,n=0,l=[];for(;n<o.length;n++){if(t=o[n],t["s-sr"]&&(!r||t["s-hn"]===r)&&(void 0===e||M(t)===e)&&(l.push(t),void 0!==e))return l;l=[...l,...N(t.childNodes,r,e)]}return l}var E=(o,r,e=!0)=>{const t=[];(e&&o["s-sr"]||!o["s-sr"])&&t.push(o);let n=o;for(;n=n.nextSibling;)M(n)!==r||!e&&n["s-sr"]||t.push(n);return t},C=(o,r)=>1===o.nodeType?null===o.getAttribute("slot")&&""===r||o.getAttribute("slot")===r:o["s-sn"]===r||""===r,M=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function T(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)}function L(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}var R,A,F,P=new WeakMap,D=o=>"sc-"+o.v,H=o=>"object"==(o=typeof o)||"function"===o,U=(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&&!H(t))&&(t+=""),c&&i?s[s.length-1].p+=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.h=r,s.length>0&&(g.$=s),g.k=n,g.S=l,g},_=(o,r)=>({m:0,j:o,p:null!=r?r:null,O:null,$:null,h:null,k:null,S:null}),W={},B={forEach:(o,r)=>o.map(V).forEach(r),map:(o,r)=>o.map(V).map(r).map(q)},V=o=>({vattrs:o.h,vchildren:o.$,vkey:o.k,vname:o.S,vtag:o.j,vtext:o.p}),q=o=>{if("function"==typeof o.vtag){const r={...o.vattrs};return o.vkey&&(r.key=o.vkey),o.vname&&(r.name=o.vname),U(o.vtag,r,...o.vchildren||[])}const r=_(o.vtag,o.vtext);return r.h=o.vattrs,r.$=o.vchildren,r.k=o.vkey,r.S=o.vname,r},Y=o=>{if(!o)return;const r=Object.keys(o);if(0===r.length)return;let e=!1;for(const t of r){if(e)break;for(const r of o[t])if("string"==typeof r){e=!0;break}}if(!e)return o;const t={};for(const e of r)t[e]=o[e].map((o=>"string"==typeof o?{[o]:0}:o));return t},G=(o,r)=>null==o||H(o)?o:4&r?"false"!==o&&(""===o||!!o):2&r?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&r?o+"":o,I=o=>{var r;return null==(r=l(o))?void 0:r.$hostElement$},Z=(o,r,e)=>{const t=I(o);return{emit:o=>J(t,r,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},J=(o,r,e)=>{const t=f.ce(r,e);return o.dispatchEvent(t),t},K=(o,r,e,t,n,c)=>{if(e===t)return;let s=i(o,r),a=r.toLowerCase();if("class"===r){const r=o.classList,n=X(e);let l=X(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&&$o(t,o);else if(s||"o"!==r[0]||"n"!==r[1]){if("a"===r[0]&&r.startsWith("attr:")){const e=r.slice(5);let n;{const r=l(o);if(r&&r.t&&r.t.o){const o=r.t.o[e];o&&o[1]&&(n=o[1])}}return n||(n=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==t||!1===t?!1===t&&""!==o.getAttribute(n)||o.removeAttribute(n):o.setAttribute(n,!0===t?"":t))}if("p"===r[0]&&r.startsWith("prop:")){const e=r.slice(5);try{o[e]=t}catch(o){}return}{const l=H(t);if((s||l&&null!==t)&&!n)try{if(o.tagName.includes("-"))o[r]!==t&&(o[r]=t);else{const n=null==t?"":t;"list"===r?s=!1:null!=e&&o[r]===n||("function"==typeof o.__lookupSetter__(r)?o[r]=n:o.setAttribute(r,n))}}catch(o){}let i=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(r=a,i=!0),null==t||!1===t?!1===t&&""!==o.getAttribute(r)||(i?o.removeAttributeNS(m,r):o.removeAttribute(r)):(!s||4&c||n)&&!l&&1===o.nodeType&&(t=!0===t?"":t,i?o.setAttributeNS(m,r,t):o.setAttribute(r,t))}}else if(r="-"===r[2]?r.slice(3):i(u,a)?a.slice(2):a[2]+r.slice(3),e||t){const n=r.endsWith(oo);r=r.replace(ro,""),e&&f.rel(o,r,e,n),t&&f.ael(o,r,t,n)}},Q=/\s/,X=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(Q):[]),oo="Capture",ro=RegExp(oo+"$"),eo=(o,r,e)=>{const t=11===r.O.nodeType&&r.O.host?r.O.host:r.O,n=o&&o.h||{},l=r.h||{};for(const o of to(Object.keys(n)))o in l||K(t,o,n[o],void 0,e,r.m);for(const o of to(Object.keys(l)))K(t,o,n[o],l[o],e,r.m)};function to(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var no=!1,lo=!1,co=!1,io=!1,so=[],ao=[],go=(o,r,e)=>{var t;const n=r.$[e];let l,c,i,s=0;if(no||(co=!0,"slot"===n.j&&(n.m|=n.$?2:1)),null!=n.p)l=n.O=u.document.createTextNode(n.p);else if(1&n.m)l=n.O=u.document.createTextNode(""),eo(null,n,io);else{if(!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=n.O=u.document.createElement(!no&&2&n.m?"slot-fb":n.j),eo(null,n,io),null!=R&&void 0!==R&&l["s-si"]!==R&&l.classList.add(l["s-si"]=R),n.$){const r="template"===n.j?l.content:l;for(s=0;s<n.$.length;++s)c=go(o,n,s),c&&r.appendChild(c)}}return l["s-hn"]=F,3&n.m&&(l["s-sr"]=!0,l["s-cr"]=A,l["s-sn"]=n.S||"",l["s-rf"]=null==(t=n.h)?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===M(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.$&&o.$[e],i&&i.j===n.j&&o.O&&bo(o.O),xo(A,l,r.O,null==o?void 0:o.O)),l},bo=o=>{f.m|=1;const r=o.closest(F.toLowerCase());if(null!=r){const e=Array.from(r.__childNodes||r.childNodes).find((o=>o["s-cr"])),t=Array.from(o.__childNodes||o.childNodes);for(const o of e?t.reverse():t)null!=o["s-sh"]&&(ko(r,o,null!=e?e:null),o["s-sh"]=void 0,co=!0)}f.m&=-2},mo=(o,r)=>{f.m|=1;const e=Array.from(o.__childNodes||o.childNodes);if(o["s-sr"]){let r=o;for(;r=r.nextSibling;)r&&r["s-sn"]===o["s-sn"]&&r["s-sh"]===F&&e.push(r)}for(let o=e.length-1;o>=0;o--){const t=e[o];t["s-hn"]!==F&&t["s-ol"]&&(ko(po(t).parentNode,t,po(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,co=!0),r&&mo(t,r)}f.m&=-2},uo=(o,r,e,t,n,l)=>{let c,i=o["s-cr"]&&o["s-cr"].parentNode||o;for(i.shadowRoot&&i.tagName===F&&(i=i.shadowRoot),"template"===e.j&&(i=i.content);n<=l;++n)t[n]&&(c=go(null,e,n),c&&(t[n].O=c,ko(i,c,po(r))))},fo=(o,r,e)=>{for(let t=r;t<=e;++t){const r=o[t];if(r){const o=r.O;zo(r),o&&(lo=!0,o["s-ol"]?o["s-ol"].remove():mo(o,!0),o.remove())}}},vo=(o,r,e=!1)=>o.j===r.j&&("slot"===o.j?o.S===r.S:e?(e&&!o.k&&r.k&&(o.k=r.k),!0):o.k===r.k),po=o=>o&&o["s-ol"]||o,ho=(o,r,e=!1)=>{const t=r.O=o.O,n=o.$,l=r.$,c=r.p;let i;null==c?("slot"!==r.j||no||o.S!==r.S&&(r.O["s-sn"]=r.S||"",bo(r.O.parentElement)),eo(o,r,io),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],f=t.length-1,d=t[0],v=t[f];const p="template"===e.j?o.content:o;for(;i<=b&&s<=f;)if(null==m)m=r[++i];else if(null==u)u=r[--b];else if(null==d)d=t[++s];else if(null==v)v=t[--f];else if(vo(m,d,n))ho(m,d,n),m=r[++i],d=t[++s];else if(vo(u,v,n))ho(u,v,n),u=r[--b],v=t[--f];else if(vo(m,v,n))"slot"!==m.j&&"slot"!==v.j||mo(m.O.parentNode,!1),ho(m,v,n),ko(p,m.O,u.O.nextSibling),m=r[++i],v=t[--f];else if(vo(u,d,n))"slot"!==m.j&&"slot"!==v.j||mo(u.O.parentNode,!1),ho(u,d,n),ko(p,u.O,m.O),u=r[--b],d=t[++s];else{for(a=-1,g=i;g<=b;++g)if(r[g]&&null!==r[g].k&&r[g].k===d.k){a=g;break}a>=0?(c=r[a],c.j!==d.j?l=go(r&&r[s],e,a):(ho(c,d,n),r[a]=void 0,l=c.O),d=t[++s]):(l=go(r&&r[s],e,s),d=t[++s]),l&&ko(po(m.O).parentNode,l,po(m.O))}i>b?uo(o,null==t[f+1]?null:t[f+1].O,e,t,s,f):s>f&&fo(r,i,b)})(t,n,r,l,e):null!==l?(null!==o.p&&(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.p!==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"]||r["s-sh"]&&r["s-sh"]===o["s-hn"]))if(C(r,n)){let e=yo.find((o=>o.N===r));lo=!0,r["s-sn"]=r["s-sn"]||n,e?(e.N["s-sh"]=o["s-hn"],e.C=o):(r["s-sh"]=o["s-hn"],yo.push({C:o,N:r})),r["s-sr"]&&yo.map((o=>{C(o.N,r["s-sn"])&&(e=yo.find((o=>o.N===r)),e&&!o.C&&(o.C=e.C))}))}else yo.some((o=>o.N===r))||yo.push({N:r})}1===o.nodeType&&wo(o)}},zo=o=>{o.h&&o.h.ref&&so.push((()=>o.h.ref(null))),o.$&&o.$.map(zo)},$o=(o,r)=>{ao.push((()=>o(r)))},ko=(o,r,e,t)=>{if("string"==typeof r["s-sn"]&&r["s-sr"]&&r["s-cr"])xo(r["s-cr"],r,o,r.parentElement);else if("string"==typeof r["s-sn"]){o.insertBefore(r,e);const{slotNode:n}=function(o,r){var e;if(!(r=r||(null==(e=o["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const t=o["s-sn"]=M(o)||"";return{slotNode:N(T(r,"childNodes"),r.tagName,t)[0],slotName:t}}(r);return n&&!t&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(n),r}return o.__insertBefore?o.__insertBefore(r,e):null==o?void 0:o.insertBefore(r,e)};function xo(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 So=(o,r)=>{if(r&&!o.M&&r["s-p"]){const e=r["s-p"].push(new Promise((t=>o.M=()=>{r["s-p"].splice(e-1,1),t()})))}},jo=(o,r)=>{if(o.m|=16,4&o.m)return void(o.m|=512);So(o,o.T);const e=()=>Oo(o,r);if(!r)return S(e);queueMicrotask((()=>{e()}))},Oo=(o,r)=>{const e=o.$hostElement$,t=o.i;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.L&&(o.L=!1,Ao(t,"connectedCallback",void 0,e)),o.m|=256,o.R&&(o.R.map((([o,r])=>Ao(t,o,r,e))),o.R=void 0),o.A.length&&o.A.forEach((o=>o(e))),n=Ao(t,"componentWillLoad",void 0,e)):n=Ao(t,"componentWillUpdate",void 0,e),n=No(n,(()=>Ao(t,"componentWillRender",void 0,e))),No(n,(()=>Co(o,t,r)))},No=(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.t,e=o.$hostElement$,t=r.m,n=((o,r)=>{var e,t,n;const l=D(r),c=g.get(l);if(!u.document)return l;if(o=11===o.nodeType?o:u.document,c)if("string"==typeof c){let n,i=P.get(o=o.head||o);if(i||P.set(o,i=new Set),!i.has(l)){n=u.document.createElement("style"),n.textContent=c;const s=null!=(e=f.F)?e:L(u.document);if(null!=s&&n.setAttribute("nonce",s),!(1&r.m))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(n,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(v){const r=new(null!=(t=o.defaultView)?t:o.ownerDocument.defaultView).CSSStyleSheet;r.replaceSync(c),p?o.adoptedStyleSheets.unshift(r):o.adoptedStyleSheets=[r,...o.adoptedStyleSheets]}else{const r=o.querySelector("style");r?r.textContent=c+r.textContent:o.prepend(n)}else o.append(n);1&r.m&&o.insertBefore(n,null),4&r.m&&(n.textContent+=b),i&&i.add(l)}}else{let r=P.get(o);if(r||P.set(o,r=new Set),!r.has(l)){const e=null!=(n=o.defaultView)?n:o.ownerDocument.defaultView;let t;if(c.constructor===e.CSSStyleSheet)t=c;else{t=new e.CSSStyleSheet;for(let o=0;o<c.cssRules.length;o++)t.insertRule(c.cssRules[o].cssText,o)}p?o.adoptedStyleSheets.push(t):o.adoptedStyleSheets=[...o.adoptedStyleSheets,t],r.add(l)}}return l})(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=()=>To(o);0===r.length?e():(Promise.all(r).then(e).catch(e),o.m|=4,r.length=0)}},Mo=(o,r,e,t)=>{try{r=r.render&&r.render(),o.m&=-17,o.m|=2,((o,r,e=!1)=>{var t,n,l,c,i;const s=o.$hostElement$,a=o.t,g=o.P||_(null,null),b=(o=>o&&o.j===W)(r)?r:U(null,null,r);if(F=s.tagName,a.D&&(b.h=b.h||{},a.D.forEach((([o,r])=>{b.h[r]=s[o]}))),e&&b.h)for(const o of Object.keys(b.h))s.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(b.h[o]=s[o]);if(b.j=null,b.m|=4,o.P=b,b.O=g.O=s.shadowRoot||s,R=s["s-sc"],no=!(!(1&a.m)||128&a.m),A=s["s-cr"],lo=!1,ho(g,b,e),f.m|=1,co){wo(b.O);for(const o of yo){const r=o.N;if(!r["s-ol"]&&u.document){const o=u.document.createTextNode("");o["s-nr"]=r,ko(r.parentNode,r["s-ol"]=o,r,e)}}for(const o of yo){const r=o.N,i=o.C;if(1===r.nodeType&&e&&(r["s-ih"]=null!=(t=r.hidden)&&t),i){const o=i.parentNode;let t=i.nextSibling;if(t&&1===t.nodeType){let e=null==(n=r["s-ol"])?void 0:n.previousSibling;for(;e;){let n=null!=(l=e["s-nr"])?l:null;if(n&&n["s-sn"]===r["s-sn"]&&o===(n.__parentNode||n.parentNode)){for(n=n.nextSibling;n===r||(null==n?void 0:n["s-sr"]);)n=null==n?void 0:n.nextSibling;if(!n||!n["s-nr"]){t=n;break}}e=e.previousSibling}}if((!t&&o!==(r.__parentNode||r.parentNode)||(r.__nextSibling||r.nextSibling)!==t)&&r!==t){if(ko(o,r,t,e),8===r.nodeType&&r.nodeValue.startsWith("s-nt-")){const o=u.document.createTextNode(r.nodeValue.replace(/^s-nt-/,""));o["s-hn"]=r["s-hn"],o["s-sn"]=r["s-sn"],o["s-sh"]=r["s-sh"],o["s-sr"]=r["s-sr"],o["s-ol"]=r["s-ol"],o["s-ol"]["s-nr"]=o,ko(r.parentNode,o,r,e),r.parentNode.removeChild(r)}1===r.nodeType&&"SLOT-FB"!==r.tagName&&(r.hidden=null!=(c=r["s-ih"])&&c)}r&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===r.nodeType&&(r.hidden=!0)}}if(lo&&O(b.O),f.m&=-2,yo.length=0,!no&&!(1&a.m)&&s["s-cr"]){const o=b.O.__childNodes||b.O.childNodes;for(const r of o)if(r["s-hn"]!==F&&!r["s-sh"])if(e&&null==r["s-ih"]&&(r["s-ih"]=null!=(i=r.hidden)&&i),1===r.nodeType)r.hidden=!0;else if(3===r.nodeType&&r.nodeValue.trim()){const o=u.document.createComment("s-nt-"+r.nodeValue);o["s-sn"]=r["s-sn"],ko(r.parentNode,o,r,e),r.parentNode.removeChild(r)}}A=void 0,so.forEach((o=>o())),so.length=0,ao.forEach((o=>o())),ao.length=0})(o,r,t)}catch(r){s(r,o.$hostElement$)}return null},To=o=>{const r=o.$hostElement$,e=o.i,t=o.T;Ao(e,"componentDidRender",void 0,r),64&o.m?Ao(e,"componentDidUpdate",void 0,r):(o.m|=64,Fo(r),Ao(e,"componentDidLoad",void 0,r),o.H(r),t||Ro()),o.U(r),o.M&&(o.M(),o.M=void 0),512&o.m&&x((()=>jo(o,!1))),o.m&=-517},Lo=o=>{var r;{const e=l(o),t=null==(r=null==e?void 0:e.$hostElement$)?void 0:r.isConnected;return t&&2==(18&e.m)&&jo(e,!1),t}},Ro=()=>{x((()=>J(u,"appload",{detail:{namespace:"mg-components"}})))},Ao=(o,r,e,t)=>{if(o&&o[r])try{return o[r](e)}catch(o){s(o,t)}},Fo=o=>o.classList.add("hydrated"),Po=(o,r,e,t)=>{const n=l(o);if(!n)return;if(!n)throw Error(`Couldn't find host element for "${t.v}" 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 c=n.$hostElement$,i=n.l.get(r),a=n.m,g=n.i;if(e=G(e,t.o[r][0]),!(8&a&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e))){if(n.l.set(r,e),t._){const o=t._[r];o&&o.map((o=>{try{const[[t,l]]=Object.entries(o);(128&a||1&l)&&(g?g[t](e,i,r):n.A.push((()=>{n.i[t](e,i,r)})))}catch(o){s(o,c)}}))}if(2&a){if(g.componentShouldUpdate&&!1===g.componentShouldUpdate(e,i,r)&&!(16&a))return;16&a||jo(n,!1)}}},Do=(o,r,t)=>{var n,c;const i=o.prototype;{o.watchers&&!r._&&(r._=Y(o.watchers)),o.deserializers&&!r.W&&(r.W=o.deserializers),o.serializers&&!r.B&&(r.B=o.serializers);const s=Object.entries(null!=(n=r.o)?n:{});if(s.map((([o,[n]])=>{if(31&n||2&t&&32&n){const{get:c,set:s}=e(i,o)||{};c&&(r.o[o][0]|=2048),s&&(r.o[o][0]|=4096),(1&t||!c)&&Object.defineProperty(i,o,{get(){{if(!(2048&r.o[o][0]))return((o,r)=>l(this).l.get(r))(0,o);const e=l(this),t=e?e.i:i;if(!t)return;return t[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,o,{set(e){const c=l(this);if(c){if(s)return void 0===(32&n?this[o]:c.$hostElement$[o])&&c.l.get(o)&&(e=c.l.get(o)),s.call(this,G(e,n)),void Po(this,o,e=32&n?this[o]:c.$hostElement$[o],r);{if(!(1&t&&4096&r.o[o][0]))return Po(this,o,e,r),void(1&t&&!c.i&&c.A.push((()=>{4096&r.o[o][0]&&c.i[o]!==c.l.get(o)&&(c.i[o]=e)})));const l=()=>{const t=c.i[o];!c.l.get(o)&&t&&c.l.set(o,t),c.i[o]=G(e,n),Po(this,o,c.i[o],r)};c.i?l():c.A.push((()=>{l()}))}}}})}else 1&t&&64&n&&Object.defineProperty(i,o,{value(...r){var e;const t=l(this);return null==(e=null==t?void 0:t.V)?void 0:e.then((()=>{var e;return null==(e=t.i)?void 0:e[o](...r)}))}})})),1&t){const e=new Map;i.attributeChangedCallback=function(o,t,n){f.jmp((()=>{var c;const a=e.get(o),g=l(this);if(this.hasOwnProperty(a)&&(n=this[a],delete this[a]),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==n)return;if(null==a){const e=null==g?void 0:g.m;if(g&&e&&!(8&e)&&n!==t){const l=g.i,i=null==(c=r._)?void 0:c[o];null==i||i.forEach((r=>{const[[c,i]]=Object.entries(r);null!=l[c]&&(128&e||1&i)&&l[c].call(l,n,t,o)}))}return}const b=s.find((([o])=>o===a)),m=b&&4&b[1][0],u=m&&null===n&&void 0===this[a];m&&(n=null!==n&&"false"!==n);const f=Object.getOwnPropertyDescriptor(i,a);u||n==this[a]||f.get&&!f.set||(this[a]=n)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(c=r._)?c:{}),...s.filter((([o,r])=>31&r[0])).map((([o,t])=>{var n;const l=t[1]||o;return e.set(l,o),512&t[0]&&(null==(n=r.D)||n.push([o,l])),l}))]))}}return o},Ho=(o,r)=>{Ao(o,"connectedCallback",void 0,r)},Uo=(o,r)=>{Ao(o,"disconnectedCallback",void 0,r||o)},_o=(o,r={})=>{var e;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=[],n=r.exclude||[],c=u.customElements,i=u.document.head,m=i.querySelector("meta[charset]"),d=u.document.createElement("style"),p=[];let h,y=!0;Object.assign(f,r),f.u=new URL(r.resourcesUrl||"./",u.document.baseURI).href;let w=!1;if(o.map((o=>{o[1].map((r=>{var e,i;const b={m:r[0],v:r[1],o:r[2],q:r[3]};4&b.m&&(w=!0),b.o=r[2],b.q=r[3],b.D=[],b._=Y(r[4]),b.B=null!=(e=r[5])?e:{},b.W=null!=(i=r[6])?i:{};const m=b.v,d=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(o){if(super(o),((o,r)=>{const e={m:0,$hostElement$:o,t:r,l:new Map,Y:new Map};e.V=new Promise((o=>e.U=o)),e.G=new Promise((o=>e.H=o)),o["s-p"]=[],o["s-rc"]=[],e.A=[];const t=e;o.__stencil__getHostRef=()=>t})(o=this,b),1&b.m)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${b.v}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(o,b)}connectedCallback(){const o=l(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Wo(this,o,b.q)),h&&(clearTimeout(h),h=null),y?p.push(this):f.jmp((()=>(o=>{if(!(1&f.m)){const r=l(o);if(!r)return;const e=r.t,t=()=>{};if(1&r.m)Wo(o,r,e.q),(null==r?void 0:r.i)?Ho(r.i,o):(null==r?void 0:r.G)&&r.G.then((()=>Ho(r.i,o)));else{r.m|=1,12&e.m&&(o=>{if(!u.document)return;const r=o["s-cr"]=u.document.createComment("");r["s-cn"]=!0,ko(o,r,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){So(r,r.T=e);break}}e.o&&Object.entries(e.o).map((([r,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(o,r)){const e=o[r];delete o[r],o[r]=e}})),(async(o,r,e)=>{let t;try{if(!(32&r.m)){if(r.m|=32,e.I){const n=((o,r)=>{const e=o.v.replace(/-/g,"_"),t=o.I;if(!t)return;const n=a.get(t);return n?n[e]:import(`./${t}.entry.js`).then((o=>(a.set(t,o),o[e])),(o=>{s(o,r.$hostElement$)}))
2
+ /*!__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.v}#${r.Z}" was not found`);t.isProxied||(e._=Y(t.watchers),e.B=t.serializers,e.W=t.deserializers,Do(t,e,2),t.isProxied=!0);const l=()=>{};r.m|=8;try{new t(r)}catch(r){s(r,o)}r.m&=-9,r.m|=128,l(),4&e.m?r.L=!0:Ho(r.i,o)}else t=o.constructor,customElements.whenDefined(o.localName).then((()=>r.m|=128));if(t&&t.style){let o;"string"==typeof t.style&&(o=t.style);const r=D(e);if(!g.has(r)){const t=()=>{};((o,r,e)=>{let t=g.get(o);v&&e?(t=t||new CSSStyleSheet,"string"==typeof t?t=r:t.replaceSync(r)):t=r,g.set(o,t)})(r,o,!!(1&e.m)),t()}}}const n=r.T,l=()=>jo(r,!0);n&&n["s-rc"]?n["s-rc"].push(l):l()}catch(e){s(e,o),r.M&&(r.M(),r.M=void 0),r.H&&r.H(o)}})(o,r,e)}t()}})(this))))}disconnectedCallback(){f.jmp((()=>(async o=>{if(!(1&f.m)){const r=l(o);(null==r?void 0:r.J)&&(r.J.map((o=>o())),r.J=void 0),(null==r?void 0:r.i)?Uo(r.i,o):(null==r?void 0:r.G)&&r.G.then((()=>Uo(r.i,o)))}P.has(o)&&P.delete(o),o.shadowRoot&&P.has(o.shadowRoot)&&P.delete(o.shadowRoot)})(this))),f.raf((()=>{var o;const r=l(this);if(!r)return;const e=p.findIndex((o=>o===this));e>-1&&p.splice(e,1),(null==(o=null==r?void 0:r.P)?void 0:o.O)instanceof Node&&!r.P.O.isConnected&&delete r.P.O}))}componentOnReady(){var o;return null==(o=l(this))?void 0:o.G}};b.I=o[0],n.includes(m)||c.get(m)||(t.push(m),c.define(m,Do(d,b,1)))}))})),t.length>0&&(w&&(d.textContent+=b),d.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",d.innerHTML.length)){d.setAttribute("data-styles","");const o=null!=(e=f.F)?e:L(u.document);null!=o&&d.setAttribute("nonce",o),i.insertBefore(d,m?m.nextSibling:i.firstChild)}y=!1,p.length?p.map((o=>o.connectedCallback())):f.jmp((()=>h=setTimeout(Ro,30)))},Wo=(o,r,e)=>{e&&u.document&&e.map((([e,t,n])=>{const l=o,c=Bo(r,n),i=Vo(e);f.ael(l,t,c,i),(r.J=r.J||[]).push((()=>f.rel(l,t,c,i)))}))},Bo=(o,r)=>e=>{var t;try{256&o.m?null==(t=o.i)||t[r](e):(o.R=o.R||[]).push([r,e])}catch(r){s(r,o.$hostElement$)}},Vo=o=>({passive:!!(1&o),capture:!!(2&o)}),qo=o=>f.F=o;export{W as H,I as a,_o as b,Z as c,Lo as f,o as g,U as h,d as p,c as r,qo as s}
@@ -1 +1 @@
1
- import{r as i,c as t,h as e,a as s}from"./p-DFwaH2hS.js";import{C as r,b as a,t as o,i as n,c as h}from"./p-C7xjtdiw.js";import{l,i as p}from"./p-DSEloqPn.js";import{a as c}from"./p-C9rmNQIL.js";const m=class{constructor(s){i(this,s),this.valueChange=t(this,"value-change",7),this.inputValid=t(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.multiple=!1,this.required=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--file"]),this.files=[],this.setValidity=i=>{const t=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||i)||(this.valid=i),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==t)&&this.inputValid.emit(this.valid)},this.handleInputChange=i=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.files=Array.from(i.target.files),this.fileButtonElement.focus()},this.handleInputFocus=()=>{this.fileButtonElement.dataset.focusVisible=""},this.handleInputBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0})),delete this.fileButtonElement.dataset.focusVisible},this.handleButtonBlur=()=>{this.inputElement.blur()},this.handleButtonClick=()=>{this.inputElement.click()},this.checkValidity=()=>{this.setValidity(this.disabled||!this.isMaxSizeExceeded()&&this.inputElement.checkValidity())},this.handleDeleteFileClick=()=>{this.files=[],this.fileButtonElement.focus()},this.setErrorMessage=(i=!1)=>{this.errorMessage=void 0,this.valid||(i||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.isMaxSizeExceeded()?this.errorMessage=this.messages.input.file.errors.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale)):this.inputElement.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.isMaxSizeExceeded=()=>this.maxSize>=0&&this.files.some((i=>i.size>this.maxSize)),this.renderFiles=()=>{const i=`${this.identifier}-file-list`,t=i=>e("span",{class:"mg-c-input__file-item-name"},i.name,i.size>0?e("span",{class:"mg-c-input__file-item-size"},` ${l(i.size,this.locale)}`):void 0),s=()=>e("mg-button",{variant:"flat",class:"mg-c-input__file-delete-button","is-icon":!0,label:this.messages.input.file.deleteButton,type:"button",disabled:this.disabled,"aria-controls":[this.identifier,i].join(" "),onClick:this.handleDeleteFileClick},e("mg-icon",{icon:"cross"}));return 0===this.files.length?null:1===this.files.length?e("div",{class:"mg-c-input__file-item"},t(this.files[0]),s()):e("div",{class:"mg-c-input__file-list-container"},e("ul",{role:"list",class:"mg-c-input__file-list",id:i},Array.from(this.files).map(((i,s)=>e("li",{class:"mg-c-input__file-item",key:`${i.name}-${s}`},t(i))))),s())}}watchValue(i){if(a(i))this.files=this.value.map((i=>new File([],i)));else if(t=i,Array.isArray(t)&&t.every((i=>h(i)&&"string"==typeof i.name&&"number"==typeof i.size)))this.files=this.value;else{if(void 0!==i)throw new Error(`<mg-input-file> prop "value" must be an array of strings or File objects. Passed value: ${o(i)}.`);this.files=[]}var t;this.valueChange.emit(i)}watchMultiple(){if(!1===this.multiple&&this.files.length>1)throw new Error('<mg-input-file> prop "value" must be a single file when prop "multiple" is set to false.')}watchAccept(i){if(void 0!==i&&!n(i))throw new Error('<mg-input-file> prop "accept" must be a valid string.')}handleValidityChange(i,t,e){void 0!==this.inputElement&&(this.inputElement[e]=i,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(i){i?this.classCollection.add(c):this.classCollection.delete(c)}watchHelpText(){if(!n(this.helpText)){const i=[];void 0!==this.maxSize&&i.push(this.messages.input.file.helpText.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale))),void 0!==this.accept&&i.push(this.messages.input.file.helpText.accept.replace("{{accept}}",this.accept)),this.helpText=i.join(". ")}}watchFiles(i,t){o(i)!==o(t)&&(this.value=i.length>0?i:void 0)}async setFocus(){this.fileButtonElement.focus()}displayError(){return new Promise((i=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,i()}))}))}async setError(i,t,e=!1){if("boolean"!=typeof i)throw new Error('<mg-input-file> method "setError()" param "valid" must be a boolean.');if(void 0!==t&&!n(t))throw new Error('<mg-input-file> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!i&&e,message:i?void 0:t},this.setValidity(i),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){return this.files=[],new Promise((i=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,i()}))}))}componentWillLoad(){const i=p(this.element);return this.locale=i.locale,this.messages=i.messages,this.watchValue(this.value),this.watchDisabled(this.disabled),this.watchHelpText(),this.watchAccept(this.accept),this.watchMultiple(),setTimeout((()=>{this.checkValidity()}),0)}render(){return e("mg-input",{key:"48337d8e0a059dbea60c4bfa152468429b37b897",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},e("div",{key:"b0a67412ce2a054ce84f001efe01156bfce001a1",class:"mg-c-input__file-container"},e("input",{key:"0585b37ac4da8e5b29b94c04a298cfd8451016c9",name:this.name,id:this.identifier,class:"mg-u-visually-hidden",type:"file",multiple:!0===this.multiple,capture:this.capture,accept:this.accept,disabled:this.disabled,required:0===this.files.length&&this.required,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onChange:this.handleInputChange,"aria-invalid":(!0===this.invalid).toString(),ref:i=>{this.inputElement=i}}),e("mg-button",{key:"0c71ea34375f60a357ad2aa38353c7acafc1091a",variant:"secondary",class:"mg-c-input__file-button",type:"button",disabled:this.disabled,onClick:this.handleButtonClick,onBlur:this.handleButtonBlur,tabindex:"-1",ref:i=>{this.fileButtonElement=i}},this.messages.input.file.browse),this.renderFiles()))}get element(){return s(this)}static get watchers(){return{value:[{watchValue:0},{watchMultiple:0}],multiple:[{watchMultiple:0}],accept:[{watchAccept:0},{watchHelpText:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],helpText:[{watchHelpText:0}],maxSize:[{watchHelpText:0}],files:[{watchFiles:0}]}}};m.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:-0.2rem;outline-style:solid;outline-width:.2rem}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-input__file-container{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-input__file-item{display:inline-flex;min-height:var(--mg-b-size-min-height);align-items:center;padding-left:var(--mg-b-size-8);background-color:var(--mg-b-color-neutral-10);font-weight:600;gap:var(--mg-b-size-8)}.mg-c-input__file-item-name{word-break:break-all}.mg-c-input__file-item-size{color:var(--mg-b-color-neutral-90);font-weight:400;word-break:normal}.mg-c-input__file-delete-button{align-self:flex-start}.mg-c-input__file-list{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--mg-b-size-4);list-style:none}.mg-c-input__file-list .mg-c-input__file-item{min-height:unset;padding:var(--mg-b-size-8)}.mg-c-input__file-list-container{position:relative;padding:var(--mg-b-size-8) calc(var(--mg-b-size-8) + var(--mg-b-size-min-height)) var(--mg-b-size-8) var(--mg-b-size-8);border:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);border-radius:var(--mg-b-size-4)}.mg-c-input__file-list-container .mg-c-input__file-delete-button{position:absolute;top:0;right:0}";export{m as mg_input_file}
1
+ import{r as i,c as t,h as e,a as s}from"./p-C3jUhxdI.js";import{C as r,b as o,t as n,i as a,c as h}from"./p-C7xjtdiw.js";import{l,i as p}from"./p-DSEloqPn.js";import{a as c}from"./p-C9rmNQIL.js";const m=class{constructor(s){i(this,s),this.valueChange=t(this,"value-change",7),this.inputValid=t(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.multiple=!1,this.required=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--file"]),this.files=[],this.setValidity=i=>{const t=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||i)||(this.valid=i),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==t)&&this.inputValid.emit(this.valid)},this.handleInputChange=i=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.files=Array.from(i.target.files),this.fileButtonElement.focus()},this.handleInputFocus=()=>{this.fileButtonElement.dataset.focusVisible=""},this.handleInputBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0})),delete this.fileButtonElement.dataset.focusVisible},this.handleButtonBlur=()=>{this.inputElement.blur()},this.handleButtonClick=()=>{this.inputElement.click()},this.checkValidity=()=>{this.setValidity(this.disabled||!this.isMaxSizeExceeded()&&this.inputElement.checkValidity())},this.handleDeleteFileClick=()=>{this.files=[],this.fileButtonElement.focus()},this.setErrorMessage=(i=!1)=>{this.errorMessage=void 0,this.valid||(i||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.isMaxSizeExceeded()?this.errorMessage=this.messages.input.file.errors.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale)):this.inputElement.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.isMaxSizeExceeded=()=>this.maxSize>=0&&this.files.some((i=>i.size>this.maxSize)),this.renderFiles=()=>{const i=`${this.identifier}-file-list`,t=i=>e("span",{class:"mg-c-input__file-item-name"},i.name,i.size>0?e("span",{class:"mg-c-input__file-item-size"},` ${l(i.size,this.locale)}`):void 0),s=()=>e("mg-button",{variant:"flat",class:"mg-c-input__file-delete-button","is-icon":!0,label:this.messages.input.file.deleteButton,type:"button",disabled:this.disabled,"aria-controls":[this.identifier,i].join(" "),onClick:this.handleDeleteFileClick},e("mg-icon",{icon:"cross"}));return 0===this.files.length?null:1===this.files.length?e("div",{class:"mg-c-input__file-item"},t(this.files[0]),s()):e("div",{class:"mg-c-input__file-list-container"},e("ul",{role:"list",class:"mg-c-input__file-list",id:i},Array.from(this.files).map(((i,s)=>e("li",{class:"mg-c-input__file-item",key:`${i.name}-${s}`},t(i))))),s())}}watchValue(i){if(o(i))this.files=this.value.map((i=>new File([],i)));else if(t=i,Array.isArray(t)&&t.every((i=>h(i)&&"string"==typeof i.name&&"number"==typeof i.size)))this.files=this.value;else{if(void 0!==i)throw new Error(`<mg-input-file> prop "value" must be an array of strings or File objects. Passed value: ${n(i)}.`);this.files=[]}var t;this.valueChange.emit(i)}watchMultiple(){if(!1===this.multiple&&this.files.length>1)throw new Error('<mg-input-file> prop "value" must be a single file when prop "multiple" is set to false.')}watchAccept(i){if(void 0!==i&&!a(i))throw new Error('<mg-input-file> prop "accept" must be a valid string.')}handleValidityChange(i,t,e){void 0!==this.inputElement&&(this.inputElement[e]=i,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(i){i?this.classCollection.add(c):this.classCollection.delete(c)}watchHelpText(){if(!a(this.helpText)){const i=[];void 0!==this.maxSize&&i.push(this.messages.input.file.helpText.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale))),void 0!==this.accept&&i.push(this.messages.input.file.helpText.accept.replace("{{accept}}",this.accept)),this.helpText=i.join(". ")}}watchFiles(i,t){n(i)!==n(t)&&(this.value=i.length>0?i:void 0)}async setFocus(){this.fileButtonElement.focus()}displayError(){return new Promise((i=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,i()}))}))}async setError(i,t,e=!1){if("boolean"!=typeof i)throw new Error('<mg-input-file> method "setError()" param "valid" must be a boolean.');if(void 0!==t&&!a(t))throw new Error('<mg-input-file> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!i&&e,message:i?void 0:t},this.setValidity(i),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){return this.files=[],new Promise((i=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,i()}))}))}componentWillLoad(){const i=p(this.element);return this.locale=i.locale,this.messages=i.messages,this.watchValue(this.value),this.watchDisabled(this.disabled),this.watchHelpText(),this.watchAccept(this.accept),this.watchMultiple(),setTimeout((()=>{this.checkValidity()}),0)}render(){return e("mg-input",{key:"075d0b55b004653115305f5dd0d6bc897fd3e9ed",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},e("div",{key:"16ce644751bf7e4a23876ed59e7076625661794c",class:"mg-c-input__file-container"},e("input",{key:"e00df3de20567ef52825ca002b838a81e586c777",name:this.name,id:this.identifier,class:"mg-u-visually-hidden",type:"file",multiple:!0===this.multiple,capture:this.capture,accept:this.accept,disabled:this.disabled,required:0===this.files.length&&this.required,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onChange:this.handleInputChange,"aria-invalid":(!0===this.invalid).toString(),ref:i=>{this.inputElement=i}}),e("mg-button",{key:"92e356bd08d09070b4c58c525ef91ab6bdc64b74",variant:"secondary",class:"mg-c-input__file-button",type:"button",disabled:this.disabled,onClick:this.handleButtonClick,onBlur:this.handleButtonBlur,tabindex:"-1",ref:i=>{this.fileButtonElement=i}},this.messages.input.file.browse),this.renderFiles()))}get element(){return s(this)}static get watchers(){return{value:[{watchValue:0},{watchMultiple:0}],multiple:[{watchMultiple:0}],accept:[{watchAccept:0},{watchHelpText:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],helpText:[{watchHelpText:0}],maxSize:[{watchHelpText:0}],files:[{watchFiles:0}]}}};m.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:-0.2rem;outline-style:solid;outline-width:.2rem}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-input__file-container{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-input__file-item{display:inline-flex;min-height:var(--mg-b-size-min-height);align-items:center;padding-left:var(--mg-b-size-8);background-color:var(--mg-b-color-neutral-10);font-weight:600;gap:var(--mg-b-size-8)}.mg-c-input__file-item-name{word-break:break-all}.mg-c-input__file-item-size{color:var(--mg-b-color-neutral-90);font-weight:400;word-break:normal}.mg-c-input__file-delete-button{align-self:flex-start}.mg-c-input__file-list{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--mg-b-size-4);list-style:none}.mg-c-input__file-list .mg-c-input__file-item{min-height:unset;padding:var(--mg-b-size-8)}.mg-c-input__file-list-container{position:relative;padding:var(--mg-b-size-8) calc(var(--mg-b-size-8) + var(--mg-b-size-min-height)) var(--mg-b-size-8) var(--mg-b-size-8);border:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);border-radius:var(--mg-b-size-4)}.mg-c-input__file-list-container .mg-c-input__file-delete-button{position:absolute;top:0;right:0}";export{m as mg_input_file}
@@ -1 +1 @@
1
- import{r as t,h as i,a as s}from"./p-DFwaH2hS.js";import{C as e,i as h}from"./p-C7xjtdiw.js";import{i as a,c as d}from"./p-C9rmNQIL.js";const r=class{constructor(i){t(this,i),this.name=this.identifier,this.legendHide=!1,this.legendBorderDisplay=!1,this.readonly=!1,this.disabled=!1,this.classCollection=new e(["mg-c-input--fieldset"]),this.checkValidity=()=>{var t;this.valid=!(this.mgInputs.some((t=>t.invalid))||(null===(t=this.errorMessage)||void 0===t?void 0:t.length)>0)},this.setMgInputs=()=>{this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT"))),this.mgInputs.forEach((t=>{"MG-INPUT-FILE"===t.nodeName&&(this.readonly?t.setAttribute("hidden",""):t.removeAttribute("hidden")),this.readonly&&!a(t)?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity)}))}}watchLegendBorderDisplay(t){if(t&&!h(this.legendHeading))throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".')}watchReadonly(t){t?this.classCollection.add(d):this.classCollection.delete(d)}handleAttributeChange(){this.setMgInputs()}async setCustomValidity(t){this.errorMessage=h(t)?t:void 0,this.checkValidity()}async displayError(){this.readonly||this.mgInputs.forEach((t=>{t.displayError()}))}componentWillLoad(){this.watchReadonly(this.readonly),this.watchLegendBorderDisplay(this.legendBorderDisplay),this.setMgInputs()}componentDidLoad(){const t={childList:!0,subtree:!0};new MutationObserver((i=>{i.some((i=>Object.keys(t).includes(i.type)))&&this.setMgInputs()})).observe(this.element,t)}render(){return i("mg-input",{key:"b0b16a170de87de91fa02a38371eb3dd6fe995d7",label:this.legend,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:!this.legendHide,labelHeading:this.legendHeading,labelBorderDisplay:this.legendHeading&&this.legendBorderDisplay,labelHide:this.legendHide,inputsOnBottom:void 0!==this.legendHeading,tooltip:this.tooltip,tooltipPosition:"label",helpText:this.helpText,errorMessage:!this.valid&&h(this.errorMessage)?this.errorMessage:void 0},i("span",{key:"c449a5235da7b190d8d311469d15cebcfaf3badc",class:"mg-c-input__input-group"},i("slot",{key:"6d8c60e2555bfd65c8c146233dc840a2d73597d5"})))}get element(){return s(this)}static get watchers(){return{legendBorderDisplay:[{watchLegendBorderDisplay:0}],readonly:[{watchReadonly:0},{handleAttributeChange:0}],disabled:[{handleAttributeChange:0}]}}};export{r as mg_fieldset}
1
+ import{r as t,h as i,a as s}from"./p-C3jUhxdI.js";import{C as e,i as h}from"./p-C7xjtdiw.js";import{i as a,c as d}from"./p-C9rmNQIL.js";const r=class{constructor(i){t(this,i),this.name=this.identifier,this.legendHide=!1,this.legendBorderDisplay=!1,this.readonly=!1,this.disabled=!1,this.classCollection=new e(["mg-c-input--fieldset"]),this.checkValidity=()=>{var t;this.valid=!(this.mgInputs.some((t=>t.invalid))||(null===(t=this.errorMessage)||void 0===t?void 0:t.length)>0)},this.setMgInputs=()=>{this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT"))),this.mgInputs.forEach((t=>{"MG-INPUT-FILE"===t.nodeName&&(this.readonly?t.setAttribute("hidden",""):t.removeAttribute("hidden")),this.readonly&&!a(t)?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity)}))}}watchLegendBorderDisplay(t){if(t&&!h(this.legendHeading))throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".')}watchReadonly(t){t?this.classCollection.add(d):this.classCollection.delete(d)}handleAttributeChange(){this.setMgInputs()}async setCustomValidity(t){this.errorMessage=h(t)?t:void 0,this.checkValidity()}async displayError(){this.readonly||this.mgInputs.forEach((t=>{t.displayError()}))}componentWillLoad(){this.watchReadonly(this.readonly),this.watchLegendBorderDisplay(this.legendBorderDisplay),this.setMgInputs()}componentDidLoad(){const t={childList:!0,subtree:!0};new MutationObserver((i=>{i.some((i=>Object.keys(t).includes(i.type)))&&this.setMgInputs()})).observe(this.element,t)}render(){return i("mg-input",{key:"a32d9d6e0a77eddf6dac1c741066cb600c2f27b3",label:this.legend,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:!this.legendHide,labelHeading:this.legendHeading,labelBorderDisplay:this.legendHeading&&this.legendBorderDisplay,labelHide:this.legendHide,inputsOnBottom:void 0!==this.legendHeading,tooltip:this.tooltip,tooltipPosition:"label",helpText:this.helpText,errorMessage:!this.valid&&h(this.errorMessage)?this.errorMessage:void 0},i("span",{key:"5d05e51fd64fc43458bccb3287fcf3a4fe462c00",class:"mg-c-input__input-group"},i("slot",{key:"d641e3007cdd2adfa6115f639603de78caa63202"})))}get element(){return s(this)}static get watchers(){return{legendBorderDisplay:[{watchLegendBorderDisplay:0}],readonly:[{watchReadonly:0},{handleAttributeChange:0}],disabled:[{handleAttributeChange:0}]}}};export{r as mg_fieldset}
@@ -1 +1 @@
1
- import{r,h as s,H as e}from"./p-DFwaH2hS.js";import{i as a,t as i,e as o}from"./p-C7xjtdiw.js";const t=["progressbar","meter"],c=class{constructor(s){r(this,s),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!a(r))throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${i(r)}.`)}watchAriaRole(r){if(r&&!t.includes(r))throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${i(r)}.`)}watchValue(r){if(!(void 0===r||o(r)&&r>=this.min&&r<=this.max))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${i(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!o(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${i(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!o(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${i(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return s(e,{key:"02466f9df3e5204eef158b9f733ba0af811ad9ed",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},s("div",{key:"88c2eafe55d169502ef5afccfbde3371fee5165f",class:"mg-c-progress"},s("div",{key:"b46159dbed388c58b198bdc330096669c454bcd3",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},s("div",{key:"0faebcc86cc7a55ccab3d9fb8dce4403bff16ebf",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}};c.style=".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";export{c as mg_progress}
1
+ import{r,h as s,H as a}from"./p-C3jUhxdI.js";import{i as e,t as i,e as o}from"./p-C7xjtdiw.js";const t=["progressbar","meter"],c=class{constructor(s){r(this,s),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!e(r))throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${i(r)}.`)}watchAriaRole(r){if(r&&!t.includes(r))throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${i(r)}.`)}watchValue(r){if(!(void 0===r||o(r)&&r>=this.min&&r<=this.max))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${i(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!o(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${i(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!o(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${i(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return s(a,{key:"8e6c727e9416fa777fd94b32d618a9137e8e08f7",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},s("div",{key:"ac42ee9c5dda55d70aad7391895e4a013aaa27f9",class:"mg-c-progress"},s("div",{key:"34c77bc6c133bc59b9daa68d7d6c8534f13f7d37",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},s("div",{key:"7ea03a3f0c54ca0c81616c7c070d178a510dd7e1",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}};c.style=".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";export{c as mg_progress}
@@ -1,8 +1,8 @@
1
1
  import { FunctionalComponent } from '../../../../stencil-public-runtime';
2
- import { MgInputCheckboxListProps } from './mg-input-checkbox.conf';
2
+ import { IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
3
3
  /**
4
4
  * Get checkboxes list template
5
5
  * @param props - MgInputCheckboxList Interface Props
6
6
  * @returns input template
7
7
  */
8
- export declare const MgInputCheckboxList: FunctionalComponent<MgInputCheckboxListProps>;
8
+ export declare const MgInputCheckboxList: FunctionalComponent<IMgInputCheckboxListProps>;
@@ -0,0 +1,8 @@
1
+ import { FunctionalComponent } from '../../../../stencil-public-runtime';
2
+ import { IMgInputCheckboxPaginatedProps } from './mg-input-checkbox.conf';
3
+ /**
4
+ * Internal component use to manage sections instances
5
+ * @param props - MgInputCheckboxList Interface Props
6
+ * @returns input template
7
+ */
8
+ export declare const MgInputCheckboxPaginated: FunctionalComponent<IMgInputCheckboxPaginatedProps>;
@@ -1,18 +1,18 @@
1
1
  /**
2
- * interface CheckboxValue
2
+ * interface ICheckboxValue
3
3
  * use to match returned value
4
4
  */
5
- export interface CheckboxValue {
5
+ export interface ICheckboxValue {
6
6
  title: string;
7
7
  value: boolean | null;
8
8
  disabled?: boolean;
9
9
  required?: boolean;
10
10
  }
11
11
  /**
12
- * interface CheckboxItem
12
+ * interface ICheckboxItem
13
13
  * use to match checkbox attributes
14
14
  */
15
- export interface CheckboxItem extends CheckboxValue {
15
+ export interface ICheckboxItem extends ICheckboxValue {
16
16
  _id: string;
17
17
  _handleInput: (event: InputEvent & {
18
18
  target: HTMLInputElement;
@@ -33,11 +33,11 @@ export type CheckboxType = (typeof checkboxTypes)[number];
33
33
  /**
34
34
  * mg-input-checkbox-paginated section kind type
35
35
  */
36
- export type SectionKindType = 'selected' | 'not-selected';
36
+ export type SectionKindType = Record<string, number>;
37
37
  /**
38
38
  * mg-input-checkbox-paginated section kind value
39
39
  */
40
- export declare const SectionKind: Record<string, SectionKindType>;
40
+ export declare const SectionKind: Record<string, number>;
41
41
  /**
42
42
  * Base mg-input-checkbox interface
43
43
  */
@@ -45,12 +45,20 @@ export interface IMgInputCheckboxBase {
45
45
  disabled?: boolean;
46
46
  name?: string;
47
47
  invalid?: boolean;
48
+ checkboxes: ICheckboxItem[];
49
+ }
50
+ export interface IMgInputCheckboxPaginatedProps extends IMgInputCheckboxBase {
51
+ readonly: boolean;
52
+ messages: Record<string, string>;
53
+ key: number;
54
+ limit: number;
55
+ handleLoadMore: () => void;
56
+ handleMassAction?: () => void;
48
57
  }
49
58
  /**
50
59
  * mg-input-checkbox-list interface
51
60
  */
52
- export interface MgInputCheckboxListProps extends IMgInputCheckboxBase {
53
- checkboxes: CheckboxItem[];
61
+ export interface IMgInputCheckboxListProps extends IMgInputCheckboxBase {
54
62
  id: string;
55
63
  labelledby?: string;
56
64
  }
@@ -1,8 +1,8 @@
1
1
  import { EventEmitter } from '../../../../stencil-public-runtime';
2
2
  import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
3
- import { CheckboxItem, CheckboxType, CheckboxValue, MgInputCheckboxListProps } from './mg-input-checkbox.conf';
3
+ import { ICheckboxItem, CheckboxType, ICheckboxValue, IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
4
4
  import { type TooltipPosition } from '../mg-input/mg-input.conf';
5
- export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
5
+ export declare class MgInputCheckbox implements Omit<IMgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
6
6
  /************
7
7
  * Internal *
8
8
  ************/
@@ -18,6 +18,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
18
18
  private readonly classSearchMode;
19
19
  private readonly multiStart;
20
20
  private readonly searchStart;
21
+ private readonly paginatedStep;
21
22
  private hasOpenedPopover;
22
23
  private readonly checkboxesId;
23
24
  /**************
@@ -31,7 +32,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
31
32
  * Component value
32
33
  * If item.value is `null`, checkbox will be indeterminate by default
33
34
  */
34
- value: CheckboxValue[];
35
+ value: ICheckboxValue[];
35
36
  validateValue(newValue: MgInputCheckbox['value']): void;
36
37
  /**
37
38
  * Define checkbox type
@@ -133,7 +134,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
133
134
  /**
134
135
  * Formated value to display in list
135
136
  */
136
- checkboxItems: CheckboxItem[];
137
+ checkboxItems: ICheckboxItem[];
137
138
  validateCheckboxItems(newValue: MgInputCheckbox['checkboxItems']): void;
138
139
  /**
139
140
  * Display search input
@@ -148,7 +149,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
148
149
  /**
149
150
  * Search current page
150
151
  */
151
- searchResults: CheckboxItem[];
152
+ searchResults: ICheckboxItem[];
152
153
  /**
153
154
  * Select values button text local key
154
155
  */
@@ -157,6 +158,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
157
158
  * Define <mg-tabs> active-tab
158
159
  */
159
160
  activeTab: number;
161
+ /**
162
+ * Paginated sections limit per key
163
+ */
164
+ paginatedLimits: Record<number, number>;
160
165
  /**
161
166
  * Emitted event when value change
162
167
  */
@@ -283,6 +288,11 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
283
288
  * Reset <mg-input-checkbox-paginated> limit state
284
289
  */
285
290
  private resetTabsLimit;
291
+ /**
292
+ * Handle load-more action for a paginated section
293
+ * @param key - section key
294
+ */
295
+ private handlePaginatedLoadMore;
286
296
  /*************
287
297
  * Lifecycle *
288
298
  *************/
@@ -163,7 +163,7 @@ export declare class MgInputSelect {
163
163
  */
164
164
  private handleInput;
165
165
  /**
166
- * Method to compare item.title with input.value
166
+ * Method to compare item with input.value
167
167
  * @param item - item to compare with
168
168
  * @returns truthy if input.value is an item
169
169
  */