@mgdis/mg-components 3.1.0

package/dist/mg-components/p-cbf0464b.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as e,c as o,H as n}from"./p-62fa3797.js";const r=["primary","secondary","success","warning","danger","info"];function a(t="",i=10){let e="";const o="abcdefghijklmnopqrstuvwxyz0123456789",n=o.length;for(var r=0;r<i;r++)e+=o.charAt(Math.floor(Math.random()*n));return(""!==t?`${t}-`:"")+e}class s{constructor(t=[]){this.add=t=>{this.has(t)||this.classes.push(t)},this.delete=t=>{const i=this.classes.indexOf(t);i>-1&&this.classes.splice(i,1)},this.has=t=>this.classes.includes(t),this.join=()=>this.classes.join(" "),this.classes=t}}function l(t){return t&&t.every((t=>"string"==typeof t))}const g=class{constructor(i){t(this,i),this.variant=r[r.length-1],this.classList=new s(["mg-badge"])}valideValue(t){if(null===`${t}`.match(/^(\d+|[?*!a-z])$/i))throw new Error('<mg-badge> prop "value" must be interger or ponctuation character.')}validateVariant(t){if(!r.includes(t))throw new Error(`<mg-badge> prop "variant" must be one of : ${r.join(", ")}.`);this.classList.add(`mg-badge--${this.variant}`)}validateOutline(t){t&&this.classList.add("mg-badge--outline")}componentWillLoad(){this.valideValue(this.value),this.validateVariant(this.variant),this.validateOutline(this.outline)}render(){return i("span",{class:this.classList.join()},this.value,i("span",{class:"sr-only"},this.label))}static get watchers(){return{value:["valideValue"],variant:["validateVariant"],outline:["validateOutline"]}}};g.style=".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}";const p=["primary","secondary","danger","danger-alt","info","flat"],m=class{constructor(i){t(this,i),this.onClickElementFn=null,this.variant=p[0],this.identifier=a("mg-button"),this.disabled=!1,this.isIcon=!1,this.disableOnClick=!1,this.loading=!1,this.classList=new s(["mg-button"]),this.handleClick=t=>{this.disabled&&t.stopPropagation(),this.disableOnClick&&!this.disabled&&(this.loading=!0,this.disabled=!0)}}validateVariant(t){if(!p.includes(t))throw new Error(`<mg-button> prop "variant" must be one of : ${p.join(", ")}`);this.classList.add(`mg-button--${this.variant}`)}disabledHandler(t){!t&&this.disableOnClick&&(this.loading=!1),this.element.onclick=t?void 0:this.onClickElementFn}loadingHandler(t){t?this.classList.add("mg-button--loading"):this.classList.delete("mg-button--loading")}componentWillLoad(){if(this.validateVariant(this.variant),this.isIcon&&(this.classList.add("mg-button--icon"),"string"!=typeof this.label||""===this.label))throw new Error('<mg-button> prop "label" is mandatory when prop "isIcon" is set to true.');this.onClickElementFn=this.element.onclick,this.disabledHandler(this.disabled)}render(){return i("button",{id:this.identifier,class:this.classList.join(),"aria-label":this.label,"aria-disabled":this.disabled,onClick:this.handleClick},this.loading&&i("mg-icon",{icon:"loader",spin:!0}),i("div",{class:"mg-button__content"},i("slot",null)))}get element(){return e(this)}static get watchers(){return{variant:["validateVariant"],disabled:["disabledHandler"],loading:["loadingHandler"]}}};m.style=".mg-button.sc-mg-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;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:0.1rem solid;font-family:inherit;text-decoration:none;font-weight:normal;text-align:left;-ms-touch-action:manipulation;touch-action:manipulation}.mg-button[disabled].sc-mg-button,.mg-button[aria-disabled].sc-mg-button,.mg-button.disabled.sc-mg-button{opacity:var(--mg-button-disabled-opacity);cursor:not-allowed}.mg-button.mg-button--icon.sc-mg-button{padding:0;-ms-flex-pack:center;justify-content:center;width:var(--default-size);height:var(--default-size);border-radius:var(--mg-button-icon-border-radius)}.mg-button.mg-button--primary.sc-mg-button{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) - 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) - 10%)))}.mg-button.mg-button--primary.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--primary.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--primary.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{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.sc-mg-button{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) - 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) - 10%)))}.mg-button.mg-button--secondary.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--secondary.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--secondary.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{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.sc-mg-button{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) - 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) - 10%)))}.mg-button.mg-button--danger.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--danger.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--danger.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{background:hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l))}.mg-button.mg-button--danger-alt.sc-mg-button{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) - 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) - 10%)))}.mg-button.mg-button--danger-alt.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--danger-alt.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--danger-alt.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{background:hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l))}.mg-button.mg-button--info.sc-mg-button{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) - 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) - 10%)))}.mg-button.mg-button--info.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--info.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--info.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{background:hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l))}.mg-button.mg-button--flat.sc-mg-button{background:none;border:none}.mg-button.mg-button--flat.sc-mg-button:hover:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--flat.sc-mg-button:focus:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button,.mg-button.mg-button--flat.sc-mg-button:active:not([disabled],[aria-disabled].sc-mg-button,.disabled).sc-mg-button{background:hsla(var(--color-dark), 0.1)}.mg-button.sc-mg-button-s>mg-icon,.mg-button .sc-mg-button-s>mg-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;line-height:1;margin:auto 0}.mg-button__content.sc-mg-button{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:0.6rem;-moz-column-gap:0.6rem;column-gap:0.6rem}.mg-button--loading.sc-mg-button>mg-icon.sc-mg-button{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mg-button--loading.sc-mg-button .mg-button__content.sc-mg-button{opacity:0}.mg-button.sc-mg-button-s>mg-badge,.mg-button .sc-mg-button-s>mg-badge{margin-left:0.3rem}mg-button.sc-mg-button{display:inline-block}.mg-button.sc-mg-button,mg-button.sc-mg-button{vertical-align:middle;max-width:100%}";const c={errors:{required:"Ce champ est obligatoire.",date:{badInput:'Le format de la date doit être du type <span aria-hidden="true">jj/mm/aaaa</span><span class="sr-only">j j / m m / a a a a</span> et la date supérieure au {min}',min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre {min} et {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},nbCharLeft:"{counter} caractères disponibles.",input:{select:{placeholder:"Veuillez sélectionner une valeur"},checkbox:{true:"Oui",false:"Non",indeterminate:"Indéterminé"}},message:{closeButton:"Fermer le message"},popover:{closeButton:"Fermer"},pagination:{page:"page",pages:"pages",next:"suivant",previous:"précédent",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."}},u=class{constructor(i){t(this,i),this.mustacheCounter="{counter}",this.template=c.nbCharLeft,this.characters="",this.getMessage=()=>this.template.replace(this.mustacheCounter,`<strong>${this.maxlength-this.characters.length}</strong>`)}validateTemplate(t){if("string"!=typeof t||""===t||-1===t.indexOf(this.mustacheCounter))throw new Error(`<mg-character-left> prop "template" must contain "${this.mustacheCounter}".`)}validateMaxlength(t){if("number"!=typeof t)throw new Error('<mg-character-left> prop "maxlength" is required.')}componentWillLoad(){this.validateTemplate(this.template),this.validateMaxlength(this.maxlength)}render(){return i("span",{id:this.identifier,innerHTML:this.getMessage(),"aria-live":"polite"})}static get watchers(){return{template:["validateTemplate"],maxlength:["validateMaxlength"]}}};u.style="mg-character-left.sc-mg-character-left{display:block}";const h={"arrow-down":()=>i("path",{fill:"currentColor",d:"M13,10.1H10.23a.31.31,0,0,1-.32-.28h0V.94A.3.3,0,0,0,9.59.65H6.37A.32.32,0,0,0,6,.94H6V9.81a.29.29,0,0,1-.31.29H3a.3.3,0,0,0-.31.29.27.27,0,0,0,.08.22l5.06,4.58a.36.36,0,0,0,.46,0l5-4.58a.29.29,0,0,0,0-.42C13.22,10.1,13.12,10.1,13,10.1Z"}),"arrow-left":()=>i("path",{fill:"currentColor",d:"M5.88,12.93V10.18a.3.3,0,0,1,.28-.32H15a.31.31,0,0,0,.29-.33h0V6.32A.31.31,0,0,0,15,6H6.17a.32.32,0,0,1-.29-.31h0V2.93a.3.3,0,0,0-.28-.32.32.32,0,0,0-.23.09L.79,7.76a.36.36,0,0,0,0,.46l4.58,5a.31.31,0,0,0,.43,0A.4.4,0,0,0,5.88,12.93Z"}),"arrow-right":()=>i("path",{fill:"currentColor",d:"M10.16,3V5.75a.3.3,0,0,1-.28.32H1a.31.31,0,0,0-.29.33h0V9.61A.31.31,0,0,0,1,9.94H9.87a.29.29,0,0,1,.29.31h0V13a.3.3,0,0,0,.28.32.32.32,0,0,0,.23-.09l4.58-5.06a.36.36,0,0,0,0-.46l-4.58-5a.3.3,0,0,0-.42,0C10.16,2.76,10.16,2.87,10.16,3Z"}),"arrow-up":()=>i("path",{fill:"currentColor",d:"M3.06,5.82H5.81a.31.31,0,0,1,.32.28h0V15a.31.31,0,0,0,.33.29H9.67A.3.3,0,0,0,10,15h0V6.11a.3.3,0,0,1,.31-.29h2.75a.3.3,0,0,0,.23-.51L8.23.73a.36.36,0,0,0-.46,0l-5,4.58a.3.3,0,0,0,0,.43C2.82,5.83,2.92,5.82,3.06,5.82Z"}),"arrows-rotate":()=>i("path",{fill:"currentColor",d:"M2.3,7h3.4c0.3,0,0.6-0.3,0.6-0.6c0-0.1-0.1-0.3-0.2-0.4L5.1,4.9c1.7-1.6,4.4-1.5,6,0.2c0,0,0,0,0,0  c0.5,0.5,0.8,1.2,1,1.9h2.1C13.7,3.5,10.4,1.2,7,1.8C5.7,2,4.6,2.6,3.6,3.4L2.7,2.5c-0.2-0.2-0.6-0.2-0.8,0c0,0,0,0,0,0l0,0  C1.8,2.6,1.7,2.8,1.7,2.9v3.4C1.7,6.7,1.9,7,2.3,7z M13.7,9h-3.4C9.9,9,9.7,9.3,9.7,9.6c0,0.2,0.1,0.3,0.2,0.4l1.1,1.1  c-1.7,1.6-4.4,1.5-6-0.2C4.4,10.4,4,9.7,3.8,9H1.7c0.6,3.5,3.9,5.8,7.3,5.2c1.3-0.2,2.4-0.8,3.3-1.7l0.9,0.9c0.2,0.2,0.6,0.2,0.8,0  c0,0,0,0,0,0l0,0c0.1-0.1,0.2-0.3,0.2-0.4V9.6C14.3,9.3,14.1,9,13.7,9z"}),ban:()=>i("path",{fill:"currentColor",d:"M8 .67A7.33 7.33 0 1 0 15.33 8 7.33 7.33 0 0 0 8 .67Zm3.85 3.48a5.46 5.46 0 0 1 .61 7L4.88 3.54a5.46 5.46 0 0 1 6.97.61Zm-7.7 7.7a5.45 5.45 0 0 1-.61-7l7.58 7.58a5.46 5.46 0 0 1-7-.61Z"}),calculator:()=>i("path",{fill:"currentColor",d:"M12.83.67H3.17a.5.5 0 0 0-.5.5v13.66a.5.5 0 0 0 .5.5h9.66a.5.5 0 0 0 .5-.5V1.17a.5.5 0 0 0-.5-.5ZM5.58 13.39a.29.29 0 0 1-.28.3H4.1a.29.29 0 0 1-.3-.28v-1.2a.29.29 0 0 1 .28-.3h1.2a.29.29 0 0 1 .3.28v1.2Zm0-3.28a.29.29 0 0 1-.3.3H4.1a.29.29 0 0 1-.3-.3V8.93a.29.29 0 0 1 .28-.3h1.2a.29.29 0 0 1 .3.28v1.2Zm3.29 3.28a.29.29 0 0 1-.3.3H7.38a.29.29 0 0 1-.3-.3v-1.18a.29.29 0 0 1 .3-.3h1.19a.29.29 0 0 1 .3.3Zm0-3.28a.32.32 0 0 1-.3.3H7.38a.32.32 0 0 1-.3-.3V8.93a.29.29 0 0 1 .3-.3h1.19a.29.29 0 0 1 .3.3Zm3.33 3.28a.29.29 0 0 1-.28.3h-1.25a.29.29 0 0 1-.3-.28V8.93a.29.29 0 0 1 .28-.3h1.25a.29.29 0 0 1 .3.28v4.48Zm0-7.15a.29.29 0 0 1-.3.3H4.1a.29.29 0 0 1-.3-.3V2.61a.29.29 0 0 1 .28-.3h7.82a.29.29 0 0 1 .3.28v3.65Z"}),check:()=>i("path",{fill:"currentColor",d:"M15.3,4.2L14.2,3c-0.1-0.1-0.3-0.1-0.4,0L6,10.4l-3.8-4C2.2,6.3,2.1,6.3,2,6.4L0.7,7.6c-0.1,0.1-0.1,0.2,0,0.3l5.1,5.4c0.1,0.1,0.2,0.1,0.3,0c0,0,0,0,0,0L7.4,12l0,0l7.9-7.4C15.4,4.5,15.4,4.3,15.3,4.2C15.3,4.2,15.3,4.2,15.3,4.2z"}),"check-circle":()=>i("path",{fill:"currentColor",d:"M15.33 8A7.33 7.33 0 1 1 8 .67 7.33 7.33 0 0 1 15.33 8Zm-8.18 3.88 5.44-5.44a.46.46 0 0 0 0-.65l-.67-.67a.48.48 0 0 0-.67 0L6.82 9.54 4.75 7.47a.46.46 0 0 0-.65 0l-.67.67a.46.46 0 0 0 0 .65l3.07 3.07a.46.46 0 0 0 .65 0Z"}),"chevron-down":()=>i("path",{fill:"currentColor",d:"M7.43,12.21.9,5.69a.81.81,0,0,1,0-1.14h0l.76-.77a.81.81,0,0,1,1.14,0L8,9l5.2-5.18a.81.81,0,0,1,1.14,0l.76.77a.8.8,0,0,1,0,1.13h0L8.57,12.21a.79.79,0,0,1-1.13,0Z"}),"chevron-left":()=>i("path",{fill:"currentColor",d:"M3.79,7.43,10.31.9a.81.81,0,0,1,1.14,0h0l.77.76a.81.81,0,0,1,0,1.14L7,8l5.18,5.2a.81.81,0,0,1,0,1.14l-.77.76a.8.8,0,0,1-1.13,0h0L3.79,8.57a.79.79,0,0,1,0-1.13Z"}),"chevron-right":()=>i("path",{fill:"currentColor",d:"M12.21,8.57,5.69,15.1a.81.81,0,0,1-1.14,0h0l-.77-.76a.81.81,0,0,1,0-1.14L9,8,3.78,2.8a.81.81,0,0,1,0-1.14L4.55.9A.8.8,0,0,1,5.68.9h0l6.53,6.53a.79.79,0,0,1,0,1.13Z"}),"chevron-up":()=>i("path",{fill:"currentColor",d:"M8.57,3.79l6.53,6.52a.81.81,0,0,1,0,1.14h0l-.76.77a.81.81,0,0,1-1.14,0L8,7,2.8,12.22a.81.81,0,0,1-1.14,0L.9,11.45a.8.8,0,0,1,0-1.13h0L7.43,3.79a.79.79,0,0,1,1.13,0Z"}),cross:()=>i("path",{fill:"currentColor",d:"M14.26 12.74 9.52 8l4.7-4.7a.29.29 0 0 0 0-.41l-1.1-1.1a.29.29 0 0 0-.41 0L8 6.48 3.26 1.74a.24.24 0 0 0-.34 0L1.74 2.91a.24.24 0 0 0 0 .34L6.48 8l-4.7 4.7a.29.29 0 0 0 0 .41l1.1 1.1a.29.29 0 0 0 .41 0L8 9.52l4.74 4.74a.24.24 0 0 0 .34 0l1.17-1.17a.24.24 0 0 0 0-.34Z"}),"cross-circle":()=>i("path",{fill:"currentColor",d:"M8.06.67H8A7.33 7.33 0 0 0 .68 8v.1a7.42 7.42 0 0 0 7.23 7.23A7.33 7.33 0 1 0 8.06.67Zm3.6 9.57a.28.28 0 0 1 0 .4l-.19.2-.61.61-.2.19a.27.27 0 0 1-.39 0L8 9.41l-2.23 2.24a.27.27 0 0 1-.39 0l-.2-.2-.6-.6-.19-.2a.28.28 0 0 1 0-.4L6.6 8 4.36 5.76a.28.28 0 0 1 0-.4l1-1a.28.28 0 0 1 .4 0L8 6.59l2.24-2.24a.28.28 0 0 1 .4 0l.2.2.6.6.2.2a.28.28 0 0 1 0 .4L9.42 8Z"}),download:()=>i("path",{fill:"currentColor",d:"M6.44,2V6.09a.31.31,0,0,1-.31.31H4a.31.31,0,0,0-.31.29.33.33,0,0,0,.1.23l4,4a.29.29,0,0,0,.41,0h0l4-4a.3.3,0,0,0,0-.42A.29.29,0,0,0,12,6.4H9.91a.31.31,0,0,1-.31-.31h0V2a.29.29,0,0,0-.28-.3H6.74a.29.29,0,0,0-.3.28ZM1.69,13v1a.29.29,0,0,0,.29.29H14a.29.29,0,0,0,.29-.29V13a.29.29,0,0,0-.28-.3H2a.29.29,0,0,0-.33.25Z"}),"exclamation-circle":()=>i("path",{fill:"currentColor",d:"M8 15.33A7.33 7.33 0 1 0 .67 8 7.33 7.33 0 0 0 8 15.33ZM7 4a.29.29 0 0 1 .3-.3h1.35A.29.29 0 0 1 9 4v4.68a.29.29 0 0 1-.28.3H7.35a.29.29 0 0 1-.3-.28Zm0 6.78a.29.29 0 0 1 .3-.3h1.35a.29.29 0 0 1 .3.3H9V12a.29.29 0 0 1-.28.3H7.35a.29.29 0 0 1-.3-.28Z"}),"exclamation-triangle":()=>i("path",{fill:"currentColor",d:"m14.28 13.87-6-12a.32.32 0 0 0-.41-.15.36.36 0 0 0-.15.15l-6 12a.31.31 0 0 0 .14.42.33.33 0 0 0 .14 0h12a.3.3 0 0 0 .33-.28.31.31 0 0 0-.05-.14ZM7 6a.29.29 0 0 1 .28-.28h1.44A.28.28 0 0 1 9 6v4a.28.28 0 0 1-.28.29H7.28A.29.29 0 0 1 7 10Zm2 7a.31.31 0 0 1-.3.32H7.32A.32.32 0 0 1 7 13v-1.38a.31.31 0 0 1 .31-.31h1.4a.31.31 0 0 1 .31.31H9Z"}),"file-cog":()=>i("path",{fill:"currentColor",d:"M9,10.1C9,10.6,8.5,11,8,11l0,0c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1C8.6,9,9,9.4,9,10.1C9,10,9,10,9,10.1z   M13.2,3.7l-2.8-2.8c-0.1-0.1-0.3-0.2-0.5-0.2H9.8v3.7h3.5V4.2C13.3,4,13.2,3.8,13.2,3.7L13.2,3.7z M9.6,5.3h3.8v9.4  c0,0.4-0.3,0.6-0.7,0.7H3.3c-0.4,0-0.7-0.3-0.7-0.7c0,0,0,0,0,0V1.3C2.7,1,3,0.7,3.3,0.7h5.5v3.9l0,0C8.9,4.9,9.2,5.2,9.6,5.3  C9.5,5.2,9.5,5.2,9.6,5.3z M10,8L9.5,8.3C9.3,8.1,9,8,8.8,7.9V7.3c0-0.1,0-0.1-0.1-0.1c-0.4-0.1-0.9-0.1-1.3,0  c-0.1,0-0.1,0.1-0.1,0.1v0.6C7,8,6.7,8.1,6.5,8.3L6,8C5.9,8,5.9,8,5.8,8C5.5,8.3,5.3,8.7,5.2,9.1c0,0.1,0,0.1,0.1,0.2l0.5,0.3  c-0.1,0.3-0.1,0.6,0,0.8l-0.5,0.3c-0.1,0-0.1,0.1-0.1,0.2c0.1,0.4,0.4,0.8,0.7,1.1c0.1,0,0.1,0,0.2,0l0.5-0.3  C6.7,11.9,7,12,7.2,12.1v0.6c0,0.1,0,0.1,0.1,0.1c0.4,0.1,0.9,0.1,1.3,0c0.1,0,0.1-0.1,0.1-0.1v-0.5C9,12.1,9.3,12,9.5,11.8l0.5,0.3  c0.1,0,0.1,0,0.2,0c0.3-0.3,0.5-0.7,0.6-1.1c0-0.1,0-0.1-0.1-0.2l0,0l-0.5-0.3c0-0.3,0-0.6,0-0.8l0.5-0.3c0.1,0,0.1-0.1,0.1-0.2  c-0.1-0.4-0.4-0.8-0.6-1.1C10.1,8,10.1,8,10,8z"}),"file-text":()=>i("path",{fill:"currentColor",d:"M8.9 4.6V.7H3.3c-.3 0-.6.3-.6.6v13.3c0 .4.3.7.7.7h9.3c.4 0 .7-.3.7-.7V5.3H9.6c-.4-.1-.7-.4-.7-.7zm1.8 6.7c0 .2-.2.3-.3.4H5.7c-.2 0-.3-.2-.3-.4v-.2c0-.2.2-.3.3-.3h4.6c.2 0 .3.2.3.3v.2zm0-1.8c0 .2-.2.3-.3.3H5.7c-.2 0-.3-.2-.3-.3v-.2c0-.2.2-.3.3-.3h4.6c.2 0 .3.2.3.3v.2zm0-2.1v.2c0 .2-.2.3-.3.3H5.7c-.2.1-.4-.1-.4-.2v-.3c0-.2.2-.3.3-.3h4.6c.3 0 .5.1.5.3zm2.6-3.2v.2H9.8V.7h.2c.2 0 .3.1.5.2l2.7 2.8c0 .1.1.3.1.5z"}),"file-upload":()=>[i("path",{fill:"currentColor",d:"M13.1 3.7 10.4.9c-.1-.1-.3-.2-.5-.2h-.1v3.7h3.5v-.2c0-.2-.1-.4-.2-.5z"}),i("path",{fill:"currentColor",d:"M13.3 14.6V5.3H9.6c-.4 0-.7-.3-.7-.7V.7H3.3c-.3 0-.6.3-.6.6v13.3c0 .4.3.7.7.7h9.3c.3 0 .6-.3.6-.7zm-3-4.6H8.9c-.1 0-.2.1-.2.2v2.6c0 .1-.1.2-.2.2H6.9c-.1 0-.2-.1-.2-.2v-2.6c0-.1-.1-.2-.2-.2H5.1C5 9.9 5 9.8 5 9.7l2.5-2.6c.1-.1.2-.1.3 0l2.5 2.5.1.1c.1.2 0 .3-.1.3z"})],"floppy-disk":()=>i("path",{fill:"currentColor",d:"m13.94 4.44-2.38-2.38a1.39 1.39 0 0 0-1-.39H3A1.35 1.35 0 0 0 1.67 3v10A1.35 1.35 0 0 0 3 14.33h10A1.35 1.35 0 0 0 14.33 13V5.4a1.39 1.39 0 0 0-.39-1ZM8 12.52a1.81 1.81 0 1 1 1.81-1.81A1.81 1.81 0 0 1 8 12.52Zm2.71-8.6v2.84a.34.34 0 0 1-.34.34H3.82a.34.34 0 0 1-.34-.34V3.82a.34.34 0 0 1 .34-.34h6.46a.35.35 0 0 1 .24.1l.1.1a.35.35 0 0 1 .1.24Z"}),"info-circle":()=>i("path",{fill:"currentColor",d:"M8 .67A7.33 7.33 0 1 0 15.33 8 7.33 7.33 0 0 0 8 .67ZM9 12a.29.29 0 0 1-.3.3H7.35a.29.29 0 0 1-.3-.3V7.32A.29.29 0 0 1 7.33 7h1.32a.29.29 0 0 1 .35.3Zm0-6.74a.29.29 0 0 1-.3.3H7.35a.29.29 0 0 1-.3-.3V4a.29.29 0 0 1 .28-.3h1.32a.29.29 0 0 1 .3.28V4Z"}),loader:()=>[i("path",{fill:"currentColor",class:"loader__full-circle",d:"M8 2.67A5.33 5.33 0 1 1 2.67 8 5.33 5.33 0 0 1 8 2.67m0-2A7.33 7.33 0 1 0 15.33 8 7.33 7.33 0 0 0 8 .67Z"}),i("path",{fill:"currentColor",d:"M8 2.67v-2A7.33 7.33 0 0 0 .67 8h2A5.33 5.33 0 0 1 8 2.67Z"})],"log-out":()=>[i("path",{fill:"currentColor",d:"M14.25,7.77h0l-4-4a.31.31,0,0,0-.43,0A.34.34,0,0,0,9.7,4V6.07a.32.32,0,0,1-.3.32H5.23a.3.3,0,0,0-.3.3V9.25a.3.3,0,0,0,.3.3H9.4a.31.31,0,0,1,.3.31V12a.3.3,0,0,0,.3.3.33.33,0,0,0,.23-.09l4-4A.29.29,0,0,0,14.25,7.77Z"}),i("path",{fill:"currentColor",d:"M6.71,12.72H3.27V3.26H6.69A.31.31,0,0,0,7,3V2a.3.3,0,0,0-.31-.3H2A.29.29,0,0,0,1.67,2h0V3h0V14a.27.27,0,0,0,.1.24h0a.32.32,0,0,0,.14.08H6.71A.3.3,0,0,0,7,14V13A.3.3,0,0,0,6.71,12.72Z"})],"magnifying-glass":()=>i("path",{fill:"currentColor",d:"M11.24,9.52A5.17,5.17,0,0,0,9.51,2.41l-.17-.09A5.18,5.18,0,0,0,4,11.18a5.16,5.16,0,0,0,5.54.11L12.3,14a1,1,0,0,0,1.41,0l.33-.33a1,1,0,0,0,0-1.41Zm-4.4.5A3.19,3.19,0,1,1,10,6.8v.06A3.19,3.19,0,0,1,6.84,10Z"}),"paper-plane":()=>i("path",{fill:"currentColor",d:"M14 1.69 1.84 7a.28.28 0 0 0-.15.36.29.29 0 0 0 .16.15l3.27 1.82a.57.57 0 0 0 .61-.06l6.45-5.57c.05 0 .15-.1.19-.06s0 .14-.06.18l-5.59 6.29a.52.52 0 0 0 0 .63l2.09 3.44a.28.28 0 0 0 .37.12.3.3 0 0 0 .13-.12l5-12.11a.3.3 0 0 0-.14-.37.28.28 0 0 0-.17-.01Z"}),"paper-plane-slash":()=>i("path",{fill:"currentColor",d:"M2.67,1.69,14.26,13.28l-1,1-2.79-2.8-1.1,2.67a.3.3,0,0,1-.13.12.28.28,0,0,1-.37-.12L6.75,10.74a.52.52,0,0,1,0-.63L7.82,8.9l-.76-.76L5.76,9.27a.57.57,0,0,1-.61.06L1.88,7.51a.29.29,0,0,1-.16-.15A.28.28,0,0,1,1.87,7L4.68,5.76l-3-3Zm11.53,0a.28.28,0,0,0-.22,0L7.53,4.51,9.26,6.24l3-2.54s.15-.1.19-.06,0,.14-.06.18L9.75,6.73l1.88,1.88,2.71-6.54A.3.3,0,0,0,14.2,1.7Z"}),"plus-circle":()=>i("path",{fill:"currentColor",d:"M8,0.7C4,0.7,0.7,4,0.7,8S4,15.3,8,15.3S15.3,12,15.3,8l0,0C15.3,4,12,0.7,8,0.7  C8,0.7,8,0.7,8,0.7z M12.3,8.8c0,0.2-0.2,0.4-0.4,0.4H9.2v2.7c0,0.2-0.2,0.4-0.4,0.4H7.2c-0.2,0-0.4-0.2-0.3-0.4V9.2H4.1  C3.9,9.2,3.7,9,3.7,8.8V7.2c0-0.2,0.2-0.4,0.4-0.3h2.7V4.1c0-0.2,0.2-0.4,0.3-0.4h1.7c0.2,0,0.4,0.2,0.4,0.4v2.7h2.7  c0.2,0,0.4,0.2,0.4,0.3L12.3,8.8z"}),"user-plus":()=>i("path",{fill:"currentColor",d:"M14,3.33H12.65V2a.36.36,0,0,0-.35-.33h-.65A.36.36,0,0,0,11.3,2V3.33H10a.34.34,0,0,0-.33.34v.66a.34.34,0,0,0,.33.34H11.3V6a.37.37,0,0,0,.35.33h.65A.37.37,0,0,0,12.65,6V4.67H14a.34.34,0,0,0,.32-.34V3.67A.34.34,0,0,0,14,3.33ZM9.28,9.77h-.2a5.19,5.19,0,0,1-3.91,0H5A3,3,0,0,0,1.7,12.46h0v.72A1.27,1.27,0,0,0,3,14.33h8.25a1.26,1.26,0,0,0,1.36-1.14v-.68A3,3,0,0,0,9.37,9.76H9.28ZM7.13,3.7A2.64,2.64,0,1,1,4.5,6.34h0A2.64,2.64,0,0,1,7.13,3.7Z"}),users:()=>i("path",{fill:"currentColor",d:"M12,8.76h-.2a5.24,5.24,0,0,1-3.93,0H7.61a3.05,3.05,0,0,0-3.3,2.75v.69a1.28,1.28,0,0,0,1.38,1.14H14a1.27,1.27,0,0,0,1.37-1.14v-.69A3.07,3.07,0,0,0,12,8.75Zm-6.4-.32A2,2,0,0,0,4.31,8H2.48A1.69,1.69,0,0,0,.65,9.53v.76a.85.85,0,0,0,.91.76H3.45A3.58,3.58,0,0,1,5.61,8.44ZM9.81,2.66A2.65,2.65,0,1,1,7.16,5.31h0A2.65,2.65,0,0,1,9.81,2.66ZM3.31,4.18A1.51,1.51,0,1,1,1.8,5.69,1.51,1.51,0,0,1,3.31,4.18Z"})},d=["regular","large","extra-large"],b=["success","warning","danger","info"],f=class{constructor(i){t(this,i),this.size="regular",this.spin=!1,this.classList=new s(["mg-icon"])}validateIcon(t){if(!Object.keys(h).includes(t))throw new Error(`<mg-icon> prop "icon" must be one of : ${Object.keys(h).join(", ")}`);this.classList.add(`mg-icon--${this.icon}`)}validateSize(t){if(!d.includes(t))throw new Error(`<mg-icon> prop "size" must be one of : ${d.join(", ")}`);this.classList.add(`mg-icon--size-${this.size}`)}validateVariant(t){if(void 0!==t&&!b.includes(t))throw new Error(`<mg-icon> prop "variant" must be one of : ${b.join(", ")}`);void 0!==t&&this.classList.add(`mg-icon--variant-${this.variant}`)}handleSpin(t){t&&this.classList.add("mg-icon--spin")}componentWillLoad(){this.validateIcon(this.icon),this.validateSize(this.size),this.validateVariant(this.variant),this.handleSpin(this.spin)}render(){return i("svg",{class:this.classList.join(),"aria-hidden":"true",focusable:"false",viewBox:"0 0 16 16"},h[this.icon]())}static get watchers(){return{icon:["validateIcon"],size:["validateSize"],variant:["validateVariant"],spin:["handleSpin"]}}};var v;f.style=".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%))}mg-icon,.mg-icon{display:inline-block;vertical-align:middle;line-height:1}.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)}}",function(t){t.ERROR="is-not-valid"}(v||(v={}));const x=(t,i,e)=>e.map(t,(t=>["input","select","textarea"].includes(t.vtag)?Object.assign(Object.assign({},t),{vattrs:Object.assign(Object.assign({},t.vattrs),{"aria-describedby":[...i].join(" ")})}):null===t.vchildren?Object.assign({},t):Object.assign(Object.assign({},t),{vchildren:x(t.vchildren,i,e)}))),_=(t,e,o)=>{if("string"!=typeof t.label||""===t.label)throw new Error('<mg-input> prop "label" is required');if(t.labelOnTop&&t.labelHide)throw new Error('<mg-input> prop "labelOnTop" must not be paired with the prop "labelHide"');(t=>{t.classList.add("mg-input"),t.labelOnTop&&t.classList.add("mg-input--label-on-top"),t.readonly&&t.classList.add("mg-input--readonly"),void 0!==t.width&&t.classList.add(`mg-input--width-${t.width}`),(t.readonly||t.disabled)&&t.classList.delete(v.ERROR)})(t);const n=new Set,r=`${t.identifier}-character-left`;t.classList.has("is-focused")&&t.displayCharacterLeft&&n.add(r);const a=`${t.identifier}-help-text`;"string"==typeof t.helpText&&""!==t.helpText&&n.add(a);const s=`${t.identifier}-error`;"string"==typeof t.errorMessage&&""!==t.errorMessage&&n.add(s),e=t.readonly?e.filter((t=>"append-input"===t.t)):x(e,n,o);const l=()=>i("mg-tooltip",{identifier:`${t.identifier}-tooltip`,message:t.tooltip},i("mg-icon",{icon:"info-circle"})),g=()=>i("mg-input-title",{identifier:t.identifier,class:t.labelHide?"sr-only":void 0,required:t.required,"is-legend":t.isFieldset},t.label);return i(t.isFieldset?"fieldset":"div",{class:t.classList.join()},t.labelOnTop?i("div",{class:"mg-input__title"},g(),!t.readonly&&t.tooltip&&l()):g(),t.readonly?i("div",{class:"mg-input__input-container"},i("strong",null,t.readonlyValue||t.value),e):i("div",{class:"mg-input__input-container"},i("div",{class:"mg-input__input"},e,!t.labelOnTop&&t.tooltip&&l()),t.displayCharacterLeft&&t.maxlength&&t.classList.has("is-focused")&&i("mg-character-left",{identifier:r,characters:t.value,maxlength:t.maxlength,template:t.characterLeftTemplate}),t.helpText&&i("div",{id:a,class:"mg-input__help-text",innerHTML:t.helpText}),t.errorMessage&&i("div",{id:s,class:"mg-input__error",innerHTML:t.errorMessage,"aria-live":"assertive"})))},y=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.inputs=[],this.identifier=a("mg-input-checkbox"),this.name=this.identifier,this.labelHide=!1,this.inputVerticalList=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.classList=new s(["mg-input--checkbox"]),this.checkboxItems=[],this.handleInput=t=>{this.checkboxItems=this.checkboxItems.map((i=>(i.id===t.target.id&&(i.value=Boolean(t.target.checked)),i))),this.value=this.checkboxItems.map((t=>({value:t.value,title:t.title,disabled:t.disabled}))),this.checkValidity(),this.valueChange.emit(this.value)},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.getInvalidElement=()=>this.inputs.find((t=>!t.disabled&&!t.checkValidity()))}validateValue(t){if(!t||!t.every((t=>(t=>"object"==typeof t&&"string"==typeof t.title&&(null===t.value||"boolean"==typeof t.value)&&void 0!==t.value)(t))))throw new Error('<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem.');this.checkboxItems=t.map(((t,i)=>({id:`${this.identifier}_${i.toString()}`,title:t.title,value:t.value,disabled:t.disabled})))}handleReadOnly(){this.classList.delete(this.classError)}checkValidity(){if(!this.readonly){const t=void 0===this.getInvalidElement();this.valid=t,this.invalid=!t}}checkError(){const t=this.getInvalidElement();this.errorMessage=void 0,!this.valid&&t.validity.valueMissing&&(this.errorMessage=c.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}componentWillLoad(){return this.validateValue(this.value),setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:void 0,width:void 0,disabled:this.disabled,value:this.value&&this.value.toString(),readonlyValue:void 0,tooltip:!this.readonly&&this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!0},i("ul",{class:"mg-input__input-group-container"+(this.inputVerticalList?" mg-input__input-group-container--vertical":"")},this.checkboxItems.filter((t=>!this.readonly||t.value)).map((t=>i("li",{class:"mg-input__input-group"},i("input",{type:"checkbox",id:t.id,name:this.identifier,value:t.value&&t.value.toString(),checked:Boolean(t.value),disabled:this.readonly||this.disabled||t.disabled,required:this.required,indeterminate:null===t.value,onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>this.inputs.push(t)}),i("label",{htmlFor:t.id},t.title))))))}static get watchers(){return{value:["validateValue"],readonly:["handleReadOnly"]}}};var w;y.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}fieldset.mg-input{border:0;margin:0;padding:0}fieldset.mg-input input[type=radio],fieldset.mg-input input[type=checkbox]{-ms-flex-negative:0;flex-shrink:0;width:var(--mg-input-check-size);height:var(--mg-input-check-size);margin-top:calc((var(--font-size) * var(--line-height) - var(--mg-input-check-size)) / 2);margin-right:0.6rem;margin-bottom:0;margin-left:0}fieldset.mg-input.mg-input--label-on-top .mg-input__input-group-container{margin-top:0.7rem}.mg-input__input-container mg-tooltip{margin-left:2rem}.mg-input__input-group-container{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:2.3rem;-moz-column-gap:2.3rem;column-gap:2.3rem;row-gap:1rem;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2)}.mg-input__input-group-container--vertical{-ms-flex-direction:column;flex-direction:column}.mg-input__input-group{display:-ms-flexbox;display:flex;-ms-flex-align:top;align-items:top}.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}",function(t){t.MIN="min",t.MAX="max",t.MINMAX="minMax",t.REQUIRED="required"}(w||(w={}));const k=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;function z(t){return"string"==typeof t&&""!==t&&k.test(t)?new Intl.DateTimeFormat("fr-FR").format(new Date(t)):""}const L=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.identifier=a("mg-input-date"),this.name=this.identifier,this.labelHide=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.classList=new s(["mg-input--date"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value,this.valueChange.emit(this.value)},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.getInputError=()=>{var t,i;let e=null;return this.input.validity.valueMissing?e=w.REQUIRED:(this.input.validity.rangeUnderflow||this.input.validity.rangeOverflow)&&(null===(t=this.min)||void 0===t?void 0:t.length)>0&&(null===(i=this.max)||void 0===i?void 0:i.length)>0?e=w.MINMAX:this.input.validity.rangeUnderflow?e=w.MIN:this.input.validity.rangeOverflow&&(e=w.MAX),e}}validateValue(t){if(void 0!==t&&""!==t&&("string"!=typeof t||!k.test(t)))throw new Error("<mg-input-date> props 'value' doesn't match pattern: yyyy-mm-dd")}validateMin(t){this.validateDateFormat(t)}validateMax(t){this.validateDateFormat(t)}validateDateFormat(t){if((null==t?void 0:t.length)>0&&("string"!=typeof t||!k.test(t)))throw new Error("<mg-input-date> props 'min/max' doesn't match pattern: yyyy-mm-dd")}checkValidity(){if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t}}setErrorMessage(){var t;const i=this.getInputError();this.errorMessage=i===w.REQUIRED?c.errors[i]:[w.MIN,w.MAX,w.MINMAX].includes(i)?c.errors.date[i].replace("{min}",z(this.min)).replace("{max}",z(this.max)):c.errors.date.badInput.replace("{min}",(null===(t=this.min)||void 0===t?void 0:t.length)>0?z(this.min):z("1900-01-01"))}checkError(){this.errorMessage=void 0,this.valid?this.classList.delete(this.classError):(this.setErrorMessage(),this.classList.add(this.classError))}componentWillLoad(){return this.validateValue(this.value),this.validateMin(this.min),this.validateMax(this.max),setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:void 0,disabled:this.disabled,value:this.value,readonlyValue:z(this.value),tooltip:this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},i("input",{type:"date",class:"mg-input__box",min:this.min,max:this.max,value:this.value,id:this.identifier,name:this.name,disabled:this.disabled,required:this.required,onInput:this.handleInput,onBlur:this.handleBlur,pattern:"[0-9]{4}-[0-9]{2}-[0-9]{2}",ref:t=>this.input=t}))}static get watchers(){return{value:["validateValue"],min:["validateMin"],max:["validateMax"]}}};L.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.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}";const O=["decimal","integer","currency"];var C;!function(t){t.MIN="min",t.MAX="max",t.MINMAX="minMax",t.REQUIRED="required"}(C||(C={}));const M=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.identifier=a("mg-input-numeric"),this.name=this.identifier,this.labelHide=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.type=O[0],this.integerLength=13,this.decimalLength=2,this.classList=new s(["mg-input--numeric"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value},this.handleFocus=()=>{this.displayValue=this.value},this.handleBlur=()=>{this.checkValidity(),this.checkError(),this.displayValue=this.readonlyValue},this.getInputError=()=>{let t=null;return void 0===this.input||(!this.input.checkValidity()&&this.input.validity.valueMissing&&(t=C.REQUIRED),void 0!==this.min&&this.numericValue<this.min&&void 0===this.max?t=C.MIN:void 0!==this.max&&this.numericValue>this.max&&void 0===this.min?t=C.MAX:(void 0!==this.min&&this.numericValue<this.min||void 0!==this.max&&this.numericValue>this.max)&&(t=C.MINMAX)),t},this.formatValue=t=>{return"currency"===this.type?(i=t,new Intl.NumberFormat("fr-FR",{style:"currency",currency:"EUR"}).format(i)):function(t){return new Intl.NumberFormat("fr-FR").format(t)}(t);var i}}validateValue(t){if(null!=t){const[i,e=""]=t.replace("-","").split(/[\.,]/),o="integer"===this.type?/^[\-]?\d+$/:/^[\-]?\d+[.,]?\d*$/;""===t||t.match(o)&&i.length<=this.integerLength&&e.length<=("integer"===this.type?0:this.decimalLength)?this.storedValue=t:t=void 0!==this.storedValue?this.storedValue:null,this.value=t,void 0!==this.input&&(this.input.value=this.value),this.numericValue=""!==this.value&&null!==this.value?parseFloat(this.value.replace(",",".")):null,this.valueChange.emit(this.numericValue),this.readonlyValue=null!==this.numericValue?this.formatValue(this.numericValue):""}}validateType(t){if(!O.includes(t))throw new Error(`<mg-input-numeric> prop "type" must be one of : ${O.join(", ")}`);this.classList.add(`mg-input--numeric--${this.type}`)}validateIntegerLength(t){if(t<1)throw new Error('<mg-input-numeric> prop "integer-length" must be a positive number.')}validateDecimalLength(t){if(t<1)throw new Error('<mg-input-numeric> prop "decimal-length" must be a positive number, consider using prop "type" to "integer" instead.')}checkValidity(){if(!this.readonly){const t=null===this.getInputError();this.valid=t,this.invalid=!t}}setErrorMessage(){const t=this.getInputError();this.errorMessage=t===C.REQUIRED?c.errors[t]:c.errors.numeric[t].replace("{min}",`${this.formatValue(this.min)}`).replace("{max}",`${this.formatValue(this.max)}`)}checkError(){this.errorMessage=void 0,this.valid?this.classList.delete(this.classError):(this.setErrorMessage(),this.classList.add(this.classError))}validateAppendSlot(){const t=this.element.querySelector('[slot="append-input"]');null!==t&&null!==t.querySelector(".mg-button")?(this.classList.add("mg-input--is-input-group-append"),this.classList=new s(this.classList.classes)):null!==t&&(this.classList.add("mg-input--is-append-input-slot-content"),this.classList=new s(this.classList.classes))}componentWillLoad(){return this.validateValue(this.value),this.displayValue=this.readonlyValue,this.validateType(this.type),this.validateIntegerLength(this.integerLength),this.validateDecimalLength(this.decimalLength),setTimeout((()=>this.checkValidity()),0)}componentDidLoad(){this.validateAppendSlot()}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:this.width,disabled:this.disabled,value:this.value,readonlyValue:this.readonlyValue,tooltip:this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},i("input",{type:"text",class:"mg-input__box",value:this.displayValue,id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,disabled:this.disabled,required:this.required,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,ref:t=>this.input=t}),i("slot",{name:"append-input"}))}get element(){return e(this)}static get watchers(){return{value:["validateValue"],type:["validateType"],integerLength:["validateIntegerLength"],decimalLength:["validateDecimalLength"]}}};M.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input.mg-input--width-full:not(.mg-input--label-on-top){-ms-flex-pack:justify;justify-content:space-between}.mg-input.mg-input--width-full .mg-input__input-container{-ms-flex:auto;flex:auto;width:100%}.mg-input.mg-input--width-full .mg-input__input-container .mg-input__box{width:100%}.mg-input.mg-input--width-16 .mg-input__box{width:21rem}.mg-input.mg-input--width-4 .mg-input__box{width:7rem}.mg-input.mg-input--width-2 .mg-input__box{width:5rem}.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-input .mg-input__box{text-align:right}";const H=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.identifier=a("mg-input-password"),this.name=this.identifier,this.labelHide=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.width="full",this.classList=new s(["mg-input--password"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value,this.valueChange.emit(this.value)},this.handleBlur=()=>{this.checkValidity(),this.checkError()}}checkValidity(){if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t}}checkError(){this.errorMessage=void 0,!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=c.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}componentWillLoad(){return setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:this.width,disabled:this.disabled,value:this.value,readonlyValue:void 0!==this.value?"•".repeat(this.value.length):void 0,tooltip:this.tooltip,displayCharacterLeft:!1,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},i("input",{type:"password",class:"mg-input__box",value:this.value,id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,disabled:this.disabled,required:this.required,onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>this.input=t}))}};H.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input.mg-input--width-full:not(.mg-input--label-on-top){-ms-flex-pack:justify;justify-content:space-between}.mg-input.mg-input--width-full .mg-input__input-container{-ms-flex:auto;flex:auto;width:100%}.mg-input.mg-input--width-full .mg-input__input-container .mg-input__box{width:100%}.mg-input.mg-input--width-16 .mg-input__box{width:21rem}.mg-input.mg-input--width-4 .mg-input__box{width:7rem}.mg-input.mg-input--width-2 .mg-input__box{width:5rem}.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}";const V=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.inputs=[],this.identifier=a("mg-input-radio"),this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.inputVerticalList=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.classList=new s(["mg-input--radio"]),this.handleInput=t=>{this.checkValidity(),this.value=this.options[t.target.value].value,this.valueChange.emit(this.value)},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.getInvalidElement=()=>this.inputs.find((t=>!t.disabled&&!t.checkValidity()))}validateItems(t){if("object"==typeof t&&t.length<2)throw new Error('<mg-input-radio> prop "items" require at least 2 items.');if(l(t))this.options=t.map((t=>({title:t,value:t,disabled:this.disabled})));else{if(!t||!t.every((t=>{return"object"==typeof(i=t)&&"string"==typeof i.title&&void 0!==i.value;var i})))throw new Error('<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption.');this.options=t}}checkValidity(){if(!this.readonly){const t=void 0===this.getInvalidElement();this.valid=t,this.invalid=!t}}checkError(){const t=this.getInvalidElement();this.errorMessage=void 0,!this.valid&&t.validity.valueMissing&&(this.errorMessage=c.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}componentWillLoad(){return this.validateItems(this.items),setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,disabled:this.disabled,readonly:this.readonly,width:void 0,value:this.value&&this.value.toString(),readonlyValue:this.value&&this.value.toString(),tooltip:this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!0},i("ul",{class:"mg-input__input-group-container"+(this.inputVerticalList?" mg-input__input-group-container--vertical":"")},this.options.map(((t,e)=>i("li",{class:"mg-input__input-group"},i("input",{type:"radio",id:this.identifier+"_"+e,name:this.identifier,value:e,checked:JSON.stringify(this.value)===JSON.stringify(this.options[e].value),disabled:this.disabled||t.disabled,required:this.required,onBlur:this.handleBlur,onInput:this.handleInput,ref:t=>this.inputs.push(t)}),i("label",{htmlFor:this.identifier+"_"+e},t.title))))))}static get watchers(){return{items:["validateItems"]}}};V.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}fieldset.mg-input{border:0;margin:0;padding:0}fieldset.mg-input input[type=radio],fieldset.mg-input input[type=checkbox]{-ms-flex-negative:0;flex-shrink:0;width:var(--mg-input-check-size);height:var(--mg-input-check-size);margin-top:calc((var(--font-size) * var(--line-height) - var(--mg-input-check-size)) / 2);margin-right:0.6rem;margin-bottom:0;margin-left:0}fieldset.mg-input.mg-input--label-on-top .mg-input__input-group-container{margin-top:0.7rem}.mg-input__input-container mg-tooltip{margin-left:2rem}.mg-input__input-group-container{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:2.3rem;-moz-column-gap:2.3rem;column-gap:2.3rem;row-gap:1rem;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2)}.mg-input__input-group-container--vertical{-ms-flex-direction:column;flex-direction:column}.mg-input__input-group{display:-ms-flexbox;display:flex;-ms-flex-align:top;align-items:top}.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}";const j=(t,{group:i,title:e,value:o,disabled:n})=>{if(void 0!==i){const r=t.find((t=>t.group===i));r?r.options.push({title:e,value:o,disabled:n}):t.push({group:i,options:[{title:e,value:o,disabled:n}]})}else t.push({title:e,value:o,disabled:n});return t},A=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classError=v.ERROR,this.identifier=a("mg-input-select"),this.name=this.identifier,this.labelHide=!1,this.placeholder=c.input.select.placeholder,this.placeholderHide=!1,this.placeholderDisabled=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.classList=new s(["mg-input--select"]),this.handleInput=()=>{this.checkValidity(),this.value=""!==this.input.value?this.options[this.input.value].value:null,this.valueChange.emit(this.value)},this.handleBlur=()=>{this.checkValidity(),this.checkError()}}validateItems(t){if(l(t))this.valueExist=t.includes(this.value),this.options=t.map((t=>({title:t,value:t})));else{if(!t||!t.every((t=>{return"object"==typeof(i=t)&&"string"==typeof i.title&&void 0!==i.value;var i})))throw new Error('<mg-input-select> prop "items" is required and all items must be the same type, string or Option.');this.valueExist=t.map((t=>t.value)).includes(this.value),this.options=t.some((t=>void 0!==t.group))?t.reduce(j,[]):t}}checkValidity(){if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity&&this.input.checkValidity();this.valid=t,this.invalid=!t}}checkError(){this.errorMessage=void 0,!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=c.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}componentWillLoad(){return this.validateItems(this.items),setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:this.width,disabled:this.disabled,value:this.value,readonlyValue:void 0,tooltip:this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},i("select",{class:"mg-input__box",id:this.identifier,name:this.name,title:this.placeholder,disabled:this.disabled,required:this.required,onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>this.input=t},(!this.placeholderHide||!this.valueExist)&&i("option",{value:"",disabled:this.placeholderDisabled&&this.valueExist},this.placeholder),this.options.map(((t,e)=>void 0!==t.group?i("optgroup",{label:t.group},t.options.map(((t,e)=>i("option",{value:e,selected:JSON.stringify(this.value)===JSON.stringify(t.value),disabled:t.disabled},t.title)))):i("option",{value:e,selected:JSON.stringify(this.value)===JSON.stringify(t.value),disabled:t.disabled},t.title)))))}static get watchers(){return{items:["validateItems"]}}};A.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input.mg-input--width-full:not(.mg-input--label-on-top){-ms-flex-pack:justify;justify-content:space-between}.mg-input.mg-input--width-full .mg-input__input-container{-ms-flex:auto;flex:auto;width:100%}.mg-input.mg-input--width-full .mg-input__input-container .mg-input__box{width:100%}.mg-input.mg-input--width-16 .mg-input__box{width:21rem}.mg-input.mg-input--width-4 .mg-input__box{width:7rem}.mg-input.mg-input--width-2 .mg-input__box{width:5rem}.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-input__box{padding-top:0;padding-bottom:0;padding-right:0}";const E=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classFocus="is-focused",this.classError=v.ERROR,this.identifier=a("mg-input-text"),this.name=this.identifier,this.type="text",this.labelHide=!1,this.maxlength=400,this.required=!1,this.readonly=!1,this.disabled=!1,this.width="full",this.displayCharacterLeft=!0,this.classList=new s(["mg-input--text"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value,this.valueChange.emit(this.value)},this.handleFocus=()=>{this.classList.add(this.classFocus),this.classList=new s(this.classList.classes)},this.handleBlur=()=>{this.classList.delete(this.classFocus),this.classList=new s(this.classList.classes),this.checkValidity(),this.checkError()},this.validatePattern=()=>{if(this.pattern&&"string"==typeof this.pattern&&""!==this.pattern&&(void 0===this.patternErrorMessage||"string"!=typeof this.patternErrorMessage||""===this.patternErrorMessage))throw new Error('<mg-input-text> prop "pattern" must be paired with the prop "patternErrorMessage"')}}checkValidity(){if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t}}checkError(){this.errorMessage=void 0,!this.valid&&this.input.validity.patternMismatch?this.errorMessage=this.patternErrorMessage:!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=c.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}validateAppendSlot(){const t=this.element.querySelector('[slot="append-input"]');null!==t&&null!==t.querySelector(".mg-button")?(this.classList.add("mg-input--is-input-group-append"),this.classList=new s(this.classList.classes)):null!==t&&(this.classList.add("mg-input--is-append-input-slot-content"),this.classList=new s(this.classList.classes))}componentWillLoad(){return void 0!==this.icon&&this.classList.add("mg-input--has-icon"),this.validatePattern(),setTimeout((()=>this.checkValidity()),0)}componentDidLoad(){this.validateAppendSlot()}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:this.width,disabled:this.disabled,value:this.value,readonlyValue:void 0,tooltip:this.tooltip,displayCharacterLeft:this.displayCharacterLeft,characterLeftTemplate:this.characterLeftTemplate,maxlength:this.maxlength,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},void 0!==this.icon&&i("mg-icon",{icon:this.icon}),i("input",{type:this.type,class:"mg-input__box",value:this.value,id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,maxlength:this.maxlength,disabled:this.disabled,required:this.required,pattern:this.pattern,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,ref:t=>this.input=t}),i("slot",{name:"append-input"}))}get element(){return e(this)}};E.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input.mg-input--width-full:not(.mg-input--label-on-top){-ms-flex-pack:justify;justify-content:space-between}.mg-input.mg-input--width-full .mg-input__input-container{-ms-flex:auto;flex:auto;width:100%}.mg-input.mg-input--width-full .mg-input__input-container .mg-input__box{width:100%}.mg-input.mg-input--width-16 .mg-input__box{width:21rem}.mg-input.mg-input--width-4 .mg-input__box{width:7rem}.mg-input.mg-input--width-2 .mg-input__box{width:5rem}.mg-input mg-character-left{display:none}.mg-input.is-focused mg-character-left{display:block}.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-input.mg-input--has-icon .mg-input__input{position:relative}.mg-input.mg-input--has-icon .mg-input__input>mg-icon{position:absolute;top:calc(var(--default-size) - var(--mg-icon-regular-size));left:var(--mg-inputs-spacer);color:var(--mg-inputs-color);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mg-input.mg-input--has-icon .mg-input__input .mg-input__box{padding-left:calc(var(--mg-icon-regular-size) + var(--mg-inputs-spacer) * 2)}";const T=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classFocus="is-focused",this.classError=v.ERROR,this.identifier=a("mg-input-textarea"),this.name=this.identifier,this.labelHide=!1,this.maxlength=4e3,this.required=!1,this.readonly=!1,this.disabled=!1,this.width="full",this.rows=3,this.displayCharacterLeft=!0,this.classList=new s(["mg-input--textarea"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value,this.valueChange.emit(this.value)},this.handleFocus=()=>{this.classList.add(this.classFocus),this.classList=new s(this.classList.classes)},this.handleBlur=()=>{this.classList.delete(this.classFocus),this.classList=new s(this.classList.classes),this.checkValidity(),this.checkError()},this.getPatternValidity=()=>void 0===this.pattern||new RegExp(`^${this.pattern}$`,"u").test(this.value),this.validatePattern=()=>{if(this.pattern&&"string"==typeof this.pattern&&""!==this.pattern&&(void 0===this.patternErrorMessage||"string"!=typeof this.patternErrorMessage||""===this.patternErrorMessage))throw new Error('<mg-input-textarea> prop "pattern" must be paired with the prop "patternErrorMessage"')}}checkValidity(){if(!this.readonly&&void 0!==this.input){const t=this.getPatternValidity(),i=this.input.checkValidity&&this.input.checkValidity()&&t;this.valid=i,this.invalid=!i}}checkError(){const t=this.getPatternValidity();this.errorMessage=void 0,this.valid||t?!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=c.errors.required):this.errorMessage=this.patternErrorMessage,this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}componentWillLoad(){return this.validatePattern(),setTimeout((()=>this.checkValidity()),0)}render(){return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,readonly:this.readonly,width:this.width,disabled:this.disabled,value:this.value,readonlyValue:void 0,tooltip:this.tooltip,displayCharacterLeft:this.displayCharacterLeft,characterLeftTemplate:this.characterLeftTemplate,maxlength:this.maxlength,helpText:this.helpText,errorMessage:this.errorMessage,isFieldset:!1},i("textarea",{class:"mg-input__box",value:this.value,id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,rows:this.rows,maxlength:this.maxlength,disabled:this.disabled,required:this.required,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,ref:t=>this.input=t}))}};T.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.mg-input__box{padding:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2) var(--mg-inputs-spacer);height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:var(--mg-inputs-border-radius);background-color:hsl(var(--color-light));font-family:inherit;color:hsl(var(--color-dark));font-size:var(--font-size)}.mg-input__box::-webkit-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-moz-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::-ms-input-placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box::placeholder{color:var(--mg-inputs-color);font-style:italic}.mg-input__box:focus{-webkit-box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5);box-shadow:0 0 0.6rem hsla(var(--mg-inputs-color-shadow-focus-hsl), 0.5)}.mg-input__box:disabled{opacity:0.3}.mg-input.mg-input--is-input-group-append{--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--is-input-group-append .mg-input__box{margin-right:-0.1rem;border-top-right-radius:0%;border-bottom-right-radius:0%}.mg-input.mg-input--is-input-group-append .mg-input__box:focus-visible{outline-style:solid;outline-offset:-0.2rem;outline-width:0.2rem}.mg-input.mg-input--is-input-group-append.mg-input--readonly slot[name=append-input]{display:none}.mg-input.mg-input--is-append-input-slot-content:not(.mg-input--readonly) ::slotted([slot=append-input]){padding-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input.mg-input--width-full:not(.mg-input--label-on-top){-ms-flex-pack:justify;justify-content:space-between}.mg-input.mg-input--width-full .mg-input__input-container{-ms-flex:auto;flex:auto;width:100%}.mg-input.mg-input--width-full .mg-input__input-container .mg-input__box{width:100%}.mg-input.mg-input--width-16 .mg-input__box{width:21rem}.mg-input.mg-input--width-4 .mg-input__box{width:7rem}.mg-input.mg-input--width-2 .mg-input__box{width:5rem}.mg-input mg-character-left{display:none}.mg-input.is-focused mg-character-left{display:block}.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-input .mg-input__box{height:auto}@-moz-document url-prefix(){.mg-input__box{overflow-x:hidden}}";const $=class{constructor(i){t(this,i),this.isLegend=!1,this.tagName="label",this.getTagName=()=>{this.tagName=this.isLegend?"legend":"label"}}componentWillLoad(){this.getTagName()}render(){return i(this.tagName,{class:"mg-input-title",htmlFor:this.isLegend?void 0:this.identifier},i("slot",null),this.required&&[" ",i("span",{class:"is-asterisk"},"*")])}};$.style=".is-asterisk.sc-mg-input-title{color:hsl(var(--color-danger))}legend.mg-input-title.sc-mg-input-title{padding-left:0;padding-right:0}";const Z=class{constructor(i){t(this,i),this.valueChange=o(this,"value-change",7),this.classReadonly="mg-input--toggle-readonly",this.classDisabled="mg-input--toggle-disabled",this.classIsActive="mg-input--toggle-is-active",this.identifier=a("mg-input-toggle"),this.name=this.identifier,this.labelHide=!1,this.isOnOff=!1,this.isIcon=!1,this.readonly=!1,this.disabled=!1,this.classList=new s(["mg-input--toggle"]),this.checked=!1,this.toggleChecked=()=>{this.setChecked(!this.checked)},this.validateSlots=()=>{const t=Array.from(this.element.children);if(2!==t.length)throw new Error("<mg-input-toggle> 2 slots are required.");this.isIcon||t.forEach((t=>t.setAttribute("title",t.textContent)))}}validateItems(t){if("object"==typeof t&&2!==this.items.length)throw new Error('<mg-input-toggle> prop "items" require 2 items.');if(l(t))this.options=t.map((t=>({title:t,value:t})));else{if(!t||!t.every((t=>{return"object"==typeof(i=t)&&"string"==typeof i.title&&void 0!==i.value;var i})))throw new Error('<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleValue.');this.options=t}}handleIsOnOff(t){t&&this.classList.add("mg-input--toggle-on-off")}handleIsIcon(t){t&&this.classList.add("mg-input--toggle-icon")}handleReadonly(t){t?this.classList.add(this.classReadonly):this.classList.delete(this.classReadonly)}handleDisabled(t){t?this.classList.add(this.classDisabled):this.classList.delete(this.classDisabled)}handleChecked(t){t?this.classList.add(this.classIsActive):this.classList.delete(this.classIsActive),this.value=this.options[this.checked?1:0].value,this.valueChange.emit(this.value)}setChecked(t){["","true"].includes(this.value)&&void 0!==this.options.find((t=>t.value))&&(this.value=!0),this.checked=void 0!==t?t:this.value===this.options[1].value}componentWillLoad(){this.validateItems(this.items),this.setChecked(),this.handleIsOnOff(this.isOnOff),this.handleIsIcon(this.isIcon),this.handleReadonly(this.readonly),this.handleDisabled(this.disabled),this.validateSlots()}render(){var t;return i(_,{identifier:this.identifier,classList:this.classList,label:this.label,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:void 0,readonly:void 0,width:void 0,disabled:this.disabled,value:null===(t=this.value)||void 0===t?void 0:t.toString(),readonlyValue:void 0,tooltip:!this.readonly&&this.tooltip,displayCharacterLeft:void 0,characterLeftTemplate:void 0,maxlength:void 0,helpText:this.helpText,errorMessage:void 0,isFieldset:!1},i("button",{type:"button",role:"switch","aria-checked":this.checked,"aria-readonly":this.disabled||this.readonly,id:this.identifier,class:"mg-input__button-toggle",disabled:this.disabled||this.readonly,onClick:()=>this.toggleChecked()},i("span",{"aria-hidden":"true",class:"mg-input__toggle-item-container"},i("slot",{name:"item-1"})),i("span",{"aria-hidden":"true",class:"mg-input__toggle-item-container"},i("slot",{name:"item-2"}))))}get element(){return e(this)}static get watchers(){return{items:["validateItems"],isOnOff:["handleIsOnOff"],isIcon:["handleIsIcon"],readonly:["handleReadonly"],disabled:["handleDisabled"],checked:["handleChecked"]}}};Z.style=":host{display:block}.mg-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;min-height:var(--default-size);max-width:100%;}.mg-input.is-not-valid{color:hsl(var(--color-danger))}.mg-input.is-not-valid .mg-input__box{border-color:hsl(var(--color-danger))}.mg-input mg-input-title{-ms-flex-negative:var(--mg-inputs-shrink, 1);flex-shrink:var(--mg-inputs-shrink, 1);width:var(--mg-inputs-title-width, auto);margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);margin-right:var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));text-align:right}.mg-input.mg-input--label-on-top{-ms-flex-direction:column;flex-direction:column}.mg-input.mg-input--label-on-top .mg-input__input-container{width:100%}.mg-input__title{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.3rem}.mg-input__title mg-input-title{-ms-flex-negative:1;flex-shrink:1;width:auto;margin-top:0;margin-right:var(--mg-inputs-spacer);text-align:left}.mg-input__title mg-tooltip{margin-top:0}.mg-input__title mg-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom}.mg-input__input-container{min-height:var(--default-size);}.mg-input__input-container>strong{display:inline-block;margin-top:calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);min-height:var(--font-size)}.mg-input__input-container mg-tooltip{display:-ms-inline-flexbox;display:inline-flex;width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size);margin-left:var(--mg-inputs-spacer)}.mg-input__input-container mg-icon{display:-ms-flexbox;display:flex}.mg-input__input{display:-ms-flexbox;display:flex;}.mg-input__input mg-tooltip{margin-top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2)}.mg-input__input+*{text-align:start;margin-top:0.5rem}.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-input.mg-input.mg-input--toggle .mg-input__input-container{-ms-flex:auto;flex:auto;min-width:0}.mg-input__button-toggle{display:-ms-flexbox;display:flex;padding:0.2rem;min-width:0;background-color:hsl(var(--color-light));border-width:var(--mg-inputs-border-width);border-style:solid;border-color:var(--mg-inputs-color);border-radius:calc((var(--font-size) * var(--line-height) + 2 * (0.7rem + var(--mg-inputs-border-width))) / var(--mg-input-toggle-border-radius-ratio));font-size:inherit;line-height:inherit;cursor:pointer}.mg-input__toggle-item-container{padding:0.5rem 0.9rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:calc((var(--font-size) * var(--line-height) + 1rem) / var(--mg-input-toggle-border-radius-ratio));background-color:unset;font-weight:unset;color:hsl(var(--color-dark));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-input__toggle-item-container:first-of-type{font-weight:600;color:hsl(var(--color-info));background-color:hsl(var(--color-info-h), calc(var(--color-info-s) - 64%), calc(var(--color-info-l) + 55%))}.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type{background-color:unset;font-weight:unset;color:hsl(var(--color-dark))}.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type{font-weight:600;color:hsl(var(--color-info));background-color:hsl(var(--color-info-h), calc(var(--color-info-s) - 64%), calc(var(--color-info-l) + 55%))}.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:calc(var(--font-size) * var(--line-height) + 1rem);height:calc(var(--font-size) * var(--line-height) + 1rem);padding:0;visibility:hidden}.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container:first-of-type{visibility:visible}.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container ::slotted(mg-icon){display:-ms-flexbox;display:flex}.mg-input.mg-input--toggle-icon.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type{visibility:hidden}.mg-input.mg-input--toggle-icon.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type{visibility:visible}.mg-input.mg-input--toggle-on-off .mg-input__toggle-item-container:first-of-type{font-weight:600;color:hsl(var(--color-dark));background-color:hsl(var(--color-dark-h), calc(var(--color-dark-s) - 30%), calc(var(--color-dark-l) + 75%))}.mg-input.mg-input--toggle-on-off.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type{background-color:unset;font-weight:unset;color:hsl(var(--color-dark))}.mg-input.mg-input--toggle-readonly .mg-input__button-toggle{border-color:transparent;background-color:transparent;cursor:initial}.mg-input.mg-input--toggle-readonly .mg-input__toggle-item-container:last-of-type{display:none}.mg-input.mg-input--toggle-readonly.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type{display:none}.mg-input.mg-input--toggle-readonly.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type{display:-ms-flexbox;display:flex}.mg-input.mg-input--toggle-disabled .mg-input__button-toggle{opacity:0.3;cursor:not-allowed}";const q=["info","warning","success","danger"],I=class{constructor(i){t(this,i),this.componentShow=o(this,"component-show",7),this.componentHide=o(this,"component-hide",7),this.closeButtonId="",this.storedTimer=null,this.identifier=a("mg-message"),this.variant=q[0],this.closeButton=!1,this.hide=!1,this.classList=new s(["mg-message"]),this.hasActions=!1,this.handleClose=()=>{this.hide=!0},this.hideWithDelay=()=>{this.delay>0&&!0!==this.hide?this.storedTimer=setTimeout((()=>this.hide=!0),1e3*this.delay):null!==this.storedTimer&&clearTimeout(this.storedTimer)},this.getIcon=()=>{switch(this.variant){case"info":return"info-circle";case"warning":return"exclamation-triangle";case"success":return"check-circle";case"danger":return"exclamation-circle"}}}validateDelay(t){if(t&&t<2)throw new Error('<mg-message> prop "delay" must be greater than 2 seconds.')}validateVariant(t,i){if(!q.includes(t))throw new Error(`<mg-message> prop "variant" must be one of : ${q.join(", ")}`);void 0!==i&&this.classList.delete(`mg-message--${i}`),this.classList.add(`mg-message--${this.variant}`)}validateCloseButton(t){if(t&&this.hasActions)throw this.closeButton=!1,new Error('<mg-message> prop "close-button" can\'t be used with the actions slot.')}validateHide(t){t?(this.componentHide.emit(),this.classList.add("mg-message--hide")):(this.componentShow.emit(),this.classList.delete("mg-message--hide")),this.hideWithDelay()}componentWillLoad(){this.validateVariant(this.variant),this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.validateCloseButton(this.closeButton),this.closeButton&&(this.classList.add("mg-message--close-button"),this.closeButtonId=`${this.identifier}-close-button`),this.validateDelay(this.delay),this.validateHide(this.hide)}render(){return i("div",{id:this.identifier,class:this.classList.join(),role:"info"===this.variant?"status":"alert"},i("span",{class:"mg-message__icon"},i("mg-icon",{icon:this.getIcon()})),i("div",{class:"mg-message__content"},i("span",{class:"mg-message__content-slot"},i("slot",null)),this.hasActions&&i("span",{class:"mg-message__content-separator"}),this.hasActions&&i("span",{class:"mg-message__content-actions-slot"},i("slot",{name:"actions"}))),this.closeButton&&i("span",{class:"mg-message__close-button"},i("mg-button",{identifier:this.closeButtonId,"is-icon":!0,variant:"flat",label:c.message.closeButton,onClick:this.handleClose},i("mg-icon",{icon:"cross"}))))}get element(){return e(this)}static get watchers(){return{delay:["validateDelay"],variant:["validateVariant"],closeButton:["validateCloseButton"],hide:["validateHide"]}}};var P;I.style='.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:0 0.3rem 0.8rem 0 hsla(var(--color-dark), 0.1);box-shadow:0 0.3rem 0.8rem 0 hsla(var(--color-dark), 0.1)}.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%}',function(t){t.NEXT="next",t.PREVIOUS="previous"}(P||(P={}));const W=(t,i,e=1)=>Array.from(Array(Math.ceil((i+1-t)/e)).keys()).map((i=>t+i*e)),B=class{constructor(i){t(this,i),this.currentPageChange=o(this,"current-page-change",7),this.identifier=a("mg-pagination"),this.label="pagination",this.totalPages=1,this.currentPage=1,this.goToPage=t=>this.currentPage=t,this.handleSelect=t=>{const i=Number(t.target.value);this.goToPage(i>0?i:1)},this.handleGoToPage=t=>this.goToPage(t===P.NEXT?this.currentPage+1:this.currentPage-1)}validateTotalPages(t){if(t<1)throw new Error('<mg-pagination> prop "totalPages" must be greater than 0')}validateCurrentPage(t){if(t<1)throw new Error('<mg-pagination> prop "currentPage" must be greater than 0');if(t>this.totalPages)throw new Error('<mg-pagination> prop "currentPage" can not be greater than total page');this.currentPageChange.emit(t)}componentWillLoad(){this.validateTotalPages(this.totalPages),this.validateCurrentPage(this.currentPage)}render(){const t=(t,e)=>i("mg-button",{identifier:`${this.identifier}-button-${e}`,class:"mg-pagination__button",label:c.pagination[`${e}Page`],onClick:()=>this.handleGoToPage(e),disabled:t,variant:"flat"},e===P.PREVIOUS&&i("mg-icon",{icon:"chevron-left"}),c.pagination[e],e===P.NEXT&&i("mg-icon",{icon:"chevron-right"}));return i("nav",{"aria-label":this.label,id:this.identifier,class:"mg-pagination__nav"},t(this.currentPage<=1,P.PREVIOUS),i("mg-input-select",{identifier:`${this.identifier}-select`,items:W(1,this.totalPages).map((t=>t.toString())),label:c.pagination.selectPage,"label-hide":!0,"on-value-change":this.handleSelect,value:this.currentPage.toString(),"placeholder-hide":!0}),i("span",{class:"sr-only"},c.pagination.page," ",this.currentPage),i("span",null,"/ ",this.totalPages," ",c.pagination.pages),t(this.currentPage>=this.totalPages,P.NEXT))}static get watchers(){return{totalPages:["validateTotalPages"],currentPage:["validateCurrentPage"]}}};B.style=".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}";var F="top",S="bottom",R="right",D="left",N=[F,S,R,D],J=N.reduce((function(t,i){return t.concat([i+"-start",i+"-end"])}),[]),U=[].concat(N,["auto"]).reduce((function(t,i){return t.concat([i,i+"-start",i+"-end"])}),[]),Y=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(t){return t?(t.nodeName||"").toLowerCase():null}function K(t){if(null==t)return window;if("[object Window]"!==t.toString()){var i=t.ownerDocument;return i&&i.defaultView||window}return t}function Q(t){return t instanceof K(t).Element||t instanceof Element}function X(t){return t instanceof K(t).HTMLElement||t instanceof HTMLElement}function tt(t){return"undefined"!=typeof ShadowRoot&&(t instanceof K(t).ShadowRoot||t instanceof ShadowRoot)}function it(t){return t.split("-")[0]}var et=Math.max,ot=Math.min,nt=Math.round;function rt(t,i){void 0===i&&(i=!1);var e=t.getBoundingClientRect(),o=1,n=1;if(X(t)&&i){var r=t.offsetHeight,a=t.offsetWidth;a>0&&(o=nt(e.width)/a||1),r>0&&(n=nt(e.height)/r||1)}return{width:e.width/o,height:e.height/n,top:e.top/n,right:e.right/o,bottom:e.bottom/n,left:e.left/o,x:e.left/o,y:e.top/n}}function at(t){var i=rt(t),e=t.offsetWidth,o=t.offsetHeight;return Math.abs(i.width-e)<=1&&(e=i.width),Math.abs(i.height-o)<=1&&(o=i.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:o}}function st(t,i){var e=i.getRootNode&&i.getRootNode();if(t.contains(i))return!0;if(e&&tt(e)){var o=i;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function lt(t){return K(t).getComputedStyle(t)}function gt(t){return["table","td","th"].indexOf(G(t))>=0}function pt(t){return((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function mt(t){return"html"===G(t)?t:t.assignedSlot||t.parentNode||(tt(t)?t.host:null)||pt(t)}function ct(t){return X(t)&&"fixed"!==lt(t).position?t.offsetParent:null}function ut(t){for(var i=K(t),e=ct(t);e&&gt(e)&&"static"===lt(e).position;)e=ct(e);return e&&("html"===G(e)||"body"===G(e)&&"static"===lt(e).position)?i:e||function(t){var i=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&X(t)&&"fixed"===lt(t).position)return null;for(var e=mt(t);X(e)&&["html","body"].indexOf(G(e))<0;){var o=lt(e);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||i&&"filter"===o.willChange||i&&o.filter&&"none"!==o.filter)return e;e=e.parentNode}return null}(t)||i}function ht(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function dt(t,i,e){return et(t,ot(i,e))}function bt(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function ft(t,i){return i.reduce((function(i,e){return i[e]=t,i}),{})}function vt(t){return t.split("-")[1]}var xt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _t(t){var i,e=t.popper,o=t.popperRect,n=t.placement,r=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,g=t.adaptive,p=t.roundOffsets,m=t.isFixed,c=a.x,u=void 0===c?0:c,h=a.y,d=void 0===h?0:h,b="function"==typeof p?p({x:u,y:d}):{x:u,y:d};u=b.x,d=b.y;var f=a.hasOwnProperty("x"),v=a.hasOwnProperty("y"),x=D,_=F,y=window;if(g){var w=ut(e),k="clientHeight",z="clientWidth";w===K(e)&&"static"!==lt(w=pt(e)).position&&"absolute"===s&&(k="scrollHeight",z="scrollWidth"),w=w,(n===F||(n===D||n===R)&&"end"===r)&&(_=S,d-=(m&&y.visualViewport?y.visualViewport.height:w[k])-o.height,d*=l?1:-1),n!==D&&(n!==F&&n!==S||"end"!==r)||(x=R,u-=(m&&y.visualViewport?y.visualViewport.width:w[z])-o.width,u*=l?1:-1)}var L,O=Object.assign({position:s},g&&xt),C=!0===p?function(t){var i=t.y,e=window.devicePixelRatio||1;return{x:nt(t.x*e)/e||0,y:nt(i*e)/e||0}}({x:u,y:d}):{x:u,y:d};return u=C.x,d=C.y,Object.assign({},O,l?((L={})[_]=v?"0":"",L[x]=f?"0":"",L.transform=(y.devicePixelRatio||1)<=1?"translate("+u+"px, "+d+"px)":"translate3d("+u+"px, "+d+"px, 0)",L):((i={})[_]=v?d+"px":"",i[x]=f?u+"px":"",i.transform="",i))}var yt={passive:!0},wt={left:"right",right:"left",bottom:"top",top:"bottom"};function kt(t){return t.replace(/left|right|bottom|top/g,(function(t){return wt[t]}))}var zt={start:"end",end:"start"};function Lt(t){return t.replace(/start|end/g,(function(t){return zt[t]}))}function Ot(t){var i=K(t);return{scrollLeft:i.pageXOffset,scrollTop:i.pageYOffset}}function Ct(t){return rt(pt(t)).left+Ot(t).scrollLeft}function Mt(t){var i=lt(t);return/auto|scroll|overlay|hidden/.test(i.overflow+i.overflowY+i.overflowX)}function Ht(t){return["html","body","#document"].indexOf(G(t))>=0?t.ownerDocument.body:X(t)&&Mt(t)?t:Ht(mt(t))}function Vt(t,i){var e;void 0===i&&(i=[]);var o=Ht(t),n=o===(null==(e=t.ownerDocument)?void 0:e.body),r=K(o),a=n?[r].concat(r.visualViewport||[],Mt(o)?o:[]):o,s=i.concat(a);return n?s:s.concat(Vt(mt(a)))}function jt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,i){return"viewport"===i?jt(function(t){var i=K(t),e=pt(t),o=i.visualViewport,n=e.clientWidth,r=e.clientHeight,a=0,s=0;return o&&(n=o.width,r=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,s=o.offsetTop)),{width:n,height:r,x:a+Ct(t),y:s}}(t)):Q(i)?function(t){var i=rt(t);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(i):jt(function(t){var i,e=pt(t),o=Ot(t),n=null==(i=t.ownerDocument)?void 0:i.body,r=et(e.scrollWidth,e.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=et(e.scrollHeight,e.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),s=-o.scrollLeft+Ct(t),l=-o.scrollTop;return"rtl"===lt(n||e).direction&&(s+=et(e.clientWidth,n?n.clientWidth:0)-r),{width:r,height:a,x:s,y:l}}(pt(t)))}function Et(t){var i,e=t.reference,o=t.element,n=t.placement,r=n?it(n):null,a=n?vt(n):null,s=e.x+e.width/2-o.width/2,l=e.y+e.height/2-o.height/2;switch(r){case F:i={x:s,y:e.y-o.height};break;case S:i={x:s,y:e.y+e.height};break;case R:i={x:e.x+e.width,y:l};break;case D:i={x:e.x-o.width,y:l};break;default:i={x:e.x,y:e.y}}var g=r?ht(r):null;if(null!=g){var p="y"===g?"height":"width";switch(a){case"start":i[g]=i[g]-(e[p]/2-o[p]/2);break;case"end":i[g]=i[g]+(e[p]/2-o[p]/2)}}return i}function Tt(t,i){void 0===i&&(i={});var e=i.placement,o=void 0===e?t.placement:e,n=i.boundary,r=void 0===n?"clippingParents":n,a=i.rootBoundary,s=void 0===a?"viewport":a,l=i.elementContext,g=void 0===l?"popper":l,p=i.altBoundary,m=void 0!==p&&p,c=i.padding,u=void 0===c?0:c,h=bt("number"!=typeof u?u:ft(u,N)),d=t.rects.popper,b=t.elements[m?"popper"===g?"reference":"popper":g],f=function(t,i,e){var o="clippingParents"===i?function(t){var i=Vt(mt(t)),e=["absolute","fixed"].indexOf(lt(t).position)>=0&&X(t)?ut(t):t;return Q(e)?i.filter((function(t){return Q(t)&&st(t,e)&&"body"!==G(t)})):[]}(t):[].concat(i),n=[].concat(o,[e]),r=n.reduce((function(i,e){var o=At(t,e);return i.top=et(o.top,i.top),i.right=ot(o.right,i.right),i.bottom=ot(o.bottom,i.bottom),i.left=et(o.left,i.left),i}),At(t,n[0]));return r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}(Q(b)?b:b.contextElement||pt(t.elements.popper),r,s),v=rt(t.elements.reference),x=Et({reference:v,element:d,strategy:"absolute",placement:o}),_=jt(Object.assign({},d,x)),y="popper"===g?_:v,w={top:f.top-y.top+h.top,bottom:y.bottom-f.bottom+h.bottom,left:f.left-y.left+h.left,right:y.right-f.right+h.right},k=t.modifiersData.offset;if("popper"===g&&k){var z=k[o];Object.keys(w).forEach((function(t){var i=[R,S].indexOf(t)>=0?1:-1,e=[F,S].indexOf(t)>=0?"y":"x";w[t]+=z[e]*i}))}return w}function $t(t,i){void 0===i&&(i={});var e=i.boundary,o=i.rootBoundary,n=i.padding,r=i.flipVariations,a=i.allowedAutoPlacements,s=void 0===a?U:a,l=vt(i.placement),g=l?r?J:J.filter((function(t){return vt(t)===l})):N,p=g.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=g);var m=p.reduce((function(i,r){return i[r]=Tt(t,{placement:r,boundary:e,rootBoundary:o,padding:n})[it(r)],i}),{});return Object.keys(m).sort((function(t,i){return m[t]-m[i]}))}function Zt(t,i,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-i.height-e.y,right:t.right-i.width+e.x,bottom:t.bottom-i.height+e.y,left:t.left-i.width-e.x}}function qt(t){return[F,R,S,D].some((function(i){return t[i]>=0}))}function It(t,i,e){void 0===e&&(e=!1);var o,n,r=X(i),a=X(i)&&function(t){var i=t.getBoundingClientRect(),e=nt(i.width)/t.offsetWidth||1,o=nt(i.height)/t.offsetHeight||1;return 1!==e||1!==o}(i),s=pt(i),l=rt(t,a),g={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r||!r&&!e)&&(("body"!==G(i)||Mt(s))&&(g=(o=i)!==K(o)&&X(o)?{scrollLeft:(n=o).scrollLeft,scrollTop:n.scrollTop}:Ot(o)),X(i)?((p=rt(i,!0)).x+=i.clientLeft,p.y+=i.clientTop):s&&(p.x=Ct(s))),{x:l.left+g.scrollLeft-p.x,y:l.top+g.scrollTop-p.y,width:l.width,height:l.height}}function Pt(t){var i=new Map,e=new Set,o=[];function n(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var o=i.get(t);o&&n(o)}})),o.push(t)}return t.forEach((function(t){i.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||n(t)})),o}var Wt={placement:"bottom",modifiers:[],strategy:"absolute"};function Bt(){for(var t=arguments.length,i=new Array(t),e=0;e<t;e++)i[e]=arguments[e];return!i.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ft(t){void 0===t&&(t={});var i=t.defaultModifiers,e=void 0===i?[]:i,o=t.defaultOptions,n=void 0===o?Wt:o;return function(t,i,o){void 0===o&&(o=n);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},Wt,n),modifiersData:{},elements:{reference:t,popper:i},attributes:{},styles:{}},l=[],g=!1,p={state:s,setOptions:function(o){var r="function"==typeof o?o(s.options):o;m(),s.options=Object.assign({},n,s.options,r),s.scrollParents={reference:Q(t)?Vt(t):t.contextElement?Vt(t.contextElement):[],popper:Vt(i)};var a,g,c=function(t){var i=Pt(t);return Y.reduce((function(t,e){return t.concat(i.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,s.options.modifiers),g=a.reduce((function(t,i){var e=t[i.name];return t[i.name]=e?Object.assign({},e,i,{options:Object.assign({},e.options,i.options),data:Object.assign({},e.data,i.data)}):i,t}),{}),Object.keys(g).map((function(t){return g[t]}))));return s.orderedModifiers=c.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var i=t.options,e=t.effect;if("function"==typeof e){var o=e({state:s,name:t.name,instance:p,options:void 0===i?{}:i});l.push(o||function(){})}})),p.update()},forceUpdate:function(){if(!g){var t=s.elements,i=t.reference,e=t.popper;if(Bt(i,e)){s.rects={reference:It(i,ut(e),"fixed"===s.options.strategy),popper:at(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var n=s.orderedModifiers[o],r=n.fn,a=n.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:n.name,instance:p})||s)}else s.reset=!1,o=-1}}},update:(r=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){m(),g=!0}};if(!Bt(t,i))return p;function m(){l.forEach((function(t){return t()})),l=[]}return p.setOptions(o).then((function(t){!g&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var St=Ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var i=t.state,e=t.instance,o=t.options,n=o.scroll,r=void 0===n||n,a=o.resize,s=void 0===a||a,l=K(i.elements.popper),g=[].concat(i.scrollParents.reference,i.scrollParents.popper);return r&&g.forEach((function(t){t.addEventListener("scroll",e.update,yt)})),s&&l.addEventListener("resize",e.update,yt),function(){r&&g.forEach((function(t){t.removeEventListener("scroll",e.update,yt)})),s&&l.removeEventListener("resize",e.update,yt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var i=t.state;i.modifiersData[t.name]=Et({reference:i.rects.reference,element:i.rects.popper,strategy:"absolute",placement:i.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var i=t.state,e=t.options,o=e.gpuAcceleration,n=void 0===o||o,r=e.adaptive,a=void 0===r||r,s=e.roundOffsets,l=void 0===s||s,g={placement:it(i.placement),variation:vt(i.placement),popper:i.elements.popper,popperRect:i.rects.popper,gpuAcceleration:n,isFixed:"fixed"===i.options.strategy};null!=i.modifiersData.popperOffsets&&(i.styles.popper=Object.assign({},i.styles.popper,_t(Object.assign({},g,{offsets:i.modifiersData.popperOffsets,position:i.options.strategy,adaptive:a,roundOffsets:l})))),null!=i.modifiersData.arrow&&(i.styles.arrow=Object.assign({},i.styles.arrow,_t(Object.assign({},g,{offsets:i.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),i.attributes.popper=Object.assign({},i.attributes.popper,{"data-popper-placement":i.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var i=t.state;Object.keys(i.elements).forEach((function(t){var e=i.styles[t]||{},o=i.attributes[t]||{},n=i.elements[t];X(n)&&G(n)&&(Object.assign(n.style,e),Object.keys(o).forEach((function(t){var i=o[t];!1===i?n.removeAttribute(t):n.setAttribute(t,!0===i?"":i)})))}))},effect:function(t){var i=t.state,e={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,e.popper),i.styles=e,i.elements.arrow&&Object.assign(i.elements.arrow.style,e.arrow),function(){Object.keys(i.elements).forEach((function(t){var o=i.elements[t],n=i.attributes[t]||{},r=Object.keys(i.styles.hasOwnProperty(t)?i.styles[t]:e[t]).reduce((function(t,i){return t[i]="",t}),{});X(o)&&G(o)&&(Object.assign(o.style,r),Object.keys(n).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var i=t.state,e=t.name,o=t.options.offset,n=void 0===o?[0,0]:o,r=U.reduce((function(t,e){return t[e]=function(t,i,e){var o=it(t),n=[D,F].indexOf(o)>=0?-1:1,r="function"==typeof e?e(Object.assign({},i,{placement:t})):e,a=r[0],s=r[1];return a=a||0,s=(s||0)*n,[D,R].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(e,i.rects,n),t}),{}),a=r[i.placement],s=a.y;null!=i.modifiersData.popperOffsets&&(i.modifiersData.popperOffsets.x+=a.x,i.modifiersData.popperOffsets.y+=s),i.modifiersData[e]=r}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var i=t.state,e=t.options,o=t.name;if(!i.modifiersData[o]._skip){for(var n=e.mainAxis,r=void 0===n||n,a=e.altAxis,s=void 0===a||a,l=e.fallbackPlacements,g=e.padding,p=e.boundary,m=e.rootBoundary,c=e.altBoundary,u=e.flipVariations,h=void 0===u||u,d=e.allowedAutoPlacements,b=i.options.placement,f=it(b),v=l||(f!==b&&h?function(t){if("auto"===it(t))return[];var i=kt(t);return[Lt(t),i,Lt(i)]}(b):[kt(b)]),x=[b].concat(v).reduce((function(t,e){return t.concat("auto"===it(e)?$t(i,{placement:e,boundary:p,rootBoundary:m,padding:g,flipVariations:h,allowedAutoPlacements:d}):e)}),[]),_=i.rects.reference,y=i.rects.popper,w=new Map,k=!0,z=x[0],L=0;L<x.length;L++){var O=x[L],C=it(O),M="start"===vt(O),H=[F,S].indexOf(C)>=0,V=H?"width":"height",j=Tt(i,{placement:O,boundary:p,rootBoundary:m,altBoundary:c,padding:g}),A=H?M?R:D:M?S:F;_[V]>y[V]&&(A=kt(A));var E=kt(A),T=[];if(r&&T.push(j[C]<=0),s&&T.push(j[A]<=0,j[E]<=0),T.every((function(t){return t}))){z=O,k=!1;break}w.set(O,T)}if(k)for(var $=function(t){var i=x.find((function(i){var e=w.get(i);if(e)return e.slice(0,t).every((function(t){return t}))}));if(i)return z=i,"break"},Z=h?3:1;Z>0&&"break"!==$(Z);Z--);i.placement!==z&&(i.modifiersData[o]._skip=!0,i.placement=z,i.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var i=t.state,e=t.options,o=t.name,n=e.mainAxis,r=void 0===n||n,a=e.altAxis,s=void 0!==a&&a,l=e.tether,g=void 0===l||l,p=e.tetherOffset,m=void 0===p?0:p,c=Tt(i,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),u=it(i.placement),h=vt(i.placement),d=!h,b=ht(u),f="x"===b?"y":"x",v=i.modifiersData.popperOffsets,x=i.rects.reference,_=i.rects.popper,y="function"==typeof m?m(Object.assign({},i.rects,{placement:i.placement})):m,w="number"==typeof y?{mainAxis:y,altAxis:y}:Object.assign({mainAxis:0,altAxis:0},y),k=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null,z={x:0,y:0};if(v){if(r){var L,O="y"===b?F:D,C="y"===b?S:R,M="y"===b?"height":"width",H=v[b],V=H+c[O],j=H-c[C],A=g?-_[M]/2:0,E="start"===h?x[M]:_[M],T="start"===h?-_[M]:-x[M],$=i.elements.arrow,Z=g&&$?at($):{width:0,height:0},q=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},I=q[O],P=q[C],W=dt(0,x[M],Z[M]),B=d?x[M]/2-A-W-I-w.mainAxis:E-W-I-w.mainAxis,N=d?-x[M]/2+A+W+P+w.mainAxis:T+W+P+w.mainAxis,J=i.elements.arrow&&ut(i.elements.arrow),U=null!=(L=null==k?void 0:k[b])?L:0,Y=H+N-U,G=dt(g?ot(V,H+B-U-(J?"y"===b?J.clientTop||0:J.clientLeft||0:0)):V,H,g?et(j,Y):j);v[b]=G,z[b]=G-H}if(s){var K,Q=v[f],X="y"===f?"height":"width",tt=Q+c["x"===b?F:D],nt=Q-c["x"===b?S:R],rt=-1!==[F,D].indexOf(u),st=null!=(K=null==k?void 0:k[f])?K:0,lt=rt?tt:Q-x[X]-_[X]-st+w.altAxis,gt=rt?Q+x[X]+_[X]-st-w.altAxis:nt,pt=g&&rt?function(t,i,e){var o=dt(t,i,e);return o>e?e:o}(lt,Q,gt):dt(g?lt:tt,Q,g?gt:nt);v[f]=pt,z[f]=pt-Q}i.modifiersData[o]=z}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var i,e=t.state,o=t.name,n=t.options,r=e.elements.arrow,a=e.modifiersData.popperOffsets,s=it(e.placement),l=ht(s),g=[D,R].indexOf(s)>=0?"height":"width";if(r&&a){var p=function(t,i){return bt("number"!=typeof(t="function"==typeof t?t(Object.assign({},i.rects,{placement:i.placement})):t)?t:ft(t,N))}(n.padding,e),m=at(r),c="y"===l?F:D,u="y"===l?S:R,h=e.rects.reference[g]+e.rects.reference[l]-a[l]-e.rects.popper[g],d=a[l]-e.rects.reference[l],b=ut(r),f=b?"y"===l?b.clientHeight||0:b.clientWidth||0:0,v=f/2-m[g]/2+(h/2-d/2),x=dt(p[c],v,f-m[g]-p[u]);e.modifiersData[o]=((i={})[l]=x,i.centerOffset=x-v,i)}},effect:function(t){var i=t.state,e=t.options.element,o=void 0===e?"[data-popper-arrow]":e;null!=o&&("string"!=typeof o||(o=i.elements.popper.querySelector(o)))&&st(i.elements.popper,o)&&(i.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var i=t.state,e=t.name,o=i.rects.reference,n=i.rects.popper,r=i.modifiersData.preventOverflow,a=Tt(i,{elementContext:"reference"}),s=Tt(i,{altBoundary:!0}),l=Zt(a,o),g=Zt(s,n,r),p=qt(l),m=qt(g);i.modifiersData[e]={referenceClippingOffsets:l,popperEscapeOffsets:g,isReferenceHidden:p,hasPopperEscaped:m},i.attributes.popper=Object.assign({},i.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":m})}}]});const Rt=class{constructor(i){t(this,i),this.closeButtonId="",this.identifier=a("mg-popover"),this.placement="bottom",this.closeButton=!1,this.display=!1,this.disabled=!1,this.clickOutside=t=>{var i;this.disabled||"MG-POPOVER"===(null===(i=t.target.closest(`#${this.identifier}`))||void 0===i?void 0:i.parentElement.nodeName)||(this.display=!1)},this.show=()=>{this.popover.setAttribute("data-show",""),this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.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((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),document.removeEventListener("click",this.clickOutside,!1)},this.handleCloseButton=()=>{this.display=!1}}handleDisplay(t){t?this.show():this.hide()}componentDidLoad(){const t=["h1","h2","h3","h4","h5","h6"],i=this.element.querySelector('[slot="title"]');if(null!==i&&!t.includes(i.tagName.toLowerCase()))throw new Error(`<mg-popover> Slotted title must be a heading:  ${t.join(", ")}.`);this.closeButton&&(this.closeButtonId=`${this.identifier}-close-button`),this.popover=this.element.querySelector(`#${this.identifier}`);const e=this.element.firstElementChild;e.setAttribute("aria-controls",this.identifier),e.setAttribute("aria-expanded",`${this.display}`),this.popper=St(e,this.popover,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),e.addEventListener("click",(()=>{this.disabled||(this.display=!this.display)})),this.element.addEventListener("keydown",(t=>{this.disabled||"Escape"!==t.code||(this.display=!1)})),this.handleDisplay(this.display)}render(){return i(n,null,i("slot",null),i("div",{id:this.identifier,class:"mg-popover"},!this.disabled&&this.closeButton&&i("mg-button",{identifier:this.closeButtonId,"is-icon":!0,variant:"flat",label:c.popover.closeButton,onClick:this.handleCloseButton},i("mg-icon",{icon:"cross"})),i("div",{class:"mg-popover__title"},i("slot",{name:"title"})),i("slot",{name:"content"}),i("div",{class:"mg-popover__arrow","data-popper-arrow":!0})))}get element(){return e(this)}static get watchers(){return{display:["handleDisplay"]}}};Rt.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));-webkit-box-shadow:0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);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:9999;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 Dt=class{constructor(i){t(this,i),this.identifier=a("mg-tabs"),this.activeTab=1,this.tabs=[],this.classList=new s(["mg-tabs"]),this.handleClick=t=>{const i=t.currentTarget.getAttribute("data-index");this.activeTab=Number(i)},this.handleKeydown=t=>{let i,e=Number(t.target.getAttribute("data-index"));const o=t.target.parentElement;["ArrowRight","Right"].includes(t.key)?e++:["ArrowLeft","Left"].includes(t.key)&&e--,i=o.querySelector(`[data-index="${e}"]`),null!==i&&(i.focus(),this.activeTab=e)},this.validateSlots=()=>{if(Array.from(this.element.children).filter((t=>{var i;return null===(i=t.getAttribute("slot"))||void 0===i?void 0:i.includes("tab_content-")})).length!==this.tabs.length)throw new Error("<mg-tabs> Must have slots counts equal to tabs count.")}}validateItems(t){if(l(t))this.tabs=t.map((t=>({label:t})));else{if(!t||!t.every((t=>{return"object"==typeof(i=t)&&"string"==typeof i.label;var i})))throw new Error('<mg-tabs> prop "items" is required and all items must be the same type: TabItem.');this.tabs=t}}validateActiveTab(t){if(Number(t)<1||Number(t)>this.tabs.length)throw new Error('<mg-tabs> prop "activeTab" must be between 1 and tabs length.')}componentWillLoad(){this.validateItems(this.items),this.validateActiveTab(this.activeTab),this.validateSlots()}render(){return i(n,null,i("header",{role:"tablist","aria-label":this.label,class:"mg-tabs__header"},this.tabs.map(((t,e)=>{const o=e+1;return i("button",{role:"tab",id:`${this.identifier}-${o}`,class:"mg-tabs__navigation-button "+(o===this.activeTab?"mg-tabs__navigation-button--active":""),tabindex:o===this.activeTab?0:-1,"aria-selected":(o===this.activeTab).toString(),"aria-controls":`pannel-${o}`,onClick:this.handleClick,onKeyDown:this.handleKeydown,"data-index":o},void 0!==t.icon&&i("mg-icon",{icon:t.icon}),t.label,void 0!==t.badge&&i("mg-badge",{variant:"info",value:t.badge.value,label:t.badge.label}))}))),this.tabs.map(((t,e)=>{const o=e+1;return i("article",{role:"tabpanel",id:`pannel-${o}`,hidden:o!==this.activeTab,"aria-labelledby":`${this.identifier}-${this.activeTab}`,tabindex:o===this.activeTab?0:-1,class:"mg-tabs__content-container"},i("slot",{name:`tab_content-${o}`}))})))}get element(){return e(this)}static get watchers(){return{items:["validateItems"],activeTab:["validateActiveTab"]}}};Dt.style=".mg-tabs__header.sc-mg-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.mg-tabs__navigation-button.sc-mg-tabs{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;padding:1.8rem 2.4rem 1.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.sc-mg-tabs:hover,.mg-tabs__navigation-button.sc-mg-tabs:focus{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.sc-mg-tabs{color:hsl(var(--color-info));border-bottom-color:hsl(var(--color-info));font-weight:700}.mg-tabs__content-container.sc-mg-tabs:focus-visible{outline-color:transparent}";const Nt=["primary","secondary","success","warning","danger","info"],Jt=class{constructor(i){t(this,i),this.variant=Nt[0],this.classList=new s(["mg-tag"])}validateVariant(t){if(!Nt.includes(t))throw new Error(`<mg-tag> prop "variant" must be one of : ${Nt.join(", ")}.`);this.classList.add(`mg-tag--${this.variant}`)}validateOutline(t){t&&this.classList.add("mg-tag--outline")}componentWillLoad(){this.validateVariant(this.variant),this.validateOutline(this.outline)}render(){return i("span",{class:this.classList.join()},i("slot",null))}static get watchers(){return{variant:["validateVariant"],outline:["validateOutline"]}}};Jt.style=".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}";const Ut=class{constructor(i){t(this,i),this.identifier=a("mg-tooltip"),this.placement="bottom",this.display=!1,this.disabled=!1,this.show=()=>{this.tooltip.setAttribute("data-show",""),this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.popper.update()},this.hide=()=>{this.tooltip.removeAttribute("data-show"),this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]})))}}handleDisplay(t){t?this.show():this.hide()}componentDidLoad(){var t;this.tooltip=this.element.querySelector(`#${this.identifier}`);const i=this.element.firstElementChild,e=["a","button","input","textarea","select"],o=this.element.querySelector(e.join(","))||(null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(e.join(","))),n=o||i;null==o&&(i.tabIndex=0);const r=i.getAttribute("aria-describedby");null===r?n.setAttribute("aria-describedby",this.identifier):i.setAttribute("aria-describedby",`${r} ${this.identifier}`),this.popper=St(n,this.tooltip,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]}),["mouseenter","focus"].forEach((t=>{n.addEventListener(t,(()=>{this.disabled||(this.display=!0)}))})),["mouseleave","blur","keydown"].forEach((t=>{n.addEventListener(t,(t=>{"keydown"===t.type&&"Escape"!==t.code||this.disabled||(this.display=!1)}))})),this.handleDisplay(this.display)}render(){return i(n,null,i("slot",null),i("div",{role:"tooltip",id:this.identifier,class:"mg-tooltip",innerHTML:this.message},i("div",{class:"mg-tooltip__arrow","data-popper-arrow":!0})))}get element(){return e(this)}static get watchers(){return{display:["handleDisplay"]}}};Ut.style='.sc-mg-tooltip-h{display:inline-block}.mg-tooltip.sc-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].sc-mg-tooltip{display:block}.mg-tooltip.sc-mg-tooltip .mg-tooltip__arrow.sc-mg-tooltip,.mg-tooltip.sc-mg-tooltip .mg-tooltip__arrow.sc-mg-tooltip::before{position:absolute;width:0.8rem;height:0.8rem;z-index:9999;background:inherit}.mg-tooltip.sc-mg-tooltip .mg-tooltip__arrow.sc-mg-tooltip{visibility:hidden}.mg-tooltip.sc-mg-tooltip .mg-tooltip__arrow.sc-mg-tooltip::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mg-tooltip[data-popper-placement^=top].sc-mg-tooltip>.mg-tooltip__arrow.sc-mg-tooltip{bottom:-4px}.mg-tooltip[data-popper-placement^=bottom].sc-mg-tooltip>.mg-tooltip__arrow.sc-mg-tooltip{top:-4px}.mg-tooltip[data-popper-placement^=left].sc-mg-tooltip>.mg-tooltip__arrow.sc-mg-tooltip{right:-4px}.mg-tooltip[data-popper-placement^=right].sc-mg-tooltip>.mg-tooltip__arrow.sc-mg-tooltip{left:-4px}';export{g as mg_badge,m as mg_button,u as mg_character_left,f as mg_icon,y as mg_input_checkbox,L as mg_input_date,M as mg_input_numeric,H as mg_input_password,V as mg_input_radio,A as mg_input_select,E as mg_input_text,T as mg_input_textarea,$ as mg_input_title,Z as mg_input_toggle,I as mg_message,B as mg_pagination,Rt as mg_popover,Dt as mg_tabs,Jt as mg_tag,Ut as mg_tooltip}

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

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from webcomponents.js to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+const s=/(-shadowcsshost)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,t=/(-shadowcsscontext)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,o=/(-shadowcssslotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,n=/-shadowcsshost-no-combinator([^\s]*)/,e=[/::shadow/g,/::content/g],c=/-shadowcsshost/gim,r=/:host/gim,h=/::slotted/gim,a=/:host-context/gim,d=/\/\*\s*[\s\S]*?\*\//g,l=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,g=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,i=/([{}])/g,u=/(^.*?[^\\])??((:+)(.*)|$)/,m=(s,t)=>{const o=w(s);let n=0;return o.escapedString.replace(g,((...s)=>{const e=s[2];let c="",r=s[4],h="";r&&r.startsWith("{%BLOCK%")&&(c=o.blocks[n++],r=r.substring(8),h="{");const a=t({selector:e,content:c});return`${s[1]}${a.selector}${s[3]}${h}${a.content}${r}`}))},w=s=>{const t=s.split(i),o=[],n=[];let e=0,c=[];for(let s=0;s<t.length;s++){const r=t[s];"}"===r&&e--,e>0?c.push(r):(c.length>0&&(n.push(c.join("")),o.push("%BLOCK%"),c=[]),o.push(r)),"{"===r&&e++}return c.length>0&&(n.push(c.join("")),o.push("%BLOCK%")),{escapedString:o.join(""),blocks:n}},$=(s,t,o)=>s.replace(t,((...s)=>{if(s[2]){const t=s[2].split(","),n=[];for(let e=0;e<t.length;e++){const c=t[e].trim();if(!c)break;n.push(o("-shadowcsshost-no-combinator",c,s[3]))}return n.join(",")}return"-shadowcsshost-no-combinator"+s[3]})),p=(s,t,o)=>s+t.replace("-shadowcsshost","")+o,_=(s,t,o)=>t.indexOf("-shadowcsshost")>-1?p(s,t,o):s+t+o+", "+t+" "+s+o,b=(s,t)=>s.replace(u,((s,o="",n,e="",c="")=>o+t+e+c)),f=(s,t,o,e)=>m(s,(s=>{let r=s.selector,h=s.content;return"@"!==s.selector[0]?r=((s,t,o,e)=>s.split(",").map((s=>e&&s.indexOf("."+e)>-1?s.trim():((s,t)=>!(s=>(s=s.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+s+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(s))(s,t)?((s,t,o)=>{const e="."+(t=t.replace(/\[is=([^\]]*)\]/g,((s,...t)=>t[0]))),r=s=>{let r=s.trim();if(!r)return"";if(s.indexOf("-shadowcsshost-no-combinator")>-1)r=((s,t,o)=>{if(c.lastIndex=0,c.test(s)){const t="."+o;return s.replace(n,((s,o)=>b(o,t))).replace(c,t+" ")}return t+" "+s})(s,t,o);else{const t=s.replace(c,"");t.length>0&&(r=b(t,e))}return r},h=(s=>{const t=[];let o,n=0;return o=(s=s.replace(/(\[[^\]]*\])/g,((s,o)=>{const e=`__ph-${n}__`;return t.push(o),n++,e}))).replace(/(:nth-[-\w]+)(\([^)]+\))/g,((s,o,e)=>{const c=`__ph-${n}__`;return t.push(e),n++,o+c})),{content:o,placeholders:t}})(s);let a,d="",l=0;const g=/( |>|\+|~(?!=))\s*/g;let i=!((s=h.content).indexOf("-shadowcsshost-no-combinator")>-1);for(;null!==(a=g.exec(s));){const t=a[1],o=s.slice(l,a.index).trim();i=i||o.indexOf("-shadowcsshost-no-combinator")>-1,d+=`${i?r(o):o} ${t} `,l=g.lastIndex}const u=s.substring(l);return i=i||u.indexOf("-shadowcsshost-no-combinator")>-1,d+=i?r(u):u,((s,t)=>t.replace(/__ph-(\d+)__/g,((t,o)=>s[+o])))(h.placeholders,d)})(s,t,o).trim():s.trim())).join(", "))(s.selector,t,o,e):(s.selector.startsWith("@media")||s.selector.startsWith("@supports")||s.selector.startsWith("@page")||s.selector.startsWith("@document"))&&(h=f(s.content,t,o,e)),{selector:r.replace(/\s{2,}/g," ").trim(),content:h}})),x=(n,c,g)=>{const i=c+"-h",u=c+"-s",w=(s=>s.match(l)||[])(n);n=(s=>s.replace(d,""))(n);const b=[];if(g){const s=s=>{const t=`/*!@___${b.length}___*/`;return b.push({placeholder:t,comment:`/*!@${s.selector}*/`}),s.selector=t+s.selector,s};n=m(n,(t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=m(t.content,s),t):t))}const x=((n,c,d,l)=>{const g=((s,t)=>{const n="."+t+" > ",e=[];return s=s.replace(o,((...s)=>{if(s[2]){const t=s[2].trim(),o=n+t+s[3];let c="";for(let t=s[4]-1;t>=0;t--){const o=s[5][t];if("}"===o||","===o)break;c=o+c}const r=c+o,h=`${c.trimRight()}${o.trim()}`;return r.trim()!==h.trim()&&e.push({orgSelector:r,updatedSelector:`${h}, ${r}`}),o}return"-shadowcsshost-no-combinator"+s[3]})),{selectors:e,cssText:s}})(n=(s=>$(s,t,_))(n=(t=>$(t,s,p))(n=(s=>s.replace(a,"-shadowcsscontext").replace(r,"-shadowcsshost").replace(h,"-shadowcssslotted"))(n))),l);return n=(s=>e.reduce(((s,t)=>s.replace(t," ")),s))(n=g.cssText),c&&(n=f(n,c,d,l)),{cssText:(n=(n=n.replace(/-shadowcsshost-no-combinator/g,"."+d)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:g.selectors}})(n,c,i,u);return n=[x.cssText,...w].join("\n"),g&&b.forEach((({placeholder:s,comment:t})=>{n=n.replace(s,t)})),x.slottedSelectors.forEach((s=>{n=n.replace(s.orgSelector,s.updatedSelector)})),n};export{x as scopeCss}

package/dist/mg-components/variables.css

@@ -0,0 +1,177 @@
+:root {
+  /*
+    Fonts
+  */
+
+  --font-size: 1.3rem;
+  --line-height: 1.4;
+
+  /* Open Sans is used for the body (mostly all texts) */
+  --font-family: 'Open Sans', sans-serif;
+
+  /* Poppins is used for the headings (h1 to h6) */
+  --font-family-heading: 'Poppins', sans-serif;
+
+  /* Font colors */
+  --color-font-light: var(--color-light);
+  --color-font-dark: var(--color-dark);
+  /*
+    Colors
+    https://jira.mgdis.fr/browse/PDA9-690
+   */
+
+  /* Neutral */
+  /* #fefefe; */
+  /* rgb(254, 254, 254); */
+  --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);
+
+  /* Warning */
+  /* #ffc33e */
+  /* rgb(255, 195, 62); */
+  --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);
+
+  /* Success */
+  /* #32d59c */
+  /* rgb(50, 213, 156); */
+  --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);
+
+  /* Info */
+  /* #005e9c; */
+  /* rgb(0, 94, 156); */
+  --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);
+
+  /* Danger */
+  /* #df242c; */
+  /* rgb(223, 36, 44); */
+  --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);
+
+  /* Dark */
+  /* #15282e; */
+  /* rgb(21, 40, 46); */
+  --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);
+
+  /* Light */
+  /* white; (#ffffff) */
+  /* rgb(255, 255, 255); */
+  --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);
+
+  /*
+    Global
+   */
+  --default-size: 3.5rem;
+
+  /*
+    <mg-icon>
+   */
+  --mg-icon-regular-size: 1.6rem;
+  --mg-icon-large-size: 2.4rem;
+  --mg-icon-extra-large-size: 3.6rem;
+
+  /*
+    <mg-button>
+   */
+
+  --mg-button-border-radius: 0.3rem;
+  --mg-button-icon-border-radius: var(--default-size);
+  --mg-button-disabled-opacity: 0.6;
+
+  /* Primary */
+  --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);
+
+  /* Secondary */
+  --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>
+   */
+  --mg-tag-height: 2.3rem;
+  --mg-tag-border-radius: 0.5rem;
+  --mg-tag-font-size: 1.2rem;
+
+  /*
+  <mg-badge>
+  */
+  --mg-badge-size: 1.6rem;
+  --mg-badge-font-size: 1.1rem;
+
+  /*
+    <mg-tooltip>
+   */
+  --mg-tooltip-border-radius: 0.5rem;
+  --mg-tooltip-background-color: var(--color-dark);
+  --mg-tooltip-font-color: var(--color-font-light);
+
+  /*
+    <mg-popover>
+   */
+  --mg-popover-background-color: var(--color-light);
+  --mg-popover-font-color: var(--color-font-dark);
+  --mg-popover-title-font-size: 1.4rem;
+
+  /*
+    <mg-message>
+   */
+  --mg-message-border-radius: 0.3rem;
+
+  /*
+    Layout
+   */
+  --mg-grid-spacing: 1rem;
+
+  /*
+    Forms
+   */
+  --mg-form-group-vertical-space: 1.5rem;
+
+  /*
+    <mg-input-...>
+   */
+  --mg-inputs-border-width: 0.1rem;
+  --mg-inputs-border-radius: 0.3rem;
+  --mg-inputs-color: #b5c2c9;
+  --mg-inputs-spacer: 1rem;
+
+  /* Input focus shadow */
+  /* #b5c2c9 */
+  /* rgb(0, 221, 255); */
+  /* hsl(188, 100%, 50%); */
+  --mg-inputs-color-shadow-focus-hsl: 188, 100%, 50%;
+
+  /*
+    <mg-input-toggle>
+  */
+  --mg-input-toggle-border-radius-ratio: 2;
+
+  /*
+    <mg-input-checkbox>
+    <mg-input-radio>
+   */
+  --mg-input-check-size: 1.3rem;
+}