@mgdis/mg-components 3.2.0 → 3.3.0

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

@@ -1 +0,0 @@
-import{r as t,h as i,g as o,c as e,H as n}from"./p-68d6f104.js";import{C as r,c as a,m as s,l,a as g,b as m}from"./p-3c14153d.js";import{c as p}from"./p-ace173b1.js";const h=["info","primary","secondary","success","warning","danger"],u=class{constructor(i){t(this,i),this.variant=h[0],this.classList=new r(["mg-badge"])}validateValue(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(!h.includes(t))throw new Error(`<mg-badge> prop "variant" must be one of : ${h.join(", ")}.`);this.classList.add(`mg-badge--${this.variant}`)}validateOutline(t){t&&this.classList.add("mg-badge--outline")}componentWillLoad(){this.validateValue(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:["validateValue"],variant:["validateVariant"],outline:["validateOutline"]}}};u.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 d=["primary","secondary","danger","danger-alt","info","flat"],c=class{constructor(i){t(this,i),this.onClickElementFn=null,this.variant=d[0],this.identifier=a("mg-button"),this.disabled=!1,this.isIcon=!1,this.disableOnClick=!1,this.expanded=!1,this.haspopup=!1,this.loading=!1,this.classList=new r(["mg-button"]),this.handleClick=t=>{this.disabled&&t.stopPropagation(),this.disableOnClick&&!this.disabled&&(this.loading=!0,this.disabled=!0)}}validateVariant(t){if(!d.includes(t))throw new Error(`<mg-button> prop "variant" must be one of : ${d.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,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-haspopup":this.haspopup,onClick:this.handleClick},this.loading&&i("mg-icon",{icon:"loader",spin:!0}),i("div",{class:"mg-button__content"},i("slot",null)))}get element(){return o(this)}static get watchers(){return{variant:["validateVariant"],disabled:["disabledHandler"],loading:["loadingHandler"]}}};c.style=".mg-button.sc-mg-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.6rem;-moz-column-gap:0.6rem;column-gap:0.6rem;padding:calc((var(--default-size) - 0.2rem - var(--font-size) * var(--line-height)) / 2) 1.1rem;min-height:var(--default-size);-webkit-box-sizing:border-box;box-sizing:border-box;border-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-border-radius));cursor:pointer;background-image:none;border-top-width:var(--mg-button-border-top-width, 0.1rem);border-right-width:var(--mg-button-border-right-width, 0.1rem);border-bottom-width:var(--mg-button-border-bottom-width, 0.1rem);border-left-width:var(--mg-button-border-left-width, 0.1rem);border-style:solid;font-family:inherit;text-decoration:none;font-weight:normal;text-align:left;-ms-touch-action:manipulation;touch-action:manipulation}.mg-button[disabled].sc-mg-button,.mg-button[aria-disabled].sc-mg-button,.mg-button.disabled.sc-mg-button{opacity:var(--mg-button-disabled-opacity);cursor:default}.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-top-right-radius:var(--mg-button-border-radius-top-right, var(--mg-button-icon-border-radius));border-top-left-radius:var(--mg-button-border-radius-top-left, var(--mg-button-icon-border-radius));border-bottom-right-radius:var(--mg-button-border-radius-bottom-right, var(--mg-button-icon-border-radius));border-bottom-left-radius:var(--mg-button-border-radius-bottom-left, var(--mg-button-icon-border-radius));font-size:var(--font-size);line-height:var(--font-size)}.mg-button.mg-button--primary.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) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), var(--mg-button-primary-color-l)), hsl(var(--mg-button-primary-color-h), var(--mg-button-primary-color-s), calc(var(--mg-button-primary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--primary.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) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), var(--mg-button-secondary-color-l)), hsl(var(--mg-button-secondary-color-h), var(--mg-button-secondary-color-s), calc(var(--mg-button-secondary-color-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--secondary.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) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l)), hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger.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) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-l)), hsl(var(--color-neutral-h), var(--color-neutral-s), calc(var(--color-neutral-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--danger-alt.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) - var(--mg-button-gradient) * 10%))));background:linear-gradient(to bottom, hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l)), hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) - var(--mg-button-gradient) * 10%)))}.mg-button.mg-button--info.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 mg-icon.sc-mg-button:only-child,.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.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.mg-button--loading.sc-mg-button .mg-button__content.sc-mg-button{opacity:0}.mg-button__content.sc-mg-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.6rem;-moz-column-gap:0.6rem;column-gap:0.6rem}mg-button.sc-mg-button{display:inline-block}.mg-button.sc-mg-button,mg-button.sc-mg-button{vertical-align:middle;max-width:100%}";const b=class{constructor(i){t(this,i),this.mustacheCounter="{counter}",this.template=s.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"]}}};b.style="mg-character-left.sc-mg-character-left{display:block}";const v=class{constructor(i){t(this,i),this.formValid=e(this,"form-valid",7),this.identifier=a("mg-form"),this.name=this.identifier,this.readonly=!1,this.disabled=!1,this.classList=new r(["mg-form"]),this.setRequiredMessage=()=>{const t=this.mgInputs.filter((t=>t.required&&!t.disabled&&!this.disabled));t.length>0&&t.length===this.mgInputs.filter((t=>"MG-INPUT-TOGGLE"!==t.nodeName)).length?(this.requiredMessage=s.form.allRequired,this.classList.add("mg-form--all-required")):t.length>0&&(this.requiredMessage=s.form.required)},this.checkValidity=()=>{const t=!this.mgInputs.some((t=>t.invalid));this.valid=t,this.invalid=!t,this.formValid.emit(t)}}async displayError(){this.readonly||(this.mgInputs.forEach((t=>{t.displayError&&t.displayError()})),this.checkValidity())}componentWillLoad(){this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT-"))),this.setRequiredMessage(),Promise.all(this.mgInputs.map((async t=>{this.readonly?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity),await t.componentOnReady()}))).then((()=>{this.checkValidity()}))}render(){return i("form",{class:this.classList.join(),id:this.identifier,name:this.name},this.requiredMessage&&i("p",{innerHTML:this.requiredMessage}),i("slot",null),!this.readonly&&!this.disabled&&i("slot",{name:"actions"}))}get element(){return o(this)}};v.style=".is-asterisk{color:hsl(var(--color-danger))}.mg-form,.mg-form-group{--mg-inputs-margin-bottom:1.5rem;--mg-inputs-title-horizontal-space:3rem;--mg-inputs-title-width:15rem;--mg-inputs-shrink:0}.mg-form.mg-form--all-required,.mg-form-group.mg-form--all-required{--mg-input-title-display:none}";const f={"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"}),"arrow-up-right-square":()=>i("path",{fill:"currentColor",d:"M14.33 3v10A1.34 1.34 0 0 1 13 14.33H3A1.34 1.34 0 0 1 1.67 13V3A1.34 1.34 0 0 1 3 1.67h10A1.34 1.34 0 0 1 14.33 3Zm-2.48.46H8.68a.67.67 0 0 0-.68.7.63.63 0 0 0 .2.47l.91.91-5.53 5.53a.33.33 0 0 0 0 .48l.87.87a.33.33 0 0 0 .48 0l5.53-5.52.91.9a.69.69 0 0 0 1 0 .71.71 0 0 0 .19-.48V4.15a.67.67 0 0 0-.67-.67Z"}),"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-in":()=>i("path",{fill:"currentColor",d:"M10.97,7.78h0L6.97,3.78c-.12-.12-.31-.12-.42,0h0c-.07,.06-.12,.15-.13,.24v2.07c0,.17-.13,.3-.3,.32H1.97c-.16,0-.29,.12-.3,.28h0v2.58c0,.16,.12,.29,.28,.3H6.11c.17,0,.3,.14,.3,.31v2.14c0,.16,.12,.29,.28,.3h0c.11,.01,.21-.03,.28-.11l4-4c.11-.12,.11-.3,0-.42Zm3.37,5.26h0v1c0,.16-.13,.28-.28,.28h-4.77c-.16,0-.28-.13-.28-.28v-1c0-.16,.13-.28,.28-.28h3.43V3.3h-3.42c-.16,0-.29-.13-.29-.29V1.97c0-.16,.13-.29,.29-.29h4.76c.16,0,.29,.13,.29,.29v.68h0V13.04Z"}),"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"}),pen:()=>i("path",{fill:"currentColor",d:"M1.67,11.69v2.64h2.64l7.78-7.78-2.64-2.64L1.67,11.69ZM14.13,4.51c.27-.28,.27-.72,0-1h0l-1.65-1.64c-.28-.27-.72-.27-1,0h0l-1.28,1.29,2.64,2.64,1.29-1.29Z"}),"pen-fancy":()=>i("path",{fill:"currentColor",d:"M3.63,8.65c-.24,.07-.43,.26-.5,.5l-1.46,4.37,.11,.12,2.3-2.3c0-.06,0-.13,0-.19,0-.44,.35-.8,.79-.81,.44,0,.8,.35,.81,.79,0,.44-.35,.8-.79,.81,0,0-.01,0-.02,0h-.19l-2.3,2.3,.12,.11,4.37-1.46c.24-.07,.43-.26,.5-.5l.82-2.08-2.49-2.48-2.07,.82ZM10.8,2.35L6.27,7.28l2.42,2.42,4.94-4.52c2.1-1.86-.99-4.92-2.83-2.83Z"}),"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"}),trash:()=>[i("path",{fill:"currentColor",d:"M11.5,14.8h-7    c-0.6,0-1.1-0.5-1.1-1.1V4.4h9.3v9.2C12.6,14.2,12.1,14.8,11.5,14.8 M6.9,6.8c0-0.3-0.3-0.6-0.6-0.6S5.8,6.5,5.8,6.8v5.2    c0,0.3,0.3,0.6,0.6,0.6s0.6-0.3,0.6-0.6V6.8z M10.3,6.8c0-0.3-0.3-0.6-0.6-0.6S9.2,6.5,9.2,6.8v5.2c0,0.3,0.3,0.6,0.6,0.6    s0.6-0.3,0.6-0.6V6.8z"}),i("path",{fill:"currentColor",d:"M13,2h-2.9L9.9,1.6    C9.8,1.4,9.6,1.2,9.4,1.2H6.6c-0.2,0-0.4,0.1-0.5,0.3L5.8,2H2.9C2.7,2,2.5,2.2,2.5,2.4c0,0,0,0,0,0v0.8c0,0.2,0.2,0.4,0.4,0.4H13    c0.2,0,0.4-0.2,0.4-0.4V2.4C13.4,2.2,13.2,2,13,2z"})],"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"})},x=["regular","large","extra-large"],_=["success","warning","danger","info"],w=class{constructor(i){t(this,i),this.size="regular",this.spin=!1,this.classList=new r(["mg-icon"]),this.getIcon=()=>f[this.icon]()}validateIcon(t){if(!Object.keys(f).includes(t))throw new Error(`<mg-icon> prop "icon" must be one of : ${Object.keys(f).join(", ")}`);this.classList.add(`mg-icon--${this.icon}`)}validateSize(t){if(!x.includes(t))throw new Error(`<mg-icon> prop "size" must be one of : ${x.join(", ")}`);this.classList.add(`mg-icon--size-${this.size}`)}validateVariant(t){if(void 0!==t&&!_.includes(t))throw new Error(`<mg-icon> prop "variant" must be one of : ${_.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"},this.getIcon())}static get watchers(){return{icon:["validateIcon"],size:["validateSize"],variant:["validateVariant"],spin:["handleSpin"]}}};var y;w.style=":host{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.mg-icon[size=regular],.mg-icon.mg-icon--size-regular{width:var(--mg-icon-regular-size);height:var(--mg-icon-regular-size)}.mg-icon[size=large],.mg-icon.mg-icon--size-large{width:var(--mg-icon-large-size);height:var(--mg-icon-large-size)}.mg-icon[size=extra-large],.mg-icon.mg-icon--size-extra-large{width:var(--mg-icon-extra-large-size);height:var(--mg-icon-extra-large-size)}.mg-icon[class*=mg-icon--variant-]{border-radius:var(--mg-message-border-radius);padding:0.3rem}.mg-icon.mg-icon--variant-success{background-color:hsl(var(--color-success-h), var(--color-success-s), calc(var(--color-success-l) + 20%))}.mg-icon.mg-icon--variant-warning{background-color:hsl(var(--color-warning-h), var(--color-warning-s), calc(var(--color-warning-l) + 20%))}.mg-icon.mg-icon--variant-danger{background-color:hsl(var(--color-danger-h), var(--color-danger-s), calc(var(--color-danger-l) + 20%))}.mg-icon.mg-icon--variant-info{background-color:hsl(var(--color-info-h), var(--color-info-s), calc(var(--color-info-l) + 20%))}.loader__full-circle{opacity:0.2}.mg-icon--spin{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",function(t){t.ERROR="is-not-valid"}(y||(y={}));const k=(t,i,o)=>o.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:k(t.vchildren,i,o)}))),z=(t,o,e)=>{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(y.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),o=t.readonly?o.filter((t=>"append-input"===t.t)):k(o,n,e);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&&!t.disabled,"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),o):i("div",{class:"mg-input__input-container"},i("div",{class:"mg-input__input"},o,!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"})))},L=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.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 r(["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.handleBlur=()=>{this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly){const t=void 0===this.getInvalidElement();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{const t=this.getInvalidElement();this.errorMessage=void 0,!this.valid&&t.validity.valueMissing&&(this.errorMessage=s.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)},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}))),this.valueChange.emit(t)}handleReadOnly(){this.classList.delete(this.classError)}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return this.validateValue(this.value),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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":!0,"mg-input__input-group-container--vertical":this.inputVerticalList}},this.checkboxItems.filter((t=>!this.readonly||t.value)).map((t=>i("li",{class:{"mg-input__input-group":!0,"mg-input__input-group--disabled":this.disabled||t.disabled}},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 C;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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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-left:0;margin-right: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}fieldset.mg-input.is-not-valid .mg-input__input-group{color:initial}.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}.mg-input__input-group.mg-input__input-group--disabled label{opacity:0.3}.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"}(C||(C={}));const V=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;function H(t){return"string"==typeof t&&""!==t&&V.test(t)?new Intl.DateTimeFormat(l).format(new Date(t)):""}const M=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.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 r(["mg-input--date"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.getInputError=()=>{var t,i;let o=null;return this.input.validity.valueMissing?o=C.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?o=C.MINMAX:this.input.validity.rangeUnderflow?o=C.MIN:this.input.validity.rangeOverflow&&(o=C.MAX),o},this.setErrorMessage=()=>{var t;const i=this.getInputError();this.errorMessage=i===C.REQUIRED?s.errors[i]:[C.MIN,C.MAX,C.MINMAX].includes(i)?s.errors.date[i].replace("{min}",H(this.min)).replace("{max}",H(this.max)):s.errors.date.badInput.replace("{min}",(null===(t=this.min)||void 0===t?void 0:t.length)>0?H(this.min):H("1900-01-01"))},this.checkError=()=>{this.errorMessage=void 0,this.valid?this.classList.delete(this.classError):(this.setErrorMessage(),this.classList.add(this.classError))}}validateValue(t){if(!(void 0===t||""===t||"string"==typeof t&&V.test(t)))throw new Error("<mg-input-date> props 'value' doesn't match pattern: yyyy-mm-dd");this.valueChange.emit(this.value)}validateMin(t){this.validateDateFormat(t)}validateMax(t){this.validateDateFormat(t)}async displayError(){this.checkValidity(),this.checkError()}validateDateFormat(t){if((null==t?void 0:t.length)>0&&("string"!=typeof t||!V.test(t)))throw new Error("<mg-input-date> props 'min/max' doesn't match pattern: yyyy-mm-dd")}componentWillLoad(){return this.validateValue(this.value),this.validateMin(this.min),this.validateMax(this.max),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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:H(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"]}}};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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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 A=["decimal","integer","currency"];var T;!function(t){t.MIN="min",t.MAX="max",t.MINMAX="minMax",t.REQUIRED="required"}(T||(T={}));const $=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.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=A[0],this.integerLength=13,this.decimalLength=2,this.classList=new r(["mg-input--numeric"]),this.hasFocus=!1,this.handleInput=()=>{this.checkValidity(),this.value=this.input.value},this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.checkValidity(),this.checkError(),this.hasFocus=!1},this.checkValidity=()=>{if(!this.readonly){const t=null===this.getInputError();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.setErrorMessage=()=>{const t=this.getInputError();this.errorMessage=t===T.REQUIRED?s.errors[t]:s.errors.numeric[t].replace("{min}",`${this.formatValue(this.min)}`).replace("{max}",`${this.formatValue(this.max)}`)},this.checkError=()=>{this.errorMessage=void 0,this.valid?this.classList.delete(this.classError):(this.setErrorMessage(),this.classList.add(this.classError))},this.getInputError=()=>{let t=null;return void 0===this.input||(!this.input.checkValidity()&&this.input.validity.valueMissing?t=T.REQUIRED:void 0!==this.min&&this.numericValue<this.min&&void 0===this.max?t=T.MIN:void 0!==this.max&&this.numericValue>this.max&&void 0===this.min?t=T.MAX:(void 0!==this.min&&this.numericValue<this.min||void 0!==this.max&&this.numericValue>this.max)&&(t=T.MINMAX)),t},this.formatValue=t=>{return"currency"===this.type?(i=t,new Intl.NumberFormat(l,{style:"currency",currency:g}).format(i)):function(t){return new Intl.NumberFormat(l).format(t)}(t);var i},this.validateAppendSlot=()=>{const t=this.element.querySelector('[slot="append-input"]');null!==t&&this.classList.add("MG-BUTTON"===t.nodeName?"mg-input--is-input-group-append":"mg-input--is-append-input-slot-content")}}validateValue(t){if(null!=t){const[i,o=""]=t.replace("-","").split(/[\.,]/),e="integer"===this.type?/^[\-]?\d+$/:/^[\-]?\d+[.,]?\d*$/;""===t||t.match(e)&&i.length<=this.integerLength&&o.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(!A.includes(t))throw new Error(`<mg-input-numeric> prop "type" must be one of : ${A.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.')}async displayError(){this.checkValidity(),this.checkError()}displayValue(){return this.hasFocus?this.value:this.readonlyValue}componentWillLoad(){return this.validateValue(this.value),this.validateType(this.type),this.validateIntegerLength(this.integerLength),this.validateDecimalLength(this.decimalLength),this.validateAppendSlot(),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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 o(this)}static get watchers(){return{value:["validateValue"],type:["validateType"],integerLength:["validateIntegerLength"],decimalLength:["validateDecimalLength"]}}};$.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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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 Z=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.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 r(["mg-input--password"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{this.errorMessage=void 0,!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=s.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}}handleValue(t){this.valueChange.emit(t)}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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}))}static get watchers(){return{value:["handleValue"]}}};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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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 E=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.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 r(["mg-input--radio"]),this.handleInput=t=>{this.checkValidity(),this.value=this.options[t.target.value].value},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly){const t=void 0===this.getInvalidElement();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{const t=this.getInvalidElement();this.errorMessage=void 0,!this.valid&&t.validity.valueMissing&&(this.errorMessage=s.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)},this.getInvalidElement=()=>this.inputs.find((t=>!t.disabled&&!t.checkValidity()))}handleValue(t){this.valueChange.emit(t)}validateItems(t){if("object"==typeof t&&t.length<2)throw new Error('<mg-input-radio> prop "items" require at least 2 items.');if(m(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}}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return this.validateItems(this.items),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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,readonlyValue:this.value,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":!0,"mg-input__input-group-container--vertical":this.inputVerticalList}},this.options.map(((t,o)=>i("li",{class:{"mg-input__input-group":!0,"mg-input__input-group--disabled":this.disabled||t.disabled}},i("input",{type:"radio",id:this.identifier+"_"+o,name:this.identifier,value:o,checked:JSON.stringify(this.value)===JSON.stringify(this.options[o].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+"_"+o},t.title))))))}static get watchers(){return{value:["handleValue"],items:["validateItems"]}}};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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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-left:0;margin-right: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}fieldset.mg-input.is-not-valid .mg-input__input-group{color:initial}.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}.mg-input__input-group.mg-input__input-group--disabled label{opacity:0.3}.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=(t,{group:i,title:o,value:e,disabled:n})=>{if(void 0!==i){const r=t.find((t=>t.group===i));void 0!==r?r.options.push({title:o,value:e,disabled:n}):t.push({group:i,options:[{title:o,value:e,disabled:n}]})}else t.push({title:o,value:e,disabled:n});return t},j=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classError=y.ERROR,this.identifier=a("mg-input-select"),this.name=this.identifier,this.labelHide=!1,this.placeholder=s.input.select.placeholder,this.placeholderHide=!1,this.placeholderDisabled=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.classList=new r(["mg-input--select"]),this.handleInput=()=>{this.checkValidity(),this.value=""!==this.input.value?m(this.items)?this.input.value:this.items.find((t=>t.title===this.input.value)).value:null},this.handleBlur=()=>{this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity&&this.input.checkValidity();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{this.errorMessage=void 0,!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=s.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)}}handleValue(t){this.readonlyValue=null!==t?m(this.items)?this.input.value:this.items.find((i=>i.value===t)).title:null,this.valueChange.emit(t)}validateItems(t){if(m(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(O,[]):t}}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return this.validateItems(this.items),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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("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=>void 0!==t.group?i("optgroup",{label:t.group},t.options.map((t=>i("option",{value:t.title,selected:JSON.stringify(this.value)===JSON.stringify(t.value),disabled:t.disabled},t.title)))):i("option",{value:t.title,selected:JSON.stringify(this.value)===JSON.stringify(t.value),disabled:t.disabled},t.title)))))}static get watchers(){return{value:["handleValue"],items:["validateItems"]}}};j.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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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:1rem}";const q=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classFocus="is-focused",this.isInputGroupAppend="mg-input--is-input-group-append",this.classError=y.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 r(["mg-input--text"]),this.handleInput=()=>{this.checkValidity(),this.value=this.input.value},this.handleFocus=()=>{this.classList.add(this.classFocus),this.classList=new r(this.classList.classes)},this.handleBlur=()=>{this.classList.delete(this.classFocus),this.classList=new r(this.classList.classes),this.checkValidity(),this.checkError()},this.checkValidity=()=>{if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{this.errorMessage=void 0,!this.valid&&this.input.validity.patternMismatch?this.errorMessage=this.patternErrorMessage:!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=s.errors.required),this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)},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"')},this.validateAppendSlot=()=>{const t=Array.from(this.element.querySelectorAll('[slot="append-input"]'));1===t.length?this.classList.add("MG-BUTTON"===t[0].nodeName?this.isInputGroupAppend:"mg-input--is-append-input-slot-content"):t.filter((t=>"MG-BUTTON"===t.nodeName)).length>1&&(this.classList.add(this.isInputGroupAppend),this.classList.add("mg-input--has-buttons-group-append"))}}handleValue(t){this.valueChange.emit(t)}async setFocus(){this.input.focus()}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return void 0!==this.icon&&this.classList.add("mg-input--has-icon"),this.validatePattern(),this.validateAppendSlot(),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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 o(this)}static get watchers(){return{value:["handleValue"]}}};q.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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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 I=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",7),this.classFocus="is-focused",this.classError=y.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 r(["mg-input--textarea"]),this.handleInput=()=>{this.value=this.input.value},this.handleFocus=()=>{this.classList.add(this.classFocus),this.classList=new r(this.classList.classes)},this.handleBlur=()=>{this.classList.delete(this.classFocus),this.classList=new r(this.classList.classes),this.checkValidity(),this.checkError()},this.getPatternValidity=()=>void 0===this.pattern||new RegExp(`^${this.pattern}$`,"u").test(this.value),this.checkValidity=()=>{if(!this.readonly&&void 0!==this.input){const t=this.input.checkValidity&&this.input.checkValidity()&&this.getPatternValidity();this.valid=t,this.invalid=!t,this.inputValid.emit(t)}},this.checkError=()=>{this.errorMessage=void 0,this.valid||this.getPatternValidity()?!this.valid&&this.input.validity.valueMissing&&(this.errorMessage=s.errors.required):this.errorMessage=this.patternErrorMessage,this.valid?this.classList.delete(this.classError):this.classList.add(this.classError)},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"')}}handleValue(t){this.checkValidity(),this.valueChange.emit(t)}async displayError(){this.checkValidity(),this.checkError()}componentWillLoad(){return this.validatePattern(),setTimeout((()=>{this.checkValidity()}),0)}render(){return i(z,{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}))}static get watchers(){return{value:["handleValue"]}}};I.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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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);width:100%;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--label-on-top .mg-input__box{width:auto;max-width:100%}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-button-border-radius-top-right:0;--mg-button-border-radius-bottom-right:0;--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-button-border-right-width:0}.mg-input.mg-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-button-border-radius-top-right:var(--mg-inputs-border-radius);--mg-button-border-radius-bottom-right:var(--mg-inputs-border-radius);--mg-button-border-radius-top-left:0;--mg-button-border-radius-bottom-left:0;}.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 W=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:"mg-input-title__required"}," ",i("span",{class:"is-asterisk"},"*")))}};W.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}.mg-input-title__required.sc-mg-input-title{display:var(--mg-input-title-display, unset)}";const F=class{constructor(i){t(this,i),this.valueChange=e(this,"value-change",7),this.inputValid=e(this,"input-valid",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 r(["mg-input--toggle"]),this.checked=!1,this.toggleChecked=()=>{this.checked=!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)))}}handleValue(t){this.setChecked(),this.valueChange.emit(t)}validateItems(t){if("object"==typeof t&&2!==this.items.length)throw new Error('<mg-input-toggle> prop "items" require 2 items.');if(m(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[t?1:0].value}setChecked(){["","true"].includes(this.value)&&void 0!==this.options.find((t=>t.value))&&(this.value=!0),this.checked=this.value===this.options[1].value}componentWillLoad(){this.validateItems(this.items),this.validateSlots(),this.setChecked(),this.handleIsOnOff(this.isOnOff),this.handleIsIcon(this.isIcon),this.handleReadonly(this.readonly),this.handleDisabled(this.disabled)}render(){return i(z,{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:this.value,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 o(this)}static get watchers(){return{value:["handleValue"],items:["validateItems"],isOnOff:["handleIsOnOff"],isIcon:["handleIsIcon"],readonly:["handleReadonly"],disabled:["handleDisabled"],checked:["handleChecked"]}}};F.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%;margin-bottom:var(--mg-inputs-margin-bottom, 0);}.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__button-toggle:disabled{cursor:default}.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}";const B=["info","warning","success","danger"],S=class{constructor(i){t(this,i),this.componentShow=e(this,"component-show",7),this.componentHide=e(this,"component-hide",7),this.closeButtonId="",this.storedTimer=null,this.identifier=a("mg-message"),this.variant=B[0],this.closeButton=!1,this.hide=!1,this.classList=new r(["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(!B.includes(t))throw new Error(`<mg-message> prop "variant" must be one of : ${B.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:s.message.closeButton,onClick:this.handleClose},i("mg-icon",{icon:"cross"}))))}get element(){return o(this)}static get watchers(){return{delay:["validateDelay"],variant:["validateVariant"],closeButton:["validateCloseButton"],hide:["validateHide"]}}};var N;S.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:var(--box-shadow);box-shadow:var(--box-shadow)}.mg-message::before{content:"";position:absolute;top:0;left:0;width:0.3rem;height:100%}.mg-message.mg-message--info::before{background-color:hsl(var(--color-info))}.mg-message.mg-message--info .mg-message__icon{color:hsl(var(--color-info))}.mg-message.mg-message--warning::before{background-color:hsl(var(--color-warning))}.mg-message.mg-message--warning .mg-message__icon{color:hsl(var(--color-warning))}.mg-message.mg-message--success::before{background-color:hsl(var(--color-success))}.mg-message.mg-message--success .mg-message__icon{color:hsl(var(--color-success))}.mg-message.mg-message--danger::before{background-color:hsl(var(--color-danger))}.mg-message.mg-message--danger .mg-message__icon{color:hsl(var(--color-danger))}.mg-message.mg-message--close-button{padding-right:3.4rem}.mg-message.mg-message--hide{display:none}.mg-message ::slotted(*){margin:0;padding:0}.mg-message__icon{position:absolute;top:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2);left:1.3rem;line-height:1}.mg-message__content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:stretch;align-content:stretch;padding:0 1rem 0 3.8rem}.mg-message__content-slot{-ms-flex-positive:1;flex-grow:1;margin:0.84rem 0}.mg-message__content-separator{display:inline-block;width:4.5rem;height:0}.mg-message__content-actions-slot{padding:1rem 0;text-align:right}.mg-message__close-button{position:absolute;top:0;right:0}.mg-message,mg-message{max-width:100%}',function(t){t.NEXT="next",t.PREVIOUS="previous"}(N||(N={}));const D=(t,i,o=1)=>Array.from(Array(Math.ceil((i+1-t)/o)).keys()).map((i=>t+i*o)),P=class{constructor(i){t(this,i),this.currentPageChange=e(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===N.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,o)=>i("mg-button",{identifier:`${this.identifier}-button-${o}`,class:"mg-pagination__button",label:s.pagination[`${o}Page`],onClick:()=>this.handleGoToPage(o),disabled:t,variant:"flat"},o===N.PREVIOUS&&i("mg-icon",{icon:"chevron-left"}),s.general[o],o===N.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,N.PREVIOUS),i("mg-input-select",{identifier:`${this.identifier}-select`,items:D(1,this.totalPages).map((t=>t.toString())),label:s.pagination.selectPage,"label-hide":!0,"on-value-change":this.handleSelect,value:this.currentPage.toString(),"placeholder-hide":!0}),i("span",{class:"sr-only"},s.pagination.page," ",this.currentPage),i("span",null,"/ ",this.totalPages," ",this.totalPages>1?s.pagination.pages:s.pagination.page),t(this.currentPage>=this.totalPages,N.NEXT))}static get watchers(){return{totalPages:["validateTotalPages"],currentPage:["validateCurrentPage"]}}};P.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}";const R=class{constructor(o){t(this,o),this.titleChange=e(this,"title-change",7),this.identifier=a("mg-panel"),this.expanded=!1,this.titleEditable=!1,this.classList=new r(["mg-panel"]),this.isEditing=!1,this.toggleIsEditing=()=>{this.isEditing=!this.isEditing},this.handleCollapseButton=()=>{this.expanded=!this.expanded},this.handleEditButton=()=>{this.toggleIsEditing()},this.handleUpdateTitle=t=>{this.updatedPanelTitle=t.detail},this.handleCancelEditButton=()=>{this.updatedPanelTitle=void 0,this.toggleIsEditing()},this.handleValidateEditButton=()=>{void 0!==this.updatedPanelTitle&&(this.panelTitle=this.updatedPanelTitle),this.toggleIsEditing()},this.headerLeft=()=>{const t=()=>i("mg-button",{onClick:this.handleCollapseButton,variant:"flat",class:"mg-panel__collapse-button",identifier:`${this.identifier}-collapse-button`,expanded:this.expanded,controls:`${this.identifier}-content`},i("mg-icon",{icon:this.expanded?"chevron-up":"chevron-down"}),!this.isEditing&&this.panelTitle);return this.titleEditable&&!this.isEditing?[t(),i("mg-button",{"is-icon":!0,variant:"secondary",label:s.panel.editLabel,onClick:this.handleEditButton,identifier:`${this.identifier}-edit-button`},i("mg-icon",{icon:"pen"}))]:this.titleEditable&&this.isEditing?[t(),i("mg-input-text",{label:s.panel.editLabel,"label-hide":!0,value:this.panelTitle,"onValue-change":this.handleUpdateTitle,displayCharacterLeft:!1,identifier:`${this.identifier}-edition-input`,ref:t=>this.editInputElement=t},i("mg-button",{slot:"append-input",label:s.general.cancel,"is-icon":!0,variant:"secondary",onClick:this.handleCancelEditButton,identifier:`${this.identifier}-edition-button-cancel`},i("mg-icon",{icon:"cross"})),i("mg-button",{slot:"append-input",label:s.general.validate,"is-icon":!0,variant:"secondary",onClick:this.handleValidateEditButton,identifier:`${this.identifier}-edition-button-validate`},i("mg-icon",{icon:"check"})))]:t()}}handelTileChange(t){this.titleChange.emit(t)}componentDidRender(){this.isEditing&&this.editInputElement.setFocus()}render(){return i("section",{class:this.classList.join(),id:this.identifier},i("header",{class:"mg-panel__header",id:`${this.identifier}-header`},i("div",{class:"mg-panel__header-left"},this.headerLeft()),i("div",{class:"mg-panel__header-right"},i("slot",{name:"header-right"}))),i("article",{class:"mg-panel__content",id:`${this.identifier}-content`,"aria-labelledby":`${this.identifier}-header`,hidden:!this.expanded},i("slot",null)))}static get watchers(){return{panelTitle:["handelTileChange"]}}};R.style=".mg-panel{background-color:hsl(var(--mg-panel-background));border-radius:var(--mg-panel-border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.mg-panel__header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:0 1rem 0 0.3rem;-ms-flex-align:center;align-items:center}.mg-panel__header-left,.mg-panel__header-right{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;margin:0.3rem 0}.mg-panel__header-left mg-input-text{-ms-flex-positive:1;flex-grow:1}.mg-panel__collapse-button{font-family:var(--font-family-heading);font-size:1.4rem;font-weight:500;margin:0 0.3rem 0 0}.mg-panel__content{padding:1.5rem}.mg-panel ::slotted([slot=header-right]){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-left:auto}";const G=["regular","large"],J=class{constructor(i){t(this,i),this.identifier=a("mg-tabs"),this.size="regular",this.activeTab=1,this.tabs=[],this.classList=new r(["mg-tabs"]),this.handleClick=t=>{const i=t.currentTarget.getAttribute("data-index");this.activeTab=Number(i)},this.handleKeydown=t=>{let i=Number(t.target.getAttribute("data-index"));const o=t.target.parentElement;["ArrowRight","Right"].includes(t.key)?i++:["ArrowLeft","Left"].includes(t.key)&&i--;const e=o.querySelector(`[data-index="${i}"]`);null!==e&&(e.focus(),this.activeTab=i)},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.")}}validateSize(t){if(!G.includes(t))throw new Error(`<mg-tabs> prop "size" must be one of : ${G.join(", ")}`);this.classList.add(`mg-tabs--size-${this.size}`)}validateItems(t){if(m(t))this.tabs=t.map((t=>({label:t,disabled:!1})));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.validateSize(this.size),this.validateSlots()}render(){return i(n,null,i("div",{class:this.classList.join()},i("header",{role:"tablist","aria-label":this.label,class:"mg-tabs__header"},this.tabs.map(((t,o)=>{const e=o+1;return i("button",{role:"tab",id:`${this.identifier}-${e}`,class:{"mg-tabs__navigation-button":!0,"mg-tabs__navigation-button--active":e===this.activeTab,"mg-tabs__navigation-button--disabled":t.disabled},tabindex:e===this.activeTab?0:-1,"aria-selected":(e===this.activeTab).toString(),"aria-controls":`pannel-${e}`,onClick:this.handleClick,onKeyDown:this.handleKeydown,"data-index":e,disabled:t.disabled},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,o)=>{const e=o+1;return i("article",{role:"tabpanel",id:`pannel-${e}`,hidden:e!==this.activeTab,"aria-labelledby":`${this.identifier}-${this.activeTab}`,tabindex:e===this.activeTab?0:-1,class:"mg-tabs__content-container"},i("slot",{name:`tab_content-${e}`}))}))))}get element(){return o(this)}static get watchers(){return{size:["validateSize"],items:["validateItems"],activeTab:["validateActiveTab"]}}};J.style=".mg-tabs.mg-tabs--size-regular.sc-mg-tabs .mg-tabs__navigation-button.sc-mg-tabs{padding:calc(1rem + 0.3rem) calc(1rem * 1.3) 1rem}.mg-tabs.mg-tabs--size-large.sc-mg-tabs .mg-tabs__navigation-button.sc-mg-tabs{padding:calc(1.8rem + 0.3rem) calc(1.8rem * 1.3) 1.8rem}.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;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:disabled,.mg-tabs__navigation-button--disabled.sc-mg-tabs{cursor:default;opacity:30%}.mg-tabs__navigation-button.sc-mg-tabs:hover:not(:disabled),.mg-tabs__navigation-button.sc-mg-tabs:focus:not(:disabled){background-color:hsla(var(--color-info-h), var(--color-info-s), var(--color-info-l), 10%)}.mg-tabs__navigation-button.mg-tabs__navigation-button--active.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:none}";const U=["primary","secondary","success","warning","danger","info"],Y=class{constructor(i){t(this,i),this.variant=U[0],this.classList=new r(["mg-tag"])}validateVariant(t){if(!U.includes(t))throw new Error(`<mg-tag> prop "variant" must be one of : ${U.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"]}}};Y.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 K=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,o=["a","button","input","textarea","select"],e=this.element.querySelector(o.join(","))||(null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(o.join(","))),n=e||i;null==e&&(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=p(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 o(this)}static get watchers(){return{display:["handleDisplay"]}}};K.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{u as mg_badge,c as mg_button,b as mg_character_left,v as mg_form,w as mg_icon,L as mg_input_checkbox,M as mg_input_date,$ as mg_input_numeric,Z as mg_input_password,E as mg_input_radio,j as mg_input_select,q as mg_input_text,I as mg_input_textarea,W as mg_input_title,F as mg_input_toggle,S as mg_message,P as mg_pagination,R as mg_panel,J as mg_tabs,Y as mg_tag,K as mg_tooltip}