@mgdis/mg-components 3.2.0 → 4.0.1

package/dist/esm/mg-components.js

@@ -1,13 +1,9 @@
-import { p as plt, w as win, a as promiseResolve, b as bootstrapLazy } from './index-9e877561.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-bca81100.js';
 
 /*
- Stencil Client Patch Browser v2.15.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.17.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
-    {
-        // shim css vars
-        plt.$cssShim$ = win.__cssshim;
-    }
     const importMeta = import.meta.url;
     const opts = {};
     if (importMeta !== '') {
@@ -17,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["mg-badge_21",[[1,"mg-pagination",{"identifier":[1],"label":[1],"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"]}],[1,"mg-panel",{"identifier":[1],"panelTitle":[1025,"panel-title"],"expanded":[1028],"titleEditable":[4,"title-editable"],"classList":[32],"isEditing":[32],"updatedPanelTitle":[32]}],[1,"mg-input-checkbox",{"value":[1040],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"inputVerticalList":[4,"input-vertical-list"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"checkboxItems":[32],"displayError":[64]}],[1,"mg-input-date",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"min":[1],"max":[1],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-numeric",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"required":[4],"readonly":[4],"disabled":[4],"width":[8],"tooltip":[1],"helpText":[1,"help-text"],"type":[1],"max":[2],"min":[2],"integerLength":[2,"integer-length"],"decimalLength":[2,"decimal-length"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"hasFocus":[32],"displayError":[64]}],[1,"mg-input-password",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"required":[4],"readonly":[4],"disabled":[4],"width":[8],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-radio",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"inputVerticalList":[4,"input-vertical-list"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"displayError":[64]}],[1,"mg-input-textarea",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"maxlength":[2],"required":[4],"readonly":[4],"disabled":[4],"width":[8],"pattern":[1],"patternErrorMessage":[1,"pattern-error-message"],"rows":[2],"tooltip":[1],"displayCharacterLeft":[4,"display-character-left"],"characterLeftTemplate":[1,"character-left-template"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-toggle",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"isOnOff":[4,"is-on-off"],"isIcon":[4,"is-icon"],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"classList":[32],"options":[32],"checked":[32]}],[1,"mg-message",{"identifier":[1],"delay":[2],"variant":[1],"closeButton":[1028,"close-button"],"hide":[1028],"classList":[32],"hasActions":[32]}],[6,"mg-tabs",{"identifier":[1],"label":[1],"size":[1],"items":[16],"activeTab":[1538,"active-tab"],"tabs":[32],"classList":[32]}],[1,"mg-form",{"identifier":[1],"name":[1],"readonly":[4],"disabled":[4],"valid":[1028],"invalid":[1028],"classList":[32],"displayError":[64]}],[1,"mg-tag",{"variant":[1],"outline":[4],"classList":[32]}],[1,"mg-input-select",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"placeholderHide":[4,"placeholder-hide"],"placeholderDisabled":[4,"placeholder-disabled"],"required":[4],"readonly":[4],"disabled":[4],"width":[8],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"valueExist":[32],"readonlyValue":[32],"displayError":[64]}],[1,"mg-input-text",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"type":[1],"icon":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"maxlength":[2],"required":[4],"readonly":[4],"disabled":[4],"width":[8],"pattern":[1],"patternErrorMessage":[1,"pattern-error-message"],"tooltip":[1],"displayCharacterLeft":[4,"display-character-left"],"characterLeftTemplate":[1,"character-left-template"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"setFocus":[64],"displayError":[64]}],[1,"mg-badge",{"value":[1032],"label":[1],"variant":[1],"outline":[4],"classList":[32]}],[6,"mg-button",{"variant":[1],"identifier":[1],"label":[1],"disabled":[1028],"isIcon":[4,"is-icon"],"disableOnClick":[4,"disable-on-click"],"expanded":[4],"controls":[1],"haspopup":[8],"loading":[32],"classList":[32]}],[2,"mg-character-left",{"identifier":[1],"template":[1],"characters":[1],"maxlength":[2]}],[6,"mg-input-title",{"identifier":[1],"required":[4],"isLegend":[4,"is-legend"],"tagName":[32]}],[6,"mg-tooltip",{"identifier":[1],"message":[1],"placement":[1],"display":[1028],"disabled":[1028]}],[1,"mg-icon",{"icon":[1],"size":[1],"variant":[1],"spin":[4],"classList":[32]}]]],["mg-modal",[[1,"mg-modal",{"identifier":[1],"modalTitle":[1,"modal-title"],"closeButton":[1028,"close-button"],"hide":[1028],"hasActions":[32],"hasContent":[32],"classList":[32]},[[8,"keydown","handleKeyDown"]]]]],["mg-popover",[[6,"mg-popover",{"identifier":[1],"placement":[1],"closeButton":[4,"close-button"],"display":[1028],"disabled":[1028]}]]]], options);
+  return bootstrapLazy([["mg-badge_21",[[1,"mg-panel",{"identifier":[1],"panelTitle":[1025,"panel-title"],"titlePattern":[1025,"title-pattern"],"titlePatternErrorMessage":[1025,"title-pattern-error-message"],"expanded":[1028],"expandToggleDisabled":[1028,"expand-toggle-disabled"],"titleEditable":[4,"title-editable"],"classList":[32],"isEditing":[32],"updatedPanelTitle":[32]}],[1,"mg-pagination",{"identifier":[1],"label":[1025],"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"]}],[1,"mg-input-textarea",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"maxlength":[2],"required":[4],"readonly":[4],"disabled":[4],"mgWidth":[8,"mg-width"],"pattern":[1],"patternErrorMessage":[1,"pattern-error-message"],"rows":[2],"tooltip":[1],"displayCharacterLeft":[4,"display-character-left"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"resizable":[1],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-checkbox",{"value":[1040],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"inputVerticalList":[4,"input-vertical-list"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"checkboxItems":[32],"displayError":[64]}],[1,"mg-input-date",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"min":[1],"max":[1],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-numeric",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"required":[4],"readonly":[4],"disabled":[4],"mgWidth":[8,"mg-width"],"tooltip":[1],"helpText":[1,"help-text"],"type":[1],"currency":[1],"max":[2],"min":[2],"integerLength":[2,"integer-length"],"decimalLength":[2,"decimal-length"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"hasFocus":[32],"displayError":[64]}],[1,"mg-input-password",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"required":[4],"readonly":[4],"disabled":[4],"mgWidth":[8,"mg-width"],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-radio",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"inputVerticalList":[4,"input-vertical-list"],"required":[4],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"displayError":[64]}],[1,"mg-input-toggle",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"isOnOff":[4,"is-on-off"],"isIcon":[4,"is-icon"],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"classList":[32],"options":[32],"checked":[32]}],[1,"mg-message",{"identifier":[1],"delay":[2],"variant":[1],"closeButton":[1028,"close-button"],"hide":[1028],"classList":[32],"hasActions":[32]}],[4,"mg-tabs",{"identifier":[1],"label":[1],"size":[1],"items":[16],"activeTab":[1538,"active-tab"],"tabs":[32],"classList":[32]}],[1,"mg-form",{"identifier":[1],"name":[1],"readonly":[4],"disabled":[4],"valid":[1028],"invalid":[1028],"classList":[32],"displayError":[64]}],[1,"mg-tag",{"variant":[1],"outline":[4],"classList":[32]}],[1,"mg-input-text",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"type":[1],"icon":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1],"maxlength":[2],"required":[4],"readonly":[4],"disabled":[4],"mgWidth":[8,"mg-width"],"pattern":[1],"patternErrorMessage":[1,"pattern-error-message"],"tooltip":[1],"displayCharacterLeft":[4,"display-character-left"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"setFocus":[64],"displayError":[64]}],[1,"mg-input-select",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"placeholder":[1025],"placeholderHide":[4,"placeholder-hide"],"placeholderDisabled":[4,"placeholder-disabled"],"required":[4],"readonly":[4],"disabled":[4],"mgWidth":[8,"mg-width"],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"valueExist":[32],"readonlyValue":[32],"displayError":[64]}],[1,"mg-badge",{"value":[1032],"label":[1],"variant":[1],"outline":[4],"classList":[32]}],[2,"mg-character-left",{"identifier":[1],"characters":[1],"maxlength":[2]}],[6,"mg-button",{"variant":[1],"identifier":[1],"label":[1],"disabled":[1028],"isIcon":[4,"is-icon"],"disableOnClick":[4,"disable-on-click"],"expanded":[4],"controls":[1],"haspopup":[8],"loading":[32],"classList":[32]}],[6,"mg-input-title",{"identifier":[1],"required":[4],"isLegend":[4,"is-legend"],"tagName":[32]}],[6,"mg-tooltip",{"identifier":[1],"message":[1],"placement":[1],"display":[1028],"disabled":[1028]}],[1,"mg-icon",{"icon":[1],"size":[1],"variant":[1],"spin":[4],"classList":[32]}]]],["mg-modal",[[1,"mg-modal",{"identifier":[1],"modalTitle":[1,"modal-title"],"closeButton":[1028,"close-button"],"hide":[1028],"hasActions":[32],"hasContent":[32],"classList":[32]},[[8,"keydown","handleKeyDown"]]]]],["mg-popover",[[6,"mg-popover",{"identifier":[1],"placement":[1],"closeButton":[4,"close-button"],"display":[1028],"disabled":[1028]}]]]], options);
 });

package/dist/esm/mg-modal.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9e877561.js';
-import { c as createID, C as ClassList, m as messages } from './index-c346f52d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bca81100.js';
+import { c as createID, C as ClassList, i as initLocales } from './index-e51ae032.js';
 
-const mgModalCss = ".mg-modal{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:2rem 0;background-color:hsla(var(--color-dark), 50%)}.mg-modal__dialog{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:none;flex:none;-ms-flex-item-align:center;align-self:center;row-gap:3rem;padding:1.5rem 2.5rem;width:60rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:hsl(var(--color-light));-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-radius:var(--mg-modal-border-radius)}.mg-modal__header{margin-bottom:0.5rem}.mg-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--mg-modal-title-font-size);font-weight:600}.mg-modal__content{overflow-y:auto}.mg-modal__close-button{float:right;height:var(--mg-modal-title-font-size);margin-top:calc((var(--default-size) - var(--mg-modal-title-font-size) * var(--line-height)) / 2 * -1);margin-right:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2 * -1)}.mg-modal .mg-modal__content ::slotted(*){font-size:var(--mg-modal-content-font-size)}.mg-modal.mg-modal--hide{display:none}";
+const mgModalCss = ".mg-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:2rem 0;background-color:hsla(var(--color-light), 85%)}.mg-modal__dialog{display:flex;flex-direction:column;align-self:center;row-gap:3rem;padding:1.5rem 2.5rem;width:60rem;height:fit-content;max-width:100%;max-height:100%;box-sizing:border-box;background-color:hsl(var(--color-light));box-shadow:var(--box-shadow);border-radius:var(--mg-modal-border-radius)}.mg-modal__header{margin-bottom:0.5rem}.mg-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--mg-modal-title-font-size);font-weight:600}.mg-modal__close-button{float:right;height:var(--mg-modal-title-font-size);margin-top:calc((var(--default-size) - var(--mg-modal-title-font-size) * var(--line-height)) / 2 * -1);margin-right:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2 * -1)}.mg-modal .mg-modal__content{overflow-y:auto}.mg-modal .mg-modal__content::slotted(*){font-size:var(--mg-modal-content-font-size)}.mg-modal.mg-modal--hide{display:none}";
 
 const MgModal = class {
   constructor(hostRef) {
@@ -11,6 +11,9 @@ const MgModal = class {
     /************
      * Internal *
      ************/
+    // Classes
+    this.classHide = 'mg-modal--hide';
+    // IDs
     this.closeButtonId = '';
     this.titleId = '';
     /**
@@ -53,11 +56,11 @@ const MgModal = class {
   validateHide(newValue) {
     if (newValue) {
       this.componentHide.emit();
-      this.classList.add('mg-modal--hide');
+      this.classList.add(this.classHide);
     }
     else {
       this.componentShow.emit();
-      this.classList.delete('mg-modal--hide');
+      this.classList.delete(this.classHide);
     }
   }
   /**
@@ -81,6 +84,9 @@ const MgModal = class {
    * @returns {void}
    */
   componentWillLoad() {
+    // Get locales
+    this.messages = initLocales(this.element).messages;
+    // Validate
     this.hasActions = this.element.querySelector('[slot="actions"]') !== null;
     this.hasContent = this.element.querySelector('[slot="content"]') !== null;
     if (this.closeButton) {
@@ -95,7 +101,7 @@ const MgModal = class {
    * @returns {HTMLElement} HTML Element
    */
   render() {
-    return (h("section", { role: "dialog", id: this.identifier, class: this.classList.join(), tabindex: "-1", "aria-labelledby": this.titleId, "aria-modal": "true", "aria-hidden": this.hide }, h("article", { class: "mg-modal__dialog" }, h("header", { class: "mg-modal__header" }, this.closeButton && (h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: messages.modal.closeButton, onClick: this.handleClose, class: "mg-modal__close-button" }, h("mg-icon", { icon: "cross" }))), h("h1", { class: "mg-modal__title", id: this.titleId }, this.modalTitle)), this.hasContent && (h("article", { class: "mg-modal__content" }, h("slot", { name: "content" }))), this.hasActions && (h("footer", { class: "mg-modal__footer" }, h("slot", { name: "actions" }))))));
+    return (h("section", { role: "dialog", id: this.identifier, class: this.classList.join(), tabindex: "-1", "aria-labelledby": this.titleId, "aria-modal": "true", "aria-hidden": this.hide }, h("article", { class: "mg-modal__dialog" }, h("header", { class: "mg-modal__header" }, this.closeButton && (h("span", { class: "mg-modal__close-button" }, h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" })))), h("h1", { class: "mg-modal__title", id: this.titleId }, this.modalTitle)), this.hasContent && (h("article", { class: "mg-modal__content" }, h("slot", { name: "content" }))), this.hasActions && (h("footer", { class: "mg-modal__footer" }, h("slot", { name: "actions" }))))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/mg-popover.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-9e877561.js';
-import { c as createID, m as messages } from './index-c346f52d.js';
-import { c as createPopper } from './popper-8874fd6c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-bca81100.js';
+import { c as createID, i as initLocales } from './index-e51ae032.js';
+import { c as createPopper } from './popper-93ecb064.js';
 
-const mgPopoverCss = "mg-popover.sc-mg-popover{display:contents}mg-popover.sc-mg-popover-s>*{display:inline-block}.mg-popover.sc-mg-popover{display:none;padding:1.5rem;z-index:9999;border-radius:0.5rem;background-color:hsl(var(--mg-popover-background-color));-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:hsl(var(--mg-popover-font-color))}.mg-popover[data-show].sc-mg-popover{display:block}.mg-popover.sc-mg-popover mg-button.sc-mg-popover{float:right;margin-right:calc(0rem - (var(--default-size) - var(--mg-icon-regular-size)) / 2);margin-top:calc(0rem - (var(--default-size) - var(--mg-popover-title-font-size) * var(--line-height)) / 2);margin-left:3rem}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover,.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{position:absolute;width:2rem;height:2rem;z-index:-1;background:inherit}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover{visibility:hidden}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mg-popover[data-popper-placement^=top].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{bottom:-6px}.mg-popover[data-popper-placement^=bottom].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{top:-6px}.mg-popover[data-popper-placement^=left].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{right:-6px}.mg-popover[data-popper-placement^=right].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{left:-6px}.mg-popover__title.sc-mg-popover-s>*,.mg-popover__title .sc-mg-popover-s>*{margin:0 0 1rem;font-size:var(--mg-popover-title-font-size);font-weight:600}";
+const mgPopoverCss = "mg-popover.sc-mg-popover{display:contents}mg-popover.sc-mg-popover-s>*{display:inline-block}.mg-popover.sc-mg-popover{display:none;padding:1.5rem;z-index:9999;border-radius:0.5rem;background-color:hsl(var(--mg-popover-background-color));box-shadow:var(--box-shadow);color:hsl(var(--mg-popover-font-color))}.mg-popover[data-show].sc-mg-popover{display:block}.mg-popover.sc-mg-popover mg-button.sc-mg-popover{float:right;margin-right:calc(0rem - (var(--default-size) - var(--mg-icon-regular-size)) / 2);margin-top:calc(0rem - (var(--default-size) - var(--mg-popover-title-font-size) * var(--line-height)) / 2);margin-left:3rem}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover,.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{position:absolute;width:2rem;height:2rem;z-index:-1;background:inherit}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover{visibility:hidden}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{visibility:visible;content:\"\";transform:rotate(45deg)}.mg-popover[data-popper-placement^=top].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{bottom:-6px}.mg-popover[data-popper-placement^=bottom].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{top:-6px}.mg-popover[data-popper-placement^=left].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{right:-6px}.mg-popover[data-popper-placement^=right].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{left:-6px}.mg-popover__title.sc-mg-popover-s>*,.mg-popover__title .sc-mg-popover-s>*{margin:0 0 1rem;font-size:var(--mg-popover-title-font-size);font-weight:600}";
 
 const MgPopover = class {
   constructor(hostRef) {
@@ -35,8 +35,6 @@ const MgPopover = class {
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
-    // Unable to trigger document events in unit tests:  https://gitlab.mgdis.fr/core/core-ui/mg-components/-/issues/57
-    /* istanbul ignore next */
     this.clickOutside = (event) => {
       var _a;
       if (!this.disabled && ((_a = event.target.closest(`#${this.identifier}`)) === null || _a === void 0 ? void 0 : _a.parentElement.nodeName) !== 'MG-POPOVER') {
@@ -58,8 +56,6 @@ const MgPopover = class {
       // hide when click outside
       // setTimeout is used to prevent event to trigger after creation
       setTimeout(() => {
-        // Unable to trigger document events in unit tests:  https://gitlab.mgdis.fr/core/core-ui/mg-components/-/issues/57
-        /* istanbul ignore next */
         document.addEventListener('click', this.clickOutside, false);
       }, 0);
     };
@@ -73,7 +69,7 @@ const MgPopover = class {
       this.popover.removeAttribute('data-show');
       // Disable the event listeners
       this.popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }] })));
-      // Remove even listener
+      // Remove event listener
       document.removeEventListener('click', this.clickOutside, false);
     };
     /**
@@ -96,6 +92,15 @@ const MgPopover = class {
   /*************
    * Lifecycle *
    *************/
+  /**
+   * Check if component props are well configured on init
+   *
+   * @returns {void} timeout
+   */
+  componentWillLoad() {
+    // Get locales
+    this.messages = initLocales(this.element).messages;
+  }
   /**
    * Check if component props are well configured on init
    *
@@ -149,7 +154,7 @@ const MgPopover = class {
    * @returns {HTMLElement} HTML Element
    */
   render() {
-    return (h(Host, null, h("slot", null), h("div", { id: this.identifier, class: "mg-popover" }, !this.disabled && this.closeButton && (h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { icon: "cross" }))), h("div", { class: "mg-popover__title" }, h("slot", { name: "title" })), h("slot", { name: "content" }), h("div", { class: "mg-popover__arrow", "data-popper-arrow": true }))));
+    return (h(Host, null, h("slot", null), h("div", { id: this.identifier, class: "mg-popover" }, !this.disabled && this.closeButton && (h("mg-button", { identifier: this.closeButtonId, "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { icon: "cross" }))), h("div", { class: "mg-popover__title" }, h("slot", { name: "title" })), h("slot", { name: "content" }), h("div", { class: "mg-popover__arrow", "data-popper-arrow": true }))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/{popper-8874fd6c.js → popper-93ecb064.js}

@@ -298,6 +298,10 @@ function getContainingBlock(element) {
 
   var currentNode = getParentNode(element);
 
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
+  }
+
   while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
     // create a containing block.
@@ -521,7 +525,7 @@ function mapToStyles(_ref2) {
 
     if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom;
-      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
       offsetParent[heightProp];
       y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
@@ -529,7 +533,7 @@ function mapToStyles(_ref2) {
 
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right;
-      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
       offsetParent[widthProp];
       x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;

package/dist/index.js

@@ -1 +1 @@
-export * from './esm-es5/index.js';
+export * from './esm/index.js';

package/dist/mg-components/mg-components.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-size:1.3rem;--line-height:1.4;--font-family:'Open Sans', sans-serif;--font-family-heading:'Poppins', sans-serif;--color-font-light:var(--color-light);--color-font-dark:var(--color-dark);--color-neutral-h:0;--color-neutral-s:0%;--color-neutral-l:99.6%;--color-neutral:var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l);--color-warning-h:41;--color-warning-s:100%;--color-warning-l:62.2%;--color-warning:var(--color-warning-h), var(--color-warning-s), var(--color-warning-l);--color-success-h:159;--color-success-s:66%;--color-success-l:51.6%;--color-success:var(--color-success-h), var(--color-success-s), var(--color-success-l);--color-info-h:204;--color-info-s:100%;--color-info-l:30.6%;--color-info:var(--color-info-h), var(--color-info-s), var(--color-info-l);--color-danger-h:357;--color-danger-s:74.5%;--color-danger-l:50.8%;--color-danger:var(--color-danger-h), var(--color-danger-s), var(--color-danger-l);--color-dark-h:194;--color-dark-s:37.3%;--color-dark-l:13.1%;--color-dark:var(--color-dark-h), var(--color-dark-s), var(--color-dark-l);--color-light-h:0;--color-light-s:0%;--color-light-l:100%;--color-light:var(--color-light-h), var(--color-light-s), var(--color-light-l);--color-primary-h:hsl(var(--color-dark-h));--color-primary-s:hsl(var(--color-dark-s));--color-primary-l:hsl(var(--color-dark-l));--color-primary:hsl(var(--color-dark));--color-secondary-h:hsl(var(--color-neutral-h));--color-secondary-s:hsl(var(--color-neutral-s));--color-secondary-l:hsl(var(--color-neutral-l));--color-secondary:hsl(var(--color-neutral));--box-shadow:0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);--default-size:3.5rem;--mg-icon-regular-size:1.6rem;--mg-icon-large-size:2.4rem;--mg-icon-extra-large-size:3.6rem;--mg-button-border-radius:0.3rem;--mg-button-icon-border-radius:var(--default-size);--mg-button-disabled-opacity:0.6;--mg-button-gradient:1;--mg-button-primary-color-h:var(--color-dark-h);--mg-button-primary-color-s:var(--color-dark-s);--mg-button-primary-color-l:var(--color-dark-l);--mg-button-primary-font-color:var(--color-neutral);--mg-button-secondary-color-h:var(--color-neutral-h);--mg-button-secondary-color-s:var(--color-neutral-s);--mg-button-secondary-color-l:var(--color-neutral-l);--mg-button-secondary-font-color:var(--color-dark);--mg-tag-height:2.3rem;--mg-tag-border-radius:0.5rem;--mg-tag-font-size:1.2rem;--mg-badge-size:1.6rem;--mg-badge-font-size:1.1rem;--mg-tooltip-border-radius:0.5rem;--mg-tooltip-background-color:var(--color-dark);--mg-tooltip-font-color:var(--color-font-light);--mg-popover-background-color:var(--color-light);--mg-popover-font-color:var(--color-font-dark);--mg-popover-title-font-size:1.4rem;--mg-message-border-radius:0.3rem;--mg-modal-border-radius:0.5rem;--mg-modal-title-font-size:1.8rem;--mg-modal-content-font-size:1.2rem;--mg-panel-border-radius:0.5rem;--mg-panel-background:var(--color-info-h) var(--color-info-s) calc(var(--color-info-l) + 68%);--mg-grid-spacing:1rem;--mg-inputs-border-width:0.1rem;--mg-inputs-border-radius:0.3rem;--mg-inputs-color:#b5c2c9;--mg-inputs-spacer:1rem;--mg-inputs-color-shadow-focus-hsl:188, 100%, 50%;--mg-input-toggle-border-radius-ratio:2;--mg-input-check-size:1.3rem}@font-face{font-family:"Open Sans";src:url("fonts/OpenSans-Regular.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-weight:600;src:url("fonts/OpenSans-SemiBold.ttf") format("truetype")}@font-face{font-family:"Poppins";font-weight:bold;src:url("fonts/Poppins-Bold.ttf") format("truetype")}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;font-size:0.625em;}body{font-size:var(--font-size);font-family:var(--font-family);line-height:var(--line-height);-webkit-font-smoothing:antialiased}p{margin:0}p+p{margin-top:1rem}h1,.h1{font-family:var(--font-family-heading)}h2,.h2{font-family:var(--font-family-heading)}h3,.h3{font-family:var(--font-family-heading)}h4,.h4{font-family:var(--font-family-heading)}h5,.h5{font-family:var(--font-family-heading)}h6,.h6{font-family:var(--font-family-heading)}h1,.h1{font-size:calc(var(--font-size) * 1.85)}h2,.h2{font-size:calc(var(--font-size) * 1.65)}h3,.h3{font-size:calc(var(--font-size) * 1.35)}h4,.h4{font-size:calc(var(--font-size) * 1.2)}h5,.h5{font-size:calc(var(--font-size) * 1.1)}h6,.h6{font-size:calc(var(--font-size) * 0.8)}a{color:hsl(var(--color-primary));text-decoration:underline}a:hover,a:focus,a:active{text-decoration:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mg-grid__col{-ms-flex:1 0 0%;flex:1 0 0%;padding:0 var(--mg-grid-spacing)}.mg-grid__col.mg-grid__col-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%}.mg-grid__col.mg-grid__col-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.mg-grid__col.mg-grid__col-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.mg-grid__col.mg-grid__col-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.mg-grid__col.mg-grid__col-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%}.mg-grid__col.mg-grid__col-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.mg-grid__col.mg-grid__col-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%}.mg-grid__col.mg-grid__col-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%}.mg-grid__col.mg-grid__col-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.mg-grid__col.mg-grid__col-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%}.mg-grid__col.mg-grid__col-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%}.mg-grid__col.mg-grid__col-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.mg-group-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.mg-group-elements>*{margin:0 !important}.mg-group-elements.mg-group-elements--align-right{-ms-flex-pack:end;justify-content:flex-end}.no-padding{padding:0}[hide]{display:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-badge{padding:0 0.4rem;height:var(--mg-badge-size);min-width:var(--mg-badge-size);-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid;border-radius:50%;border-radius:calc(var(--mg-badge-size) / 2);font-size:var(--mg-badge-font-size);font-weight:600;text-align:center;line-height:var(--mg-badge-size)}.mg-badge.mg-badge--primary{background-color:hsl(var(--color-dark));border-color:hsl(var(--color-dark));color:hsl(var(--color-light))}.mg-badge.mg-badge--primary.mg-badge--outline{background-color:transparent;color:hsl(var(--color-dark))}.mg-badge.mg-badge--secondary{background-color:hsl(var(--color-light));border-color:hsl(var(--color-light));color:hsl(var(--color-dark))}.mg-badge.mg-badge--secondary.mg-badge--outline{background-color:transparent;color:hsl(var(--color-light))}.mg-badge.mg-badge--success{background-color:hsl(var(--color-success));border-color:hsl(var(--color-success));color:hsl(var(--color-dark))}.mg-badge.mg-badge--success.mg-badge--outline{background-color:transparent;color:hsl(var(--color-success))}.mg-badge.mg-badge--warning{background-color:hsl(var(--color-warning));border-color:hsl(var(--color-warning));color:hsl(var(--color-dark))}.mg-badge.mg-badge--warning.mg-badge--outline{background-color:transparent;color:hsl(var(--color-warning))}.mg-badge.mg-badge--danger{background-color:hsl(var(--color-danger));border-color:hsl(var(--color-danger));color:hsl(var(--color-light))}.mg-badge.mg-badge--danger.mg-badge--outline{background-color:transparent;color:hsl(var(--color-danger))}.mg-badge.mg-badge--info{background-color:hsl(var(--color-info));border-color:hsl(var(--color-info));color:hsl(var(--color-light))}.mg-badge.mg-badge--info.mg-badge--outline{background-color:transparent;color:hsl(var(--color-info))}.mg-badge,mg-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.mg-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.6rem;-moz-column-gap:0.6rem;column-gap:0.6rem;padding:calc((var(--default-size) - 0.2rem - var(--font-size) * var(--line-height)) / 2) 1.1rem;min-height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-border-radius));cursor:pointer;background-image:none;border-top-width:var(--mg-button-border-top-width, 0.1rem);border-right-width:var(--mg-button-border-right-width, 0.1rem);border-bottom-width:var(--mg-button-border-bottom-width, 0.1rem);border-left-width:var(--mg-button-border-left-width, 0.1rem);border-style:solid;font-family:inherit;text-decoration:none;font-weight:normal;text-align:left;-ms-touch-action:manipulation;touch-action:manipulation}.mg-button[disabled],.mg-button[aria-disabled],.mg-button.disabled{opacity:var(--mg-button-disabled-opacity);cursor:default}.mg-button.mg-button--icon{padding:0;-ms-flex-pack:center;justify-content:center;width:var(--default-size);height:var(--default-size);border-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-icon-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-icon-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-icon-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-icon-border-radius));font-size:var(--font-size);line-height:var(--font-size)}.mg-button.mg-button--primary{border-color:hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l));border-color:hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - 10%));color:hsl(var(--mg-button-primary-font-color));background:hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l));background:-webkit-gradient(linear, left top, left bottom, from(hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l))), to(hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l)), hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--primary:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--primary:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--primary:active:not([disabled],[aria-disabled],.disabled){background:hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l))}.mg-button.mg-button--secondary{border-color:hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l));border-color:hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - 10%));color:hsl(var(--mg-button-secondary-font-color));background:hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l));background:-webkit-gradient(linear, left top, left bottom, from(hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l))), to(hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l)), hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--secondary:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--secondary:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--secondary:active:not([disabled],[aria-disabled],.disabled){background:hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l))}.mg-button.mg-button--danger{border-color:hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l));border-color:hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - 10%));color:hsl(var(--color-neutral));background:hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l));background:-webkit-gradient(linear, left top, left bottom, from(hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l))), to(hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l)), hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--danger:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--danger:active:not([disabled],[aria-disabled],.disabled){background:hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l))}.mg-button.mg-button--danger-alt{border-color:hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l));border-color:hsl(var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - 10%));color:hsl(var(--color-danger));background:hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l));background:-webkit-gradient(linear, left top, left bottom, from(hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l))), to(hsl(var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l)), hsl(var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger-alt:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--danger-alt:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--danger-alt:active:not([disabled],[aria-disabled],.disabled){background:hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l))}.mg-button.mg-button--info{border-color:hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l));border-color:hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - 10%));color:hsl(var(--color-neutral));background:hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l));background:-webkit-gradient(linear, left top, left bottom, from(hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l))), to(hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l)), hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--info:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--info:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--info:active:not([disabled],[aria-disabled],.disabled){background:hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l))}.mg-button.mg-button--flat{background:none;border:none}.mg-button.mg-button--flat:hover:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--flat:focus:not([disabled],[aria-disabled],.disabled),.mg-button.mg-button--flat:active:not([disabled],[aria-disabled],.disabled){background:hsla(var(--color-dark), 0.1)}.mg-button mg-icon:only-child,.mg-button ::slotted(mg-icon){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;line-height:1;margin:auto 0}.mg-button.mg-button--loading>mg-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mg-button.mg-button--loading .mg-button__content{opacity:0}.mg-button__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.6rem;-moz-column-gap:0.6rem;column-gap:0.6rem}mg-button{display:inline-block}.mg-button,mg-button{vertical-align:middle;max-width:100%}mg-character-left{display:block}:host{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.mg-icon[size=regular],.mg-icon.mg-icon--size-regular{width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size)}.mg-icon[size=large],.mg-icon.mg-icon--size-large{width:var(--mg-icon-large-size);height:var(--mg-icon-large-size)}.mg-icon[size=extra-large],.mg-icon.mg-icon--size-extra-large{width:var(--mg-icon-extra-large-size);height:var(--mg-icon-extra-large-size)}.mg-icon[class*=mg-icon--variant-]{border-radius:var(--mg-message-border-radius);padding:0.3rem}.mg-icon.mg-icon--variant-success{background-color:hsl(var(--color-success-h), var(--color-success-s), calc(var(--color-success-l) + 20%))}.mg-icon.mg-icon--variant-warning{background-color:hsl(var(--color-warning-h), var(--color-warning-s), calc(var(--color-warning-l) + 20%))}.mg-icon.mg-icon--variant-danger{background-color:hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) + 20%))}.mg-icon.mg-icon--variant-info{background-color:hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) + 20%))}.loader__full-circle{opacity:0.2}.mg-icon--spin{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mg-tag{padding:calc((var(--mg-tag-height) - 0.2rem - var(--mg-tag-font-size) * var(--line-height)) / 2) 0.6rem;min-height:var(--mg-tag-height);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--mg-tag-border-radius);border:0.1rem solid;font-size:var(--mg-tag-font-size);font-weight:600;text-align:center}.mg-tag.mg-tag--primary{background-color:hsl(var(--color-dark));border-color:hsl(var(--color-dark));color:hsl(var(--color-light))}.mg-tag.mg-tag--primary.mg-tag--outline{background-color:transparent;color:hsl(var(--color-dark))}.mg-tag.mg-tag--secondary{background-color:hsl(var(--color-light));border-color:hsl(var(--color-light));color:hsl(var(--color-dark))}.mg-tag.mg-tag--secondary.mg-tag--outline{background-color:transparent;color:hsl(var(--color-light))}.mg-tag.mg-tag--success{background-color:hsl(var(--color-success));border-color:hsl(var(--color-success));color:hsl(var(--color-dark))}.mg-tag.mg-tag--success.mg-tag--outline{background-color:transparent;color:hsl(var(--color-success))}.mg-tag.mg-tag--warning{background-color:hsl(var(--color-warning));border-color:hsl(var(--color-warning));color:hsl(var(--color-dark))}.mg-tag.mg-tag--warning.mg-tag--outline{background-color:transparent;color:hsl(var(--color-warning))}.mg-tag.mg-tag--danger{background-color:hsl(var(--color-danger));border-color:hsl(var(--color-danger));color:hsl(var(--color-light))}.mg-tag.mg-tag--danger.mg-tag--outline{background-color:transparent;color:hsl(var(--color-danger))}.mg-tag.mg-tag--info{background-color:hsl(var(--color-info));border-color:hsl(var(--color-info));color:hsl(var(--color-light))}.mg-tag.mg-tag--info.mg-tag--outline{background-color:transparent;color:hsl(var(--color-info))}.mg-tag,mg-tag{display:inline-block;vertical-align:middle}:host{display:inline-block}.mg-tooltip{display:none;padding:0.5rem 0.8rem;z-index:9999;border-radius:var(--mg-tooltip-border-radius);background-color:hsl(var(--mg-tooltip-background-color));color:hsl(var(--mg-tooltip-font-color));text-align:start}.mg-tooltip[data-show]{display:block}.mg-tooltip .mg-tooltip__arrow,.mg-tooltip .mg-tooltip__arrow::before{position:absolute;width:0.8rem;height:0.8rem;z-index:9999;background:inherit}.mg-tooltip .mg-tooltip__arrow{visibility:hidden}.mg-tooltip .mg-tooltip__arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mg-tooltip[data-popper-placement^=top]>.mg-tooltip__arrow{bottom:-4px}.mg-tooltip[data-popper-placement^=bottom]>.mg-tooltip__arrow{top:-4px}.mg-tooltip[data-popper-placement^=left]>.mg-tooltip__arrow{right:-4px}.mg-tooltip[data-popper-placement^=right]>.mg-tooltip__arrow{left:-4px}.is-asterisk{color:hsl(var(--color-danger))}.mg-form,.mg-form-group{--mg-inputs-margin-bottom:1.5rem;--mg-inputs-title-horizontal-space:3rem;--mg-inputs-title-width:15rem;--mg-inputs-shrink:0}.mg-form.mg-form--all-required,.mg-form-group.mg-form--all-required{--mg-input-title-display:none}.mg-message{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--default-size);overflow:hidden;background-color:white;border-radius:var(--mg-message-border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.mg-message::before{content:"";position:absolute;top:0;left:0;width:0.3rem;height:100%}.mg-message.mg-message--info::before{background-color:hsl(var(--color-info))}.mg-message.mg-message--info .mg-message__icon{color:hsl(var(--color-info))}.mg-message.mg-message--warning::before{background-color:hsl(var(--color-warning))}.mg-message.mg-message--warning .mg-message__icon{color:hsl(var(--color-warning))}.mg-message.mg-message--success::before{background-color:hsl(var(--color-success))}.mg-message.mg-message--success .mg-message__icon{color:hsl(var(--color-success))}.mg-message.mg-message--danger::before{background-color:hsl(var(--color-danger))}.mg-message.mg-message--danger .mg-message__icon{color:hsl(var(--color-danger))}.mg-message.mg-message--close-button{padding-right:3.4rem}.mg-message.mg-message--hide{display:none}.mg-message ::slotted(*){margin:0;padding:0}.mg-message__icon{position:absolute;top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2);left:1.3rem;line-height:1}.mg-message__content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:stretch;align-content:stretch;padding:0 1rem 0 3.8rem}.mg-message__content-slot{-ms-flex-positive:1;flex-grow:1;margin:0.84rem 0}.mg-message__content-separator{display:inline-block;width:4.5rem;height:0}.mg-message__content-actions-slot{padding:1rem 0;text-align:right}.mg-message__close-button{position:absolute;top:0;right:0}.mg-message,mg-message{max-width:100%}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-pagination__nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}.mg-pagination__nav mg-input-select{margin-right:0.5rem}.mg-pagination__button{display:-ms-flexbox;display:flex}.mg-pagination__button:first-of-type{margin-right:1rem}.mg-pagination__button:last-of-type{margin-left:1rem}mg-popover{display:contents}mg-popover::slotted(*){display:inline-block}.mg-popover{display:none;padding:1.5rem;z-index:9999;border-radius:0.5rem;background-color:hsl(var(--mg-popover-background-color));-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:hsl(var(--mg-popover-font-color))}.mg-popover[data-show]{display:block}.mg-popover mg-button{float:right;margin-right:calc(0rem - (var(--default-size) - var(--mg-icon-regular-size)) / 2);margin-top:calc(0rem - (var(--default-size) - var(--mg-popover-title-font-size) * var(--line-height)) / 2);margin-left:3rem}.mg-popover .mg-popover__arrow,.mg-popover .mg-popover__arrow::before{position:absolute;width:2rem;height:2rem;z-index:-1;background:inherit}.mg-popover .mg-popover__arrow{visibility:hidden}.mg-popover .mg-popover__arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mg-popover[data-popper-placement^=top]>.mg-popover__arrow{bottom:-6px}.mg-popover[data-popper-placement^=bottom]>.mg-popover__arrow{top:-6px}.mg-popover[data-popper-placement^=left]>.mg-popover__arrow{right:-6px}.mg-popover[data-popper-placement^=right]>.mg-popover__arrow{left:-6px}.mg-popover__title ::slotted(*){margin:0 0 1rem;font-size:var(--mg-popover-title-font-size);font-weight:600}.mg-tabs.mg-tabs--size-regular .mg-tabs__navigation-button{padding:calc(1rem + 0.3rem) calc(1rem * 1.3) 1rem}.mg-tabs.mg-tabs--size-large .mg-tabs__navigation-button{padding:calc(1.8rem + 0.3rem) calc(1.8rem * 1.3) 1.8rem}.mg-tabs__header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.mg-tabs__navigation-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;background:none;border:none;border-bottom:0.3rem solid transparent;color:hsl(var(--color-dark));line-height:var(--line-height);cursor:pointer}.mg-tabs__navigation-button:disabled,.mg-tabs__navigation-button--disabled{cursor:default;opacity:30%}.mg-tabs__navigation-button:hover:not(:disabled),.mg-tabs__navigation-button:focus:not(:disabled){background-color:hsla(var(--color-info-h), var(--color-info-s), var(--color-info-l), 10%)}.mg-tabs__navigation-button.mg-tabs__navigation-button--active{color:hsl(var(--color-info));border-bottom-color:hsl(var(--color-info));font-weight:700}.mg-tabs__content-container:focus-visible{outline:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mg-group-elements>*:not(:last-child){margin-right:1rem !important}.mg-input__toggle-item-container:first-of-type{background-color:hsl(var(--color-info)) !important;color:hsl(var(--color-light)) !important}.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type,.mg-input.mg-input--toggle-is-active.mg-input--toggle-on-off .mg-input__toggle-item-container:first-of-type{background:none !important;font-weight:200 !important;color:hsl(var(--color-dark)) !important}.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type,.mg-input.mg-input--toggle-is-active.mg-input--toggle-on-off .mg-input__toggle-item-container:last-of-type{background-color:hsl(var(--color-info)) !important;color:hsl(var(--color-light)) !important}.mg-input.mg-input--toggle-is-active.mg-input--toggle-readonly .mg-input__toggle-item-container:last-of-type,.mg-input.mg-input--toggle-is-active.mg-input--toggle-on-off.mg-input--toggle-readonly .mg-input__toggle-item-container:last-of-type{display:block !important}.mg-input.mg-input--toggle-on-off .mg-input__toggle-item-container:first-of-type{background-color:hsl(var(--color-dark)) !important;color:hsl(var(--color-light)) !important}.mg-tabs__navigation-button:hover,.mg-tabs__navigation-button:focus{color:hsl(var(--color-info)) !important;border-bottom-color:hsl(var(--color-info)) !important;font-weight:700 !important}.mg-tabs__navigation-button mg-icon{margin-right:0.5rem}.mg-tabs__navigation-button mg-badge{margin-left:0.5rem}.mg-modal{background-color:rgba(0, 0, 0, 0.5)}.mg-input__input-group:not(:last-child){margin-right:1rem !important}.mg-form .mg-input,.mg-form-group .mg-input{margin-bottom:1.5rem !important}.mg-form mg-input-title,.mg-form-group mg-input-title{width:15rem !important;margin-right:3rem !important;-ms-flex-negative:0 !important;flex-shrink:0 !important}.mg-form mg-input-title legend,.mg-form-group mg-input-title legend{display:inline;text-align:right}.mg-form.mg-form--all-required .mg-input-title__required,.mg-form-group.mg-form--all-required .mg-input-title__required{display:none}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-size:1.3rem;--line-height:1.4;--font-family:'Open Sans', sans-serif;--font-family-heading:'Poppins', sans-serif;--color-font-light:var(--color-light);--color-font-dark:var(--color-dark);--color-neutral-h:0;--color-neutral-s:0%;--color-neutral-l:99.6%;--color-neutral:var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l);--color-warning-h:41;--color-warning-s:100%;--color-warning-l:62.2%;--color-warning:var(--color-warning-h), var(--color-warning-s), var(--color-warning-l);--color-success-h:159;--color-success-s:66%;--color-success-l:51.6%;--color-success:var(--color-success-h), var(--color-success-s), var(--color-success-l);--color-info-h:204;--color-info-s:100%;--color-info-l:30.6%;--color-info:var(--color-info-h), var(--color-info-s), var(--color-info-l);--color-danger-h:357;--color-danger-s:75%;--color-danger-l:49%;--color-danger:var(--color-danger-h), var(--color-danger-s), var(--color-danger-l);--color-dark-h:194;--color-dark-s:37.3%;--color-dark-l:13.1%;--color-dark:var(--color-dark-h), var(--color-dark-s), var(--color-dark-l);--color-light-h:0;--color-light-s:0%;--color-light-l:100%;--color-light:var(--color-light-h), var(--color-light-s), var(--color-light-l);--color-primary-h:hsl(var(--color-dark-h));--color-primary-s:hsl(var(--color-dark-s));--color-primary-l:hsl(var(--color-dark-l));--color-primary:hsl(var(--color-dark));--color-secondary-h:hsl(var(--color-neutral-h));--color-secondary-s:hsl(var(--color-neutral-s));--color-secondary-l:hsl(var(--color-neutral-l));--color-secondary:hsl(var(--color-neutral));--box-shadow:0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);--default-size:3.5rem;--mg-icon-small-size:1.2rem;--mg-icon-regular-size:1.6rem;--mg-icon-large-size:2.4rem;--mg-icon-extra-large-size:3.6rem;--mg-button-border-radius:0.3rem;--mg-button-icon-border-radius:var(--default-size);--mg-button-disabled-opacity:0.6;--mg-button-gradient:1;--mg-button-border-variation:1;--mg-button-primary-color-h:var(--color-dark-h);--mg-button-primary-color-s:var(--color-dark-s);--mg-button-primary-color-l:var(--color-dark-l);--mg-button-primary-font-color:var(--color-neutral);--mg-button-secondary-color-h:var(--color-neutral-h);--mg-button-secondary-color-s:var(--color-neutral-s);--mg-button-secondary-color-l:var(--color-neutral-l);--mg-button-secondary-font-color:var(--color-dark);--mg-tag-height:2.3rem;--mg-tag-border-radius:0.5rem;--mg-tag-font-size:1.2rem;--mg-badge-size:1.6rem;--mg-badge-font-size:1.1rem;--mg-tooltip-border-radius:0.5rem;--mg-tooltip-background-color:var(--color-dark);--mg-tooltip-font-color:var(--color-font-light);--mg-popover-background-color:var(--color-light);--mg-popover-font-color:var(--color-font-dark);--mg-popover-title-font-size:1.4rem;--mg-message-border-radius:0.3rem;--mg-modal-border-radius:0.5rem;--mg-modal-title-font-size:1.8rem;--mg-modal-content-font-size:1.2rem;--mg-panel-border-radius:0.5rem;--mg-panel-background:var(--color-info-h) var(--color-info-s) calc(var(--color-info-l) + 68%);--mg-grid-spacing:1rem;--mg-inputs-border-width:0.1rem;--mg-inputs-border-radius:0.3rem;--mg-inputs-color:#b5c2c9;--mg-inputs-spacer:1rem;--mg-inputs-error-bg-color:var(--color-danger-h), calc(var(--color-danger-s) + 5%), calc(var(--color-danger-l) + 49%);--mg-inputs-color-shadow-focus-hsl:188, 100%, 50%;--mg-input-toggle-border-radius-ratio:2;--mg-input-check-size:1.3rem}@font-face{font-family:"Open Sans";src:url("fonts/OpenSans-Regular.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-weight:600;src:url("fonts/OpenSans-SemiBold.ttf") format("truetype")}@font-face{font-family:"Poppins";font-weight:bold;src:url("fonts/Poppins-Bold.ttf") format("truetype")}*,*::before,*::after{box-sizing:border-box}html{font-size:62.5%}body{font-size:var(--font-size);font-family:var(--font-family);line-height:var(--line-height);-webkit-font-smoothing:antialiased}p{margin:0}p+p{margin-top:1rem}h1,.h1{font-family:var(--font-family-heading)}h2,.h2{font-family:var(--font-family-heading)}h3,.h3{font-family:var(--font-family-heading)}h4,.h4{font-family:var(--font-family-heading)}h5,.h5{font-family:var(--font-family-heading)}h6,.h6{font-family:var(--font-family-heading)}h1,.h1{font-size:calc(var(--font-size) * 1.85)}h2,.h2{font-size:calc(var(--font-size) * 1.65)}h3,.h3{font-size:calc(var(--font-size) * 1.35)}h4,.h4{font-size:calc(var(--font-size) * 1.2)}h5,.h5{font-size:calc(var(--font-size) * 1.1)}h6,.h6{font-size:calc(var(--font-size) * 0.8)}a{color:hsl(var(--color-primary));text-decoration:underline}a:hover,a:focus,a:active{text-decoration:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-grid{display:flex;flex-wrap:wrap}.mg-grid__col{flex:1 0 0%;padding:0 var(--mg-grid-spacing)}.mg-grid__col.mg-grid__col-1{flex:0 0 auto;width:8.3333333333%}.mg-grid__col.mg-grid__col-2{flex:0 0 auto;width:16.6666666667%}.mg-grid__col.mg-grid__col-3{flex:0 0 auto;width:25%}.mg-grid__col.mg-grid__col-4{flex:0 0 auto;width:33.3333333333%}.mg-grid__col.mg-grid__col-5{flex:0 0 auto;width:41.6666666667%}.mg-grid__col.mg-grid__col-6{flex:0 0 auto;width:50%}.mg-grid__col.mg-grid__col-7{flex:0 0 auto;width:58.3333333333%}.mg-grid__col.mg-grid__col-8{flex:0 0 auto;width:66.6666666667%}.mg-grid__col.mg-grid__col-9{flex:0 0 auto;width:75%}.mg-grid__col.mg-grid__col-10{flex:0 0 auto;width:83.3333333333%}.mg-grid__col.mg-grid__col-11{flex:0 0 auto;width:91.6666666667%}.mg-grid__col.mg-grid__col-12{flex:0 0 auto;width:100%}.mg-group-elements{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.mg-group-elements>*{margin:0 !important}.mg-group-elements.mg-group-elements--align-right{justify-content:flex-end}.no-padding{padding:0}[hide]{display:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-badge{padding:0 0.4rem;height:var(--mg-badge-size);min-width:var(--mg-badge-size);box-sizing:border-box;border:0.1rem solid;border-radius:calc(var(--mg-badge-size) / 2);font-size:var(--mg-badge-font-size);font-weight:600;text-align:center;line-height:var(--mg-badge-size)}.mg-badge.mg-badge--primary{background-color:hsl(var(--color-dark));border-color:hsl(var(--color-dark));color:hsl(var(--color-light))}.mg-badge.mg-badge--primary.mg-badge--outline{background-color:transparent;color:hsl(var(--color-dark))}.mg-badge.mg-badge--secondary{background-color:hsl(var(--color-light));border-color:hsl(var(--color-light));color:hsl(var(--color-dark))}.mg-badge.mg-badge--secondary.mg-badge--outline{background-color:transparent;color:hsl(var(--color-light))}.mg-badge.mg-badge--success{background-color:hsl(var(--color-success));border-color:hsl(var(--color-success));color:hsl(var(--color-dark))}.mg-badge.mg-badge--success.mg-badge--outline{background-color:transparent;color:hsl(var(--color-success))}.mg-badge.mg-badge--warning{background-color:hsl(var(--color-warning));border-color:hsl(var(--color-warning));color:hsl(var(--color-dark))}.mg-badge.mg-badge--warning.mg-badge--outline{background-color:transparent;color:hsl(var(--color-warning))}.mg-badge.mg-badge--danger{background-color:hsl(var(--color-danger));border-color:hsl(var(--color-danger));color:hsl(var(--color-light))}.mg-badge.mg-badge--danger.mg-badge--outline{background-color:transparent;color:hsl(var(--color-danger))}.mg-badge.mg-badge--info{background-color:hsl(var(--color-info));border-color:hsl(var(--color-info));color:hsl(var(--color-light))}.mg-badge.mg-badge--info.mg-badge--outline{background-color:transparent;color:hsl(var(--color-info))}.mg-badge,mg-badge{display:inline-flex;align-items:center;justify-content:center}.mg-button{position:relative;display:inline-flex;align-items:center;column-gap:0.6rem;padding:calc((var(--default-size) - 0.2rem - var(--font-size) * var(--line-height)) / 2) 1.1rem;min-height:var(--default-size);box-sizing:border-box;border-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-border-radius));cursor:pointer;background-image:none;border-top-width:var(--mg-button-border-top-width, 0.1rem);border-right-width:var(--mg-button-border-right-width, 0.1rem);border-bottom-width:var(--mg-button-border-bottom-width, 0.1rem);border-left-width:var(--mg-button-border-left-width, 0.1rem);border-style:solid;font-family:inherit;text-decoration:none;font-weight:normal;text-align:left;touch-action:manipulation}.mg-button[disabled],.mg-button[aria-disabled=true],.mg-button.disabled{opacity:var(--mg-button-disabled-opacity);cursor:default}.mg-button.mg-button--icon{padding:0;justify-content:center;width:var(--default-size);height:var(--default-size);border-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-icon-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-icon-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-icon-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-icon-border-radius));font-size:var(--font-size);line-height:var(--font-size)}.mg-button.mg-button--primary{border-color:hsl(var(--mg-button-primary-border-color, var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--mg-button-primary-font-color));background:linear-gradient(to bottom, hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l)), hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--primary:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--primary:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--primary:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l))}.mg-button.mg-button--secondary{border-color:hsl(var(--mg-button-secondary-border-color, var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--mg-button-secondary-font-color));background:linear-gradient(to bottom, hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l)), hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--secondary:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--secondary:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--secondary:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l))}.mg-button.mg-button--danger{border-color:hsl(var(--mg-button-danger-border-color, var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--color-neutral));background:linear-gradient(to bottom, hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l)), hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--danger:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--danger:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l))}.mg-button.mg-button--danger-alt{border-color:hsl(var(--mg-button-danger-alt-border-color, var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--color-danger));background:linear-gradient(to bottom, hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l)), hsl(var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger-alt:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--danger-alt:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--danger-alt:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l))}.mg-button.mg-button--info{border-color:hsl(var(--mg-button-info-border-color, var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--color-neutral));background:linear-gradient(to bottom, hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l)), hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--info:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--info:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--info:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l))}.mg-button.mg-button--success{border-color:hsl(var(--mg-button-success-border-color, var(--color-success-h), var(--color-success-s), calc(var(--color-success-l) - var(--mg-button-border-variation) * 10%)));color:hsl(var(--color-dark));background:linear-gradient(to bottom, hsl(var(--color-success-h), var(--color-success-s), var(--color-success-l)), hsl(var(--color-success-h), var(--color-success-s), calc(var(--color-success-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--success:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--success:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--success:active:not([disabled],[aria-disabled=true],.disabled){background:hsl(var(--color-success-h), var(--color-success-s), var(--color-success-l))}.mg-button.mg-button--flat{background:none;border:none}.mg-button.mg-button--flat:hover:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--flat:focus:not([disabled],[aria-disabled=true],.disabled),.mg-button.mg-button--flat:active:not([disabled],[aria-disabled=true],.disabled){background:hsla(var(--color-dark), 0.1)}.mg-button mg-icon:only-child,.mg-button ::slotted(mg-icon){display:inline-flex;flex-shrink:0;line-height:1;margin:auto 0}.mg-button.mg-button--loading>mg-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.mg-button.mg-button--loading .mg-button__content{opacity:0}.mg-button__content{display:flex;align-items:center;column-gap:0.6rem}mg-button{display:inline-block}.mg-button,mg-button{vertical-align:middle;max-width:100%}mg-character-left{display:block}:host{display:inline-flex;vertical-align:middle}.mg-icon[size=small],.mg-icon.mg-icon--size-small{width:var(--mg-icon-small-size);height:var(--mg-icon-small-size)}.mg-icon[size=regular],.mg-icon.mg-icon--size-regular{width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size)}.mg-icon[size=large],.mg-icon.mg-icon--size-large{width:var(--mg-icon-large-size);height:var(--mg-icon-large-size)}.mg-icon[size=extra-large],.mg-icon.mg-icon--size-extra-large{width:var(--mg-icon-extra-large-size);height:var(--mg-icon-extra-large-size)}.mg-icon[class*=mg-icon--variant-]{border-radius:var(--mg-message-border-radius);padding:0.3rem}.mg-icon.mg-icon--variant-success{background-color:hsl(var(--color-success-h), var(--color-success-s), calc(var(--color-success-l) + 20%))}.mg-icon.mg-icon--variant-warning{background-color:hsl(var(--color-warning-h), var(--color-warning-s), calc(var(--color-warning-l) + 20%))}.mg-icon.mg-icon--variant-danger{background-color:hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) + 20%))}.mg-icon.mg-icon--variant-info{background-color:hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) + 20%))}.loader__full-circle{opacity:0.2}.mg-icon--spin{animation-name:rotate;animation-duration:0.75s;animation-iteration-count:infinite}@keyframes rotate{to{transform:rotate(360deg)}}.mg-tag{padding:calc((var(--mg-tag-height) - 0.2rem - var(--mg-tag-font-size) * var(--line-height)) / 2) 0.6rem;min-height:var(--mg-tag-height);box-sizing:border-box;border-radius:var(--mg-tag-border-radius);border:0.1rem solid;font-size:var(--mg-tag-font-size);font-weight:600;text-align:center}.mg-tag.mg-tag--primary{background-color:hsl(var(--color-dark));border-color:hsl(var(--color-dark));color:hsl(var(--color-light))}.mg-tag.mg-tag--primary.mg-tag--outline{background-color:transparent;color:hsl(var(--color-dark))}.mg-tag.mg-tag--secondary{background-color:hsl(var(--color-light));border-color:hsl(var(--color-light));color:hsl(var(--color-dark))}.mg-tag.mg-tag--secondary.mg-tag--outline{background-color:transparent;color:hsl(var(--color-light))}.mg-tag.mg-tag--success{background-color:hsl(var(--color-success));border-color:hsl(var(--color-success));color:hsl(var(--color-dark))}.mg-tag.mg-tag--success.mg-tag--outline{background-color:transparent;color:hsl(var(--color-success))}.mg-tag.mg-tag--warning{background-color:hsl(var(--color-warning));border-color:hsl(var(--color-warning));color:hsl(var(--color-dark))}.mg-tag.mg-tag--warning.mg-tag--outline{background-color:transparent;color:hsl(var(--color-warning))}.mg-tag.mg-tag--danger{background-color:hsl(var(--color-danger));border-color:hsl(var(--color-danger));color:hsl(var(--color-light))}.mg-tag.mg-tag--danger.mg-tag--outline{background-color:transparent;color:hsl(var(--color-danger))}.mg-tag.mg-tag--info{background-color:hsl(var(--color-info));border-color:hsl(var(--color-info));color:hsl(var(--color-light))}.mg-tag.mg-tag--info.mg-tag--outline{background-color:transparent;color:hsl(var(--color-info))}.mg-tag,mg-tag{display:inline-block;vertical-align:middle}:host{display:inline-block}.mg-tooltip{display:none;padding:0.5rem 0.8rem;z-index:9999;border-radius:var(--mg-tooltip-border-radius);background-color:hsl(var(--mg-tooltip-background-color));color:hsl(var(--mg-tooltip-font-color));text-align:start}.mg-tooltip[data-show]{display:block}.mg-tooltip .mg-tooltip__arrow,.mg-tooltip .mg-tooltip__arrow::before{position:absolute;width:0.8rem;height:0.8rem;z-index:9999;background:inherit}.mg-tooltip .mg-tooltip__arrow{visibility:hidden}.mg-tooltip .mg-tooltip__arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.mg-tooltip[data-popper-placement^=top]>.mg-tooltip__arrow{bottom:-4px}.mg-tooltip[data-popper-placement^=bottom]>.mg-tooltip__arrow{top:-4px}.mg-tooltip[data-popper-placement^=left]>.mg-tooltip__arrow{right:-4px}.mg-tooltip[data-popper-placement^=right]>.mg-tooltip__arrow{left:-4px}.is-asterisk{color:hsl(var(--color-danger))}.mg-form,.mg-form-group{--mg-inputs-margin-bottom:1.5rem;--mg-inputs-title-horizontal-space:3rem;--mg-inputs-title-width:15rem;--mg-inputs-shrink:0}.mg-form.mg-form--all-required,.mg-form-group.mg-form--all-required{--mg-input-title-display:none}.mg-form>p,.mg-form-group>p{font-size:1.2rem}.mg-message{display:inline-block;position:relative;box-sizing:border-box;min-height:var(--default-size);overflow:hidden;background-color:white;border-radius:var(--mg-message-border-radius);box-shadow:var(--box-shadow)}.mg-message::before{content:"";position:absolute;top:0;left:0;width:0.3rem;height:100%}.mg-message.mg-message--info::before{background-color:hsl(var(--color-info))}.mg-message.mg-message--info .mg-message__icon{color:hsl(var(--color-info))}.mg-message.mg-message--warning::before{background-color:hsl(var(--color-warning))}.mg-message.mg-message--warning .mg-message__icon{color:hsl(var(--color-warning))}.mg-message.mg-message--success::before{background-color:hsl(var(--color-success))}.mg-message.mg-message--success .mg-message__icon{color:hsl(var(--color-success))}.mg-message.mg-message--danger::before{background-color:hsl(var(--color-danger))}.mg-message.mg-message--danger .mg-message__icon{color:hsl(var(--color-danger))}.mg-message.mg-message--close-button{padding-right:3.4rem}.mg-message.mg-message--hide{display:none}.mg-message ::slotted(*){margin:0;padding:0}.mg-message__icon{position:absolute;top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2);left:1.3rem;line-height:1}.mg-message__content{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:stretch;padding:0 1rem 0 3.8rem}.mg-message__content-slot{flex-grow:1;margin:0.84rem 0}.mg-message__content-separator{display:inline-block;width:4.5rem;height:0}.mg-message__content-actions-slot{padding:1rem 0;text-align:right}.mg-message__close-button{position:absolute;top:0;right:0}.mg-message,mg-message{max-width:100%}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}.mg-pagination__nav{display:flex;align-items:center;flex-direction:row}.mg-pagination__nav mg-input-select{margin-right:0.5rem}.mg-pagination__button{display:flex}.mg-pagination__button:first-of-type{margin-right:1rem}.mg-pagination__button:last-of-type{margin-left:1rem}mg-popover{display:contents}mg-popover::slotted(*){display:inline-block}.mg-popover{display:none;padding:1.5rem;z-index:9999;border-radius:0.5rem;background-color:hsl(var(--mg-popover-background-color));box-shadow:var(--box-shadow);color:hsl(var(--mg-popover-font-color))}.mg-popover[data-show]{display:block}.mg-popover mg-button{float:right;margin-right:calc(0rem - (var(--default-size) - var(--mg-icon-regular-size)) / 2);margin-top:calc(0rem - (var(--default-size) - var(--mg-popover-title-font-size) * var(--line-height)) / 2);margin-left:3rem}.mg-popover .mg-popover__arrow,.mg-popover .mg-popover__arrow::before{position:absolute;width:2rem;height:2rem;z-index:-1;background:inherit}.mg-popover .mg-popover__arrow{visibility:hidden}.mg-popover .mg-popover__arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.mg-popover[data-popper-placement^=top]>.mg-popover__arrow{bottom:-6px}.mg-popover[data-popper-placement^=bottom]>.mg-popover__arrow{top:-6px}.mg-popover[data-popper-placement^=left]>.mg-popover__arrow{right:-6px}.mg-popover[data-popper-placement^=right]>.mg-popover__arrow{left:-6px}.mg-popover__title ::slotted(*){margin:0 0 1rem;font-size:var(--mg-popover-title-font-size);font-weight:600}.mg-tabs.mg-tabs--size-regular .mg-tabs__navigation-button{padding:calc(1rem + 0.3rem) calc(1rem * 1.3) 1rem}.mg-tabs.mg-tabs--size-large .mg-tabs__navigation-button{padding:calc(1.8rem + 0.3rem) calc(1.8rem * 1.3) 1.8rem}.mg-tabs__header{display:flex;flex-direction:row;flex-wrap:wrap}.mg-tabs__navigation-button{display:flex;align-items:center;column-gap:0.5rem;background:none;border:none;border-bottom:0.3rem solid transparent;color:hsl(var(--color-dark));line-height:var(--line-height);cursor:pointer}.mg-tabs__navigation-button:disabled,.mg-tabs__navigation-button--disabled{cursor:default;opacity:30%}.mg-tabs__navigation-button:hover:not(:disabled),.mg-tabs__navigation-button:focus:not(:disabled){background-color:hsla(var(--color-info-h), var(--color-info-s), var(--color-info-l), 10%)}.mg-tabs__navigation-button.mg-tabs__navigation-button--active{color:hsl(var(--color-info));border-bottom-color:hsl(var(--color-info));font-weight:700}.mg-tabs__navigation-button.mg-tabs__navigation-button--hidden{display:none}.mg-tabs__content-container:focus-visible{outline:none}

package/dist/mg-components/mg-components.esm.js

@@ -1 +1 @@
-import{p as e,w as l,a,b as i}from"./p-68d6f104.js";(()=>{e.l=l.__cssshim;const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),a(t)})().then((e=>i([["p-dfe25da3",[[1,"mg-pagination",{identifier:[1],label:[1],totalPages:[2,"total-pages"],currentPage:[1538,"current-page"]}],[1,"mg-panel",{identifier:[1],panelTitle:[1025,"panel-title"],expanded:[1028],titleEditable:[4,"title-editable"],classList:[32],isEditing:[32],updatedPanelTitle:[32]}],[1,"mg-input-checkbox",{value:[1040],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],inputVerticalList:[4,"input-vertical-list"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],checkboxItems:[32],displayError:[64]}],[1,"mg-input-date",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],min:[1],max:[1],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-numeric",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],required:[4],readonly:[4],disabled:[4],width:[8],tooltip:[1],helpText:[1,"help-text"],type:[1],max:[2],min:[2],integerLength:[2,"integer-length"],decimalLength:[2,"decimal-length"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],hasFocus:[32],displayError:[64]}],[1,"mg-input-password",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],required:[4],readonly:[4],disabled:[4],width:[8],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-radio",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],inputVerticalList:[4,"input-vertical-list"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],displayError:[64]}],[1,"mg-input-textarea",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],maxlength:[2],required:[4],readonly:[4],disabled:[4],width:[8],pattern:[1],patternErrorMessage:[1,"pattern-error-message"],rows:[2],tooltip:[1],displayCharacterLeft:[4,"display-character-left"],characterLeftTemplate:[1,"character-left-template"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-toggle",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],isOnOff:[4,"is-on-off"],isIcon:[4,"is-icon"],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],classList:[32],options:[32],checked:[32]}],[1,"mg-message",{identifier:[1],delay:[2],variant:[1],closeButton:[1028,"close-button"],hide:[1028],classList:[32],hasActions:[32]}],[6,"mg-tabs",{identifier:[1],label:[1],size:[1],items:[16],activeTab:[1538,"active-tab"],tabs:[32],classList:[32]}],[1,"mg-form",{identifier:[1],name:[1],readonly:[4],disabled:[4],valid:[1028],invalid:[1028],classList:[32],displayError:[64]}],[1,"mg-tag",{variant:[1],outline:[4],classList:[32]}],[1,"mg-input-select",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],placeholderHide:[4,"placeholder-hide"],placeholderDisabled:[4,"placeholder-disabled"],required:[4],readonly:[4],disabled:[4],width:[8],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],valueExist:[32],readonlyValue:[32],displayError:[64]}],[1,"mg-input-text",{value:[1537],identifier:[1],name:[1],label:[1],type:[1],icon:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],maxlength:[2],required:[4],readonly:[4],disabled:[4],width:[8],pattern:[1],patternErrorMessage:[1,"pattern-error-message"],tooltip:[1],displayCharacterLeft:[4,"display-character-left"],characterLeftTemplate:[1,"character-left-template"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],setFocus:[64],displayError:[64]}],[1,"mg-badge",{value:[1032],label:[1],variant:[1],outline:[4],classList:[32]}],[6,"mg-button",{variant:[1],identifier:[1],label:[1],disabled:[1028],isIcon:[4,"is-icon"],disableOnClick:[4,"disable-on-click"],expanded:[4],controls:[1],haspopup:[8],loading:[32],classList:[32]}],[2,"mg-character-left",{identifier:[1],template:[1],characters:[1],maxlength:[2]}],[6,"mg-input-title",{identifier:[1],required:[4],isLegend:[4,"is-legend"],tagName:[32]}],[6,"mg-tooltip",{identifier:[1],message:[1],placement:[1],display:[1028],disabled:[1028]}],[1,"mg-icon",{icon:[1],size:[1],variant:[1],spin:[4],classList:[32]}]]],["p-c46fbd54",[[1,"mg-modal",{identifier:[1],modalTitle:[1,"modal-title"],closeButton:[1028,"close-button"],hide:[1028],hasActions:[32],hasContent:[32],classList:[32]},[[8,"keydown","handleKeyDown"]]]]],["p-70177194",[[6,"mg-popover",{identifier:[1],placement:[1],closeButton:[4,"close-button"],display:[1028],disabled:[1028]}]]]],e)));
+import{p as e,b as l}from"./p-b14a3443.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-766c918b",[[1,"mg-panel",{identifier:[1],panelTitle:[1025,"panel-title"],titlePattern:[1025,"title-pattern"],titlePatternErrorMessage:[1025,"title-pattern-error-message"],expanded:[1028],expandToggleDisabled:[1028,"expand-toggle-disabled"],titleEditable:[4,"title-editable"],classList:[32],isEditing:[32],updatedPanelTitle:[32]}],[1,"mg-pagination",{identifier:[1],label:[1025],totalPages:[2,"total-pages"],currentPage:[1538,"current-page"]}],[1,"mg-input-textarea",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],maxlength:[2],required:[4],readonly:[4],disabled:[4],mgWidth:[8,"mg-width"],pattern:[1],patternErrorMessage:[1,"pattern-error-message"],rows:[2],tooltip:[1],displayCharacterLeft:[4,"display-character-left"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],resizable:[1],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-checkbox",{value:[1040],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],inputVerticalList:[4,"input-vertical-list"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],checkboxItems:[32],displayError:[64]}],[1,"mg-input-date",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],min:[1],max:[1],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-numeric",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],required:[4],readonly:[4],disabled:[4],mgWidth:[8,"mg-width"],tooltip:[1],helpText:[1,"help-text"],type:[1],currency:[1],max:[2],min:[2],integerLength:[2,"integer-length"],decimalLength:[2,"decimal-length"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],hasFocus:[32],displayError:[64]}],[1,"mg-input-password",{value:[1537],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],required:[4],readonly:[4],disabled:[4],mgWidth:[8,"mg-width"],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-radio",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],inputVerticalList:[4,"input-vertical-list"],required:[4],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],displayError:[64]}],[1,"mg-input-toggle",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],isOnOff:[4,"is-on-off"],isIcon:[4,"is-icon"],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],classList:[32],options:[32],checked:[32]}],[1,"mg-message",{identifier:[1],delay:[2],variant:[1],closeButton:[1028,"close-button"],hide:[1028],classList:[32],hasActions:[32]}],[4,"mg-tabs",{identifier:[1],label:[1],size:[1],items:[16],activeTab:[1538,"active-tab"],tabs:[32],classList:[32]}],[1,"mg-form",{identifier:[1],name:[1],readonly:[4],disabled:[4],valid:[1028],invalid:[1028],classList:[32],displayError:[64]}],[1,"mg-tag",{variant:[1],outline:[4],classList:[32]}],[1,"mg-input-text",{value:[1537],identifier:[1],name:[1],label:[1],type:[1],icon:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1],maxlength:[2],required:[4],readonly:[4],disabled:[4],mgWidth:[8,"mg-width"],pattern:[1],patternErrorMessage:[1,"pattern-error-message"],tooltip:[1],displayCharacterLeft:[4,"display-character-left"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],setFocus:[64],displayError:[64]}],[1,"mg-input-select",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],placeholder:[1025],placeholderHide:[4,"placeholder-hide"],placeholderDisabled:[4,"placeholder-disabled"],required:[4],readonly:[4],disabled:[4],mgWidth:[8,"mg-width"],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],valueExist:[32],readonlyValue:[32],displayError:[64]}],[1,"mg-badge",{value:[1032],label:[1],variant:[1],outline:[4],classList:[32]}],[2,"mg-character-left",{identifier:[1],characters:[1],maxlength:[2]}],[6,"mg-button",{variant:[1],identifier:[1],label:[1],disabled:[1028],isIcon:[4,"is-icon"],disableOnClick:[4,"disable-on-click"],expanded:[4],controls:[1],haspopup:[8],loading:[32],classList:[32]}],[6,"mg-input-title",{identifier:[1],required:[4],isLegend:[4,"is-legend"],tagName:[32]}],[6,"mg-tooltip",{identifier:[1],message:[1],placement:[1],display:[1028],disabled:[1028]}],[1,"mg-icon",{icon:[1],size:[1],variant:[1],spin:[4],classList:[32]}]]],["p-462d648a",[[1,"mg-modal",{identifier:[1],modalTitle:[1,"modal-title"],closeButton:[1028,"close-button"],hide:[1028],hasActions:[32],hasContent:[32],classList:[32]},[[8,"keydown","handleKeyDown"]]]]],["p-5126ab10",[[6,"mg-popover",{identifier:[1],placement:[1],closeButton:[4,"close-button"],display:[1028],disabled:[1028]}]]]],e)));

package/dist/mg-components/p-462d648a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as o,g as a}from"./p-b14a3443.js";import{c as s,C as e,i as l}from"./p-780bd52d.js";const m=class{constructor(o){t(this,o),this.componentShow=i(this,"component-show",7),this.componentHide=i(this,"component-hide",7),this.classHide="mg-modal--hide",this.closeButtonId="",this.titleId="",this.identifier=s("mg-modal"),this.closeButton=!1,this.hide=!1,this.hasActions=!1,this.hasContent=!1,this.classList=new e(["mg-modal"]),this.handleClose=()=>{this.hide=!0}}validateHide(t){t?(this.componentHide.emit(),this.classList.add(this.classHide)):(this.componentShow.emit(),this.classList.delete(this.classHide))}handleKeyDown(t){this.closeButton&&"Escape"===t.key&&(this.hide=!0)}componentWillLoad(){this.messages=l(this.element).messages,this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.hasContent=null!==this.element.querySelector('[slot="content"]'),this.closeButton&&(this.closeButtonId=`${this.identifier}-close-button`),this.titleId=`${this.identifier}-title`,this.validateHide(this.hide)}render(){return o("section",{role:"dialog",id:this.identifier,class:this.classList.join(),tabindex:"-1","aria-labelledby":this.titleId,"aria-modal":"true","aria-hidden":this.hide},o("article",{class:"mg-modal__dialog"},o("header",{class:"mg-modal__header"},this.closeButton&&o("span",{class:"mg-modal__close-button"},o("mg-button",{identifier:this.closeButtonId,"is-icon":!0,variant:"flat",label:this.messages.modal.closeButton,onClick:this.handleClose},o("mg-icon",{icon:"cross"}))),o("h1",{class:"mg-modal__title",id:this.titleId},this.modalTitle)),this.hasContent&&o("article",{class:"mg-modal__content"},o("slot",{name:"content"})),this.hasActions&&o("footer",{class:"mg-modal__footer"},o("slot",{name:"actions"}))))}get element(){return a(this)}static get watchers(){return{hide:["validateHide"]}}};m.style=".mg-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:2rem 0;background-color:hsla(var(--color-light), 85%)}.mg-modal__dialog{display:flex;flex-direction:column;align-self:center;row-gap:3rem;padding:1.5rem 2.5rem;width:60rem;height:fit-content;max-width:100%;max-height:100%;box-sizing:border-box;background-color:hsl(var(--color-light));box-shadow:var(--box-shadow);border-radius:var(--mg-modal-border-radius)}.mg-modal__header{margin-bottom:0.5rem}.mg-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--mg-modal-title-font-size);font-weight:600}.mg-modal__close-button{float:right;height:var(--mg-modal-title-font-size);margin-top:calc((var(--default-size) - var(--mg-modal-title-font-size) * var(--line-height)) / 2 * -1);margin-right:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2 * -1)}.mg-modal .mg-modal__content{overflow-y:auto}.mg-modal .mg-modal__content::slotted(*){font-size:var(--mg-modal-content-font-size)}.mg-modal.mg-modal--hide{display:none}";export{m as mg_modal}

package/dist/mg-components/p-4c66f794.js

@@ -0,0 +1 @@
+var t="top",n="bottom",e="right",r="left",o=[t,n,e,r],i=o.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),a=[].concat(o,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),u=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function f(t){return t?(t.nodeName||"").toLowerCase():null}function c(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function p(t){return t instanceof c(t).Element||t instanceof Element}function d(t){return t instanceof c(t).HTMLElement||t instanceof HTMLElement}function s(t){return"undefined"!=typeof ShadowRoot&&(t instanceof c(t).ShadowRoot||t instanceof ShadowRoot)}function l(t){return t.split("-")[0]}var v=Math.max,b=Math.min,h=Math.round;function y(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,o=1;if(d(t)&&n){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=h(e.width)/a||1),i>0&&(o=h(e.height)/i||1)}return{width:e.width/r,height:e.height/o,top:e.top/o,right:e.right/r,bottom:e.bottom/o,left:e.left/r,x:e.left/r,y:e.top/o}}function m(t){var n=y(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function x(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&s(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function w(t){return c(t).getComputedStyle(t)}function O(t){return["table","td","th"].indexOf(f(t))>=0}function g(t){return((p(t)?t.ownerDocument:t.document)||window.document).documentElement}function j(t){return"html"===f(t)?t:t.assignedSlot||t.parentNode||(s(t)?t.host:null)||g(t)}function M(t){return d(t)&&"fixed"!==w(t).position?t.offsetParent:null}function k(t){for(var n=c(t),e=M(t);e&&O(e)&&"static"===w(e).position;)e=M(e);return e&&("html"===f(e)||"body"===f(e)&&"static"===w(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&d(t)&&"fixed"===w(t).position)return null;var e=j(t);for(s(e)&&(e=e.host);d(e)&&["html","body"].indexOf(f(e))<0;){var r=w(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function E(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function q(t,n,e){return v(t,b(n,e))}function A(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function B(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function P(t){return t.split("-")[1]}var R={top:"auto",right:"auto",bottom:"auto",left:"auto"};function S(o){var i,a=o.popper,u=o.popperRect,f=o.placement,p=o.variation,d=o.offsets,s=o.position,l=o.gpuAcceleration,v=o.adaptive,b=o.roundOffsets,y=o.isFixed,m=d.x,x=void 0===m?0:m,O=d.y,j=void 0===O?0:O,M="function"==typeof b?b({x,y:j}):{x,y:j};x=M.x,j=M.y;var E=d.hasOwnProperty("x"),q=d.hasOwnProperty("y"),A=r,B=t,P=window;if(v){var S=k(a),W="clientHeight",L="clientWidth";S===c(a)&&"static"!==w(S=g(a)).position&&"absolute"===s&&(W="scrollHeight",L="scrollWidth"),S=S,(f===t||(f===r||f===e)&&"end"===p)&&(B=n,j-=(y&&S===P&&P.visualViewport?P.visualViewport.height:S[W])-u.height,j*=l?1:-1),f!==r&&(f!==t&&f!==n||"end"!==p)||(A=e,x-=(y&&S===P&&P.visualViewport?P.visualViewport.width:S[L])-u.width,x*=l?1:-1)}var T,H=Object.assign({position:s},v&&R),I=!0===b?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:h(t.x*e)/e||0,y:h(n*e)/e||0}}({x,y:j}):{x,y:j};return x=I.x,j=I.y,Object.assign({},H,l?((T={})[B]=q?"0":"",T[A]=E?"0":"",T.transform=(P.devicePixelRatio||1)<=1?"translate("+x+"px, "+j+"px)":"translate3d("+x+"px, "+j+"px, 0)",T):((i={})[B]=q?j+"px":"",i[A]=E?x+"px":"",i.transform="",i))}var W={passive:!0},L={left:"right",right:"left",bottom:"top",top:"bottom"};function T(t){return t.replace(/left|right|bottom|top/g,(function(t){return L[t]}))}var H={start:"end",end:"start"};function I(t){return t.replace(/start|end/g,(function(t){return H[t]}))}function z(t){var n=c(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function C(t){return y(g(t)).left+z(t).scrollLeft}function D(t){var n=w(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function F(t){return["html","body","#document"].indexOf(f(t))>=0?t.ownerDocument.body:d(t)&&D(t)?t:F(j(t))}function U(t,n){var e;void 0===n&&(n=[]);var r=F(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=c(r),a=o?[i].concat(i.visualViewport||[],D(r)?r:[]):r,u=n.concat(a);return o?u:u.concat(U(j(a)))}function V(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function _(t,n){return"viewport"===n?V(function(t){var n=c(t),e=g(t),r=n.visualViewport,o=e.clientWidth,i=e.clientHeight,a=0,u=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:o,height:i,x:a+C(t),y:u}}(t)):p(n)?function(t){var n=y(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):V(function(t){var n,e=g(t),r=z(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=v(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=v(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),u=-r.scrollLeft+C(t),f=-r.scrollTop;return"rtl"===w(o||e).direction&&(u+=v(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:u,y:f}}(g(t)))}function G(o){var i,a=o.reference,u=o.element,f=o.placement,c=f?l(f):null,p=f?P(f):null,d=a.x+a.width/2-u.width/2,s=a.y+a.height/2-u.height/2;switch(c){case t:i={x:d,y:a.y-u.height};break;case n:i={x:d,y:a.y+a.height};break;case e:i={x:a.x+a.width,y:s};break;case r:i={x:a.x-u.width,y:s};break;default:i={x:a.x,y:a.y}}var v=c?E(c):null;if(null!=v){var b="y"===v?"height":"width";switch(p){case"start":i[v]=i[v]-(a[b]/2-u[b]/2);break;case"end":i[v]=i[v]+(a[b]/2-u[b]/2)}}return i}function J(r,i){void 0===i&&(i={});var a=i.placement,u=void 0===a?r.placement:a,c=i.boundary,s=void 0===c?"clippingParents":c,l=i.rootBoundary,h=void 0===l?"viewport":l,m=i.elementContext,O=void 0===m?"popper":m,M=i.altBoundary,E=void 0!==M&&M,q=i.padding,P=void 0===q?0:q,R=A("number"!=typeof P?P:B(P,o)),S=r.rects.popper,W=r.elements[E?"popper"===O?"reference":"popper":O],L=function(t,n,e){var r="clippingParents"===n?function(t){var n=U(j(t)),e=["absolute","fixed"].indexOf(w(t).position)>=0&&d(t)?k(t):t;return p(e)?n.filter((function(t){return p(t)&&x(t,e)&&"body"!==f(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),i=o.reduce((function(n,e){var r=_(t,e);return n.top=v(r.top,n.top),n.right=b(r.right,n.right),n.bottom=b(r.bottom,n.bottom),n.left=v(r.left,n.left),n}),_(t,o[0]));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(p(W)?W:W.contextElement||g(r.elements.popper),s,h),T=y(r.elements.reference),H=G({reference:T,element:S,strategy:"absolute",placement:u}),I=V(Object.assign({},S,H)),z="popper"===O?I:T,C={top:L.top-z.top+R.top,bottom:z.bottom-L.bottom+R.bottom,left:L.left-z.left+R.left,right:z.right-L.right+R.right},D=r.modifiersData.offset;if("popper"===O&&D){var F=D[u];Object.keys(C).forEach((function(r){var o=[e,n].indexOf(r)>=0?1:-1,i=[t,n].indexOf(r)>=0?"y":"x";C[r]+=F[i]*o}))}return C}function K(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,u=n.padding,f=n.flipVariations,c=n.allowedAutoPlacements,p=void 0===c?a:c,d=P(n.placement),s=d?f?i:i.filter((function(t){return P(t)===d})):o,v=s.filter((function(t){return p.indexOf(t)>=0}));0===v.length&&(v=s);var b=v.reduce((function(n,o){return n[o]=J(t,{placement:o,boundary:e,rootBoundary:r,padding:u})[l(o)],n}),{});return Object.keys(b).sort((function(t,n){return b[t]-b[n]}))}function N(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Q(o){return[t,e,n,r].some((function(t){return o[t]>=0}))}function X(t,n,e){void 0===e&&(e=!1);var r,o,i=d(n),a=d(n)&&function(t){var n=t.getBoundingClientRect(),e=h(n.width)/t.offsetWidth||1,r=h(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),u=g(n),p=y(t,a),s={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!e)&&(("body"!==f(n)||D(u))&&(s=(r=n)!==c(r)&&d(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:z(r)),d(n)?((l=y(n,!0)).x+=n.clientLeft,l.y+=n.clientTop):u&&(l.x=C(u))),{x:p.left+s.scrollLeft-l.x,y:p.top+s.scrollTop-l.y,width:p.width,height:p.height}}function Y(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var Z={placement:"bottom",modifiers:[],strategy:"absolute"};function $(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function tt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?Z:r;return function(t,n,r){void 0===r&&(r=o);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},Z,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},c=[],d=!1,s={state:f,setOptions:function(r){var i="function"==typeof r?r(f.options):r;l(),f.options=Object.assign({},o,f.options,i),f.scrollParents={reference:p(t)?U(t):t.contextElement?U(t.contextElement):[],popper:U(n)};var a,d,v=function(t){var n=Y(t);return u.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,f.options.modifiers),d=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(d).map((function(t){return d[t]}))));return f.orderedModifiers=v.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:f,name:t.name,instance:s,options:void 0===n?{}:n});c.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!d){var t=f.elements,n=t.reference,e=t.popper;if($(n,e)){f.rects={reference:X(n,k(e),"fixed"===f.options.strategy),popper:m(e)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<f.orderedModifiers.length;r++)if(!0!==f.reset){var o=f.orderedModifiers[r],i=o.fn,a=o.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:o.name,instance:s})||f)}else f.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){l(),d=!0}};if(!$(t,n))return s;function l(){c.forEach((function(t){return t()})),c=[]}return s.setOptions(r).then((function(t){!d&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var nt=tt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,a=r.resize,u=void 0===a||a,f=c(n.elements.popper),p=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&p.forEach((function(t){t.addEventListener("scroll",e.update,W)})),u&&f.addEventListener("resize",e.update,W),function(){i&&p.forEach((function(t){t.removeEventListener("scroll",e.update,W)})),u&&f.removeEventListener("resize",e.update,W)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=G({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,a=void 0===i||i,u=e.roundOffsets,f=void 0===u||u,c={placement:l(n.placement),variation:P(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,S(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,S(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];d(o)&&f(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});d(r)&&f(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var o=n.state,i=n.name,u=n.options.offset,f=void 0===u?[0,0]:u,c=a.reduce((function(n,i){return n[i]=function(n,o,i){var a=l(n),u=[r,t].indexOf(a)>=0?-1:1,f="function"==typeof i?i(Object.assign({},o,{placement:n})):i,c=f[0],p=f[1];return c=c||0,p=(p||0)*u,[r,e].indexOf(a)>=0?{x:p,y:c}:{x:c,y:p}}(i,o.rects,f),n}),{}),p=c[o.placement],d=p.y;null!=o.modifiersData.popperOffsets&&(o.modifiersData.popperOffsets.x+=p.x,o.modifiersData.popperOffsets.y+=d),o.modifiersData[i]=c}},{name:"flip",enabled:!0,phase:"main",fn:function(o){var i=o.state,a=o.options,u=o.name;if(!i.modifiersData[u]._skip){for(var f=a.mainAxis,c=void 0===f||f,p=a.altAxis,d=void 0===p||p,s=a.fallbackPlacements,v=a.padding,b=a.boundary,h=a.rootBoundary,y=a.altBoundary,m=a.flipVariations,x=void 0===m||m,w=a.allowedAutoPlacements,O=i.options.placement,g=l(O),j=s||(g!==O&&x?function(t){if("auto"===l(t))return[];var n=T(t);return[I(t),n,I(n)]}(O):[T(O)]),M=[O].concat(j).reduce((function(t,n){return t.concat("auto"===l(n)?K(i,{placement:n,boundary:b,rootBoundary:h,padding:v,flipVariations:x,allowedAutoPlacements:w}):n)}),[]),k=i.rects.reference,E=i.rects.popper,q=new Map,A=!0,B=M[0],R=0;R<M.length;R++){var S=M[R],W=l(S),L="start"===P(S),H=[t,n].indexOf(W)>=0,z=H?"width":"height",C=J(i,{placement:S,boundary:b,rootBoundary:h,altBoundary:y,padding:v}),D=H?L?e:r:L?n:t;k[z]>E[z]&&(D=T(D));var F=T(D),U=[];if(c&&U.push(C[W]<=0),d&&U.push(C[D]<=0,C[F]<=0),U.every((function(t){return t}))){B=S,A=!1;break}q.set(S,U)}if(A)for(var V=function(t){var n=M.find((function(n){var e=q.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return B=n,"break"},_=x?3:1;_>0&&"break"!==V(_);_--);i.placement!==B&&(i.modifiersData[u]._skip=!0,i.placement=B,i.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(o){var i=o.state,a=o.options,u=o.name,f=a.mainAxis,c=void 0===f||f,p=a.altAxis,d=void 0!==p&&p,s=a.tether,h=void 0===s||s,y=a.tetherOffset,x=void 0===y?0:y,w=J(i,{boundary:a.boundary,rootBoundary:a.rootBoundary,padding:a.padding,altBoundary:a.altBoundary}),O=l(i.placement),g=P(i.placement),j=!g,M=E(O),A="x"===M?"y":"x",B=i.modifiersData.popperOffsets,R=i.rects.reference,S=i.rects.popper,W="function"==typeof x?x(Object.assign({},i.rects,{placement:i.placement})):x,L="number"==typeof W?{mainAxis:W,altAxis:W}:Object.assign({mainAxis:0,altAxis:0},W),T=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null,H={x:0,y:0};if(B){if(c){var I,z="y"===M?t:r,C="y"===M?n:e,D="y"===M?"height":"width",F=B[M],U=F+w[z],V=F-w[C],_=h?-S[D]/2:0,G="start"===g?R[D]:S[D],K="start"===g?-S[D]:-R[D],N=i.elements.arrow,Q=h&&N?m(N):{width:0,height:0},X=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[z],Z=X[C],$=q(0,R[D],Q[D]),tt=j?R[D]/2-_-$-Y-L.mainAxis:G-$-Y-L.mainAxis,nt=j?-R[D]/2+_+$+Z+L.mainAxis:K+$+Z+L.mainAxis,et=i.elements.arrow&&k(i.elements.arrow),rt=null!=(I=null==T?void 0:T[M])?I:0,ot=F+nt-rt,it=q(h?b(U,F+tt-rt-(et?"y"===M?et.clientTop||0:et.clientLeft||0:0)):U,F,h?v(V,ot):V);B[M]=it,H[M]=it-F}if(d){var at,ut=B[A],ft="y"===A?"height":"width",ct=ut+w["x"===M?t:r],pt=ut-w["x"===M?n:e],dt=-1!==[t,r].indexOf(O),st=null!=(at=null==T?void 0:T[A])?at:0,lt=dt?ct:ut-R[ft]-S[ft]-st+L.altAxis,vt=dt?ut+R[ft]+S[ft]-st-L.altAxis:pt,bt=h&&dt?function(t,n,e){var r=q(t,n,e);return r>e?e:r}(lt,ut,vt):q(h?lt:ct,ut,h?vt:pt);B[A]=bt,H[A]=bt-ut}i.modifiersData[u]=H}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(i){var a,u=i.state,f=i.name,c=i.options,p=u.elements.arrow,d=u.modifiersData.popperOffsets,s=l(u.placement),v=E(s),b=[r,e].indexOf(s)>=0?"height":"width";if(p&&d){var h=function(t,n){return A("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:B(t,o))}(c.padding,u),y=m(p),x="y"===v?t:r,w="y"===v?n:e,O=u.rects.reference[b]+u.rects.reference[v]-d[v]-u.rects.popper[b],g=d[v]-u.rects.reference[v],j=k(p),M=j?"y"===v?j.clientHeight||0:j.clientWidth||0:0,P=M/2-y[b]/2+(O/2-g/2),R=q(h[x],P,M-y[b]-h[w]);u.modifiersData[f]=((a={})[v]=R,a.centerOffset=R-P,a)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&x(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,a=J(n,{elementContext:"reference"}),u=J(n,{altBoundary:!0}),f=N(a,r),c=N(u,o,i),p=Q(f),d=Q(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});export{nt as c}

package/dist/mg-components/p-5126ab10.entry.js

@@ -0,0 +1 @@
+import{r as o,h as e,H as t,g as p}from"./p-b14a3443.js";import{c as r,i as s}from"./p-780bd52d.js";import{c as i}from"./p-4c66f794.js";const a=class{constructor(e){o(this,e),this.closeButtonId="",this.identifier=r("mg-popover"),this.placement="bottom",this.closeButton=!1,this.display=!1,this.disabled=!1,this.clickOutside=o=>{var e;this.disabled||"MG-POPOVER"===(null===(e=o.target.closest(`#${this.identifier}`))||void 0===e?void 0:e.parentElement.nodeName)||(this.display=!1)},this.show=()=>{this.popover.setAttribute("data-show",""),this.popper.setOptions((o=>Object.assign(Object.assign({},o),{modifiers:[...o.modifiers,{name:"eventListeners",enabled:!0}]}))),this.popper.update(),setTimeout((()=>{document.addEventListener("click",this.clickOutside,!1)}),0)},this.hide=()=>{this.popover.removeAttribute("data-show"),this.popper.setOptions((o=>Object.assign(Object.assign({},o),{modifiers:[...o.modifiers,{name:"eventListeners",enabled:!1}]}))),document.removeEventListener("click",this.clickOutside,!1)},this.handleCloseButton=()=>{this.display=!1}}handleDisplay(o){o?this.show():this.hide()}componentWillLoad(){this.messages=s(this.element).messages}componentDidLoad(){const o=["h1","h2","h3","h4","h5","h6"],e=this.element.querySelector('[slot="title"]');if(null!==e&&!o.includes(e.tagName.toLowerCase()))throw new Error(`<mg-popover> Slotted title must be a heading:  ${o.join(", ")}.`);this.closeButton&&(this.closeButtonId=`${this.identifier}-close-button`),this.popover=this.element.querySelector(`#${this.identifier}`);const t=this.element.firstElementChild;t.setAttribute("aria-controls",this.identifier),t.setAttribute("aria-expanded",`${this.display}`),this.popper=i(t,this.popover,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),t.addEventListener("click",(()=>{this.disabled||(this.display=!this.display)})),this.element.addEventListener("keydown",(o=>{this.disabled||"Escape"!==o.code||(this.display=!1)})),this.handleDisplay(this.display)}render(){return e(t,null,e("slot",null),e("div",{id:this.identifier,class:"mg-popover"},!this.disabled&&this.closeButton&&e("mg-button",{identifier:this.closeButtonId,"is-icon":!0,variant:"flat",label:this.messages.general.close,onClick:this.handleCloseButton},e("mg-icon",{icon:"cross"})),e("div",{class:"mg-popover__title"},e("slot",{name:"title"})),e("slot",{name:"content"}),e("div",{class:"mg-popover__arrow","data-popper-arrow":!0})))}get element(){return p(this)}static get watchers(){return{display:["handleDisplay"]}}};a.style='mg-popover.sc-mg-popover{display:contents}mg-popover.sc-mg-popover-s>*{display:inline-block}.mg-popover.sc-mg-popover{display:none;padding:1.5rem;z-index:9999;border-radius:0.5rem;background-color:hsl(var(--mg-popover-background-color));box-shadow:var(--box-shadow);color:hsl(var(--mg-popover-font-color))}.mg-popover[data-show].sc-mg-popover{display:block}.mg-popover.sc-mg-popover mg-button.sc-mg-popover{float:right;margin-right:calc(0rem - (var(--default-size) - var(--mg-icon-regular-size)) / 2);margin-top:calc(0rem - (var(--default-size) - var(--mg-popover-title-font-size) * var(--line-height)) / 2);margin-left:3rem}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover,.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{position:absolute;width:2rem;height:2rem;z-index:-1;background:inherit}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover{visibility:hidden}.mg-popover.sc-mg-popover .mg-popover__arrow.sc-mg-popover::before{visibility:visible;content:"";transform:rotate(45deg)}.mg-popover[data-popper-placement^=top].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{bottom:-6px}.mg-popover[data-popper-placement^=bottom].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{top:-6px}.mg-popover[data-popper-placement^=left].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{right:-6px}.mg-popover[data-popper-placement^=right].sc-mg-popover>.mg-popover__arrow.sc-mg-popover{left:-6px}.mg-popover__title.sc-mg-popover-s>*,.mg-popover__title .sc-mg-popover-s>*{margin:0 0 1rem;font-size:var(--mg-popover-title-font-size);font-weight:600}';export{a as mg_popover}