@mgdis/mg-components 6.26.0 → 6.28.0

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

@@ -1 +0,0 @@
-import{r as t,h as i,H as e,a,c as n}from"./p-D4bO_UCn.js";import{h as o,t as s,C as r,i as c,n as l,j as g,k as h,f as m,l as d,m as u,o as p,b,p as v,q as f}from"./p-91BOpzAB.js";import{i as w,a as _,b as y,c as x,d as z,e as k,f as $}from"./p-BfblyCaJ.js";import{n as E,i as O,l as P,t as I,b as T,c as L,a as M,d as D,w as j,e as C}from"./p-DOi9lJXy.js";import{K as V}from"./p-yMGqY8YG.js";import{i as q}from"./p-Ci9Hv7DG.js";const A={VISIBLE:"visible",HIDDEN:"hidden",DISABLED:"disabled",ACTIVE:"active"},S=["_blank","_self","_parent","_top"],W={VERTICAL:"vertical",HORIZONTAL:"horizontal"},B=t=>"object"==typeof t&&t.every((t=>"object"==typeof t&&"string"==typeof t.label&&"function"==typeof t.mouseEventHandler||H(t))),H=t=>"object"==typeof t&&t.isDivider,R=class{constructor(i){t(this,i),this.name="mg-action-more",this.classBase="mg-c-action-more",this.mgPopoverIdentifier=o(this.name),this.button={variant:"flat",isIcon:!0},this.displayChevron=!1,this.expanded=!1,this.toggleExpanded=()=>{this.expanded=!this.expanded},this.handleDisplayChange=t=>{this.expanded=t.detail},this.handleButton=()=>{this.toggleExpanded()},this.handleItemClick=(t,i)=>{this.expanded=!1,i(t)}}validateItems(t){if(!B(t))throw new Error(`<${this.name}> prop "items" is required and all values must be the same type, MgActionMoreItemType or MgActionMoreDividerType. Passed value: ${s(t)}.`);if(B(t)&&t.length>0&&(H(t[0])||H(t[t.length-1])))throw new Error(`<${this.name}> prop "items" can’t have a divider at the beginning or the end of the array. Passed value: ${s(t)}.`)}validateIcon(t){if(t&&("object"!=typeof(i=t)||"string"!=typeof i.icon))throw new Error(`<${this.name}> prop "icon" must match MgActionMoreIconType. Passed value: ${s(t)}.`);var i;void 0===(null==t?void 0:t.icon)&&Boolean(this.button.isIcon)&&(this.icon={icon:"ellipsis"})}validateButton(t){if(t&&("object"!=typeof(i=t)||"string"!=typeof i.variant||"boolean"!=typeof i.isIcon))throw new Error(`<${this.name}> prop "button" must match MgActionMoreButtonType. Passed value: ${s(t)}.`);var i}validateDisplayChevron(t){if(t&&!0===this.button.isIcon)throw new Error(`<${this.name}> prop "displayChevron" can't be used with a 'button" prop "isIcon" attribute.`)}componentWillLoad(){this.messages=w(this.element).messages.actionMore,this.validateItems(this.items),this.validateButton(this.button),this.validateIcon(this.icon),this.validateDisplayChevron(this.displayChevron)}render(){const t=this.button.label||this.messages.label,a=[t];return!this.button.isIcon&&this.displayChevron&&a.push(i("span",{class:{[`${this.classBase}__chevron`]:!0,[`${this.classBase}__chevron--rotate`]:!0===this.expanded}},i("mg-icon",{icon:"chevron-down"}))),i(e,{key:"c72c7ee9bdb39f2361fdcb9f670cc679efdd3589","data-mg-popover-guard":this.mgPopoverIdentifier},i("span",{key:"dd88d690d4600868bc485770b657b46afeccc727",class:this.classBase},i("mg-popover",{key:"eaecf2ec0fca98c0233240711ff7fed17374cd81",identifier:this.mgPopoverIdentifier,display:this.expanded,"onDisplay-change":this.handleDisplayChange,"data-fallback-placement":"bottom-end"},i("mg-button",{key:"edb2e8556cbfe06aef62caea435205208722dd04",variant:this.button.variant,isIcon:this.button.isIcon,disabled:this.button.disabled,type:"button",label:t,onClick:this.handleButton},this.icon&&i("mg-icon",Object.assign({key:"a7a5c5bbc906da8dee937312fe373e97d9d74346"},this.icon)),!this.button.isIcon&&a),i("div",{key:"83cda3d619de43ab8a75605d20082b31230cd7e2",slot:"content"},i("mg-menu",{key:"37d0fd99fcafb3eb6f2a56a7a805523348146419",direction:W.VERTICAL,label:this.messages.label},this.items.map((t=>{var e,a;return H(t)?i("mg-divider",{class:"mg-c-action-more__divider",key:"divider","full-width":!0}):i("mg-menu-item",{key:t.label,status:t.status||A.VISIBLE,target:t.target,href:t.href,onClick:i=>this.handleItemClick(i,t.mouseEventHandler)},(null===(e=t.icon)||void 0===e?void 0:e.icon)&&i("mg-icon",{icon:t.icon.icon,variant:t.icon.variant,variantStyle:t.icon.variantStyle,slot:"image"}),i("span",{slot:"label"},t.label),(null===(a=t.badge)||void 0===a?void 0:a.label)&&i("mg-badge",{label:t.badge.label,value:t.badge.value,slot:"information",variant:"text-color"}))})))))))}get element(){return a(this)}static get watchers(){return{items:[{validateItems:0}],icon:[{validateIcon:0}],button:[{validateButton:0}],displayChevron:[{validateDisplayChevron:0}]}}};R.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{--mg-c-popover-spacing-vertical:var(--mg-b-size-4);--mg-c-popover-spacing-horizontal:0;--mg-c-popover-max-width:unset;--mg-c-popover-overflow:hidden}.mg-c-action-more__divider{--mg-c-divider-spacing-vertical:var(--mg-b-size-2)}.mg-c-action-more__chevron{transition:200ms}.mg-c-action-more__chevron--rotate.mg-c-action-more__chevron{transform:rotate(180deg)}.mg-c-action-more mg-menu-item{--mg-c-menu-item-button-margin-horizontal:var(--mg-b-size-4)}";const F=["info","primary","secondary","success","warning","danger","text-color"],N=class{constructor(i){t(this,i),this.classOutline="mg-c-badge--outline",this.variant="info",this.outline=!1,this.classCollection=new r(["mg-c-badge"])}validateValue(t){if(null===/^[^A-Z]+$/i.exec(`${t}`))throw new Error(`<mg-badge> prop "value" is required and must be integer and/or special character. Passed value: ${s(t)}.`)}validateLabel(t){if(!c(t))throw new Error(`<mg-badge> prop "label" is required and must be a string. Passed value: ${s(t)}.`)}validateVariant(t,i){if(!F.includes(t)){if(""===String(t))return void(this.variant="info");throw new Error(`<mg-badge> prop "variant" must be one of: ${F.join(", ")}. Passed value: ${s(t)}.`)}void 0!==i&&this.classCollection.delete(`mg-c-badge--${i}`),this.classCollection.add(`mg-c-badge--${t}`)}validateOutline(t){t?this.classCollection.add(this.classOutline):this.classCollection.delete(this.classOutline)}componentWillLoad(){E(this),this.validateValue(this.value),this.validateLabel(this.label),this.validateVariant(this.variant),this.validateOutline(this.outline)}render(){return i("span",{key:"af4f655ca8a11422a34cdce3e8febf46269ca574",class:this.classCollection.join()},i("span",{key:"bcc8c0a863615ba503f135f562bd970216599df0",class:"mg-c-badge__value"},this.value),i("span",{key:"136d338c9a7b7791178dec1dae3898f4a7b099ea",class:"mg-u-visually-hidden"},this.label))}get element(){return a(this)}static get watchers(){return{value:[{validateValue:0}],label:[{validateLabel:0}],variant:[{validateVariant:0}],outline:[{validateOutline:0}]}}};N.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-badge{min-width:var(--mg-c-badge-size);height:var(--mg-c-badge-size);box-sizing:border-box;padding:0 var(--mg-b-size-4);border:var(--mg-b-size-border) solid;border-radius:calc(var(--mg-c-badge-size)/2);font-size:var(--mg-c-badge-font-size);font-weight:600;line-height:var(--mg-c-badge-size);text-align:center}.mg-c-badge.mg-c-badge--primary{border-color:var(--mg-b-color-primary);background-color:var(--mg-b-color-primary);color:var(--mg-b-color-text-on-primary)}.mg-c-badge.mg-c-badge--primary.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-primary)}.mg-c-badge.mg-c-badge--secondary{border-color:var(--mg-b-color-secondary);background-color:var(--mg-b-color-secondary);color:var(--mg-b-color-text-on-secondary)}.mg-c-badge.mg-c-badge--secondary.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-secondary)}.mg-c-badge.mg-c-badge--danger{border-color:var(--mg-b-color-danger);background-color:var(--mg-b-color-danger);color:var(--mg-b-color-text-on-danger)}.mg-c-badge.mg-c-badge--danger.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-danger)}.mg-c-badge.mg-c-badge--info{border-color:var(--mg-b-color-info);background-color:var(--mg-b-color-info);color:var(--mg-b-color-text-on-info)}.mg-c-badge.mg-c-badge--info.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-info)}.mg-c-badge.mg-c-badge--success{border-color:var(--mg-b-color-success);background-color:var(--mg-b-color-success);color:var(--mg-b-color-text-on-success)}.mg-c-badge.mg-c-badge--success.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-success)}.mg-c-badge.mg-c-badge--warning{border-color:var(--mg-b-color-warning);background-color:var(--mg-b-color-warning);color:var(--mg-b-color-text-on-warning)}.mg-c-badge.mg-c-badge--warning.mg-c-badge--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-warning)}.mg-c-badge.mg-c-badge--text-color{border-color:currentcolor;background-color:currentcolor}.mg-c-badge.mg-c-badge--text-color .mg-c-badge__value{color:var(--mg-c-badge-color-text, var(--mg-b-color-light))}.mg-c-badge.mg-c-badge--text-color.mg-c-badge--outline{background-color:rgba(0,0,0,0)}.mg-c-badge.mg-c-badge--text-color.mg-c-badge--outline .mg-c-badge__value{color:currentcolor}.mg-c-badge,mg-badge{display:inline-flex;align-items:center;justify-content:center}";const G=["medium","large"],U=["primary","secondary","danger","danger-alt","info","flat","success","link"],Y=class{constructor(i){t(this,i),this.disabledChange=n(this,"disabled-change",7),this.onClickElementFn=null,this.classDisabled="mg-c-button--disabled",this.classLoading="mg-c-button--loading",this.classFullWidth="mg-c-button--full-width",this.variant="primary",this.size="medium",this.fullWidth=!1,this.isIcon=!1,this.disableOnClick=!1,this.loading=!1,this.classCollection=new r(["mg-c-button"]),this.handleClick=t=>{this.disabled?t.stopPropagation():this.disableOnClick&&(this.loading=!0,this.disabled=!0)},this.handleKeydown=t=>{this.disabled||" "!==t.key?!this.disabled&&[V.ENTER,V.NUMPADENTER,V.SPACE].includes(t.key)&&(t.preventDefault(),this.element.dispatchEvent(new MouseEvent("click",{bubbles:!0}))):t.preventDefault()},this.handleKeyup=t=>{this.disabled||" "!==t.key||(t.preventDefault(),this.element.dispatchEvent(new MouseEvent("click",{bubbles:!0})))},this.setIconSize=()=>{var t,i;"medium"===this.size?null===(t=this.element.querySelector("mg-icon[size]"))||void 0===t||t.removeAttribute("size"):this.isIcon&&(null===(i=this.element.querySelector("mg-icon"))||void 0===i||i.setAttribute("size",this.size))}}validateVariant(t,i){if(!U.includes(t)){if(""===t)return void(this.variant=U[0]);throw new Error(`<mg-button> prop "variant" must be one of: ${U.join(", ")}. Passed value: ${s(t)}.`)}void 0!==i&&this.classCollection.delete(`mg-c-button--${i}`),this.classCollection.add(`mg-c-button--${t}`)}validateSize(t,i){if(!G.includes(t))throw new Error(`<mg-button> prop "size" must be one of: ${G.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-button--${i}`),this.classCollection.add(`mg-c-button--${t}`),this.setIconSize()}validateFullWidth(t){if(t&&this.isIcon)throw new Error('<mg-button> prop "fullWidth" cannot be used with prop "isIcon".');t?this.classCollection.add(this.classFullWidth):this.classCollection.delete(this.classFullWidth)}disabledHandler(t){!t&&this.disableOnClick&&(this.loading=!1),this.element.onclick=t?void 0:this.onClickElementFn,t?this.classCollection.add(this.classDisabled):this.classCollection.delete(this.classDisabled),this.disabledChange.emit(t)}watchIsIcon(t){if(t){if(this.classCollection.add("mg-c-button--icon"),!c(this.label))throw new Error('<mg-button> prop "label" is mandatory when prop "isIcon" is set to true.')}else this.classCollection.delete("mg-c-button--icon");this.setIconSize()}loadingHandler(t){t?this.classCollection.add(this.classLoading):this.classCollection.delete(this.classLoading)}componentWillLoad(){E(this),this.validateVariant(this.variant),this.validateFullWidth(this.fullWidth),this.validateSize(this.size),this.watchIsIcon(this.isIcon),this.onClickElementFn=this.element.onclick,this.disabledHandler(this.disabled)}componentDidLoad(){l((()=>{var t;const i=this.element.closest("form")||(null===(t=this.element.closest("mg-form"))||void 0===t?void 0:t.shadowRoot.querySelector("form"));i&&["submit",void 0].includes(this.type)&&this.element.addEventListener("click",(()=>{i.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0}))}))}))}render(){var t;return i(e,{key:"9efa9dbbcdb2965cb8fd301c86988d0b0d97b474",role:"button",tabIndex:this.element.getAttribute("tabindex")||0,type:this.type,form:this.form,"full-width":this.fullWidth,"aria-label":this.label,"aria-disabled":null===(t=this.disabled)||void 0===t?void 0:t.toString(),onClick:this.handleClick,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},i("div",{key:"36918b5b208a9e0a9650107f4418cac35ade1ed2",class:this.classCollection.join()},this.loading&&i("mg-icon",{key:"8ad3e911d273f69441f2a405f8040cc685a0a486",icon:"loader",spin:!0}),i("div",{key:"a6b199c669ef6b15bfc345c98192290ce11e65cb",class:"mg-c-button__content"},i("slot",{key:"b13d317001dbf66c945cdf9e97c06338ce073c12"}))))}get element(){return a(this)}static get watchers(){return{variant:[{validateVariant:0}],size:[{validateSize:0}],fullWidth:[{validateFullWidth:0}],disabled:[{disabledHandler:0}],isIcon:[{watchIsIcon:0}],loading:[{loadingHandler:0}]}}};Y.style=":host{display:inline-block;max-width:100%;vertical-align:middle}:host(:hover) .mg-c-button--flat:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button--flat:not(.mg-c-button--disabled){background:color-mix(in srgb, var(--mg-b-color-dark), transparent 90%)}:host([full-width]){display:block}:host([disabled]),:host([aria-disabled=true]){pointer-events:none}.mg-c-button.mg-c-button--primary{border-color:var(--mg-c-button-color-border-primary);background:linear-gradient(to bottom, var(--mg-c-button-color-background-primary), var(--mg-c-button-color-gradient-primary));color:var(--mg-c-button-color-text-primary)}:host(:hover) .mg-c-button.mg-c-button--primary:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--primary:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--primary:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-primary)}.mg-c-button.mg-c-button--secondary{border-color:var(--mg-c-button-color-border-secondary);background:linear-gradient(to bottom, var(--mg-c-button-color-background-secondary), var(--mg-c-button-color-gradient-secondary));color:var(--mg-c-button-color-text-secondary)}:host(:hover) .mg-c-button.mg-c-button--secondary:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--secondary:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--secondary:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-secondary)}.mg-c-button.mg-c-button--danger{border-color:var(--mg-c-button-color-border-danger);background:linear-gradient(to bottom, var(--mg-c-button-color-background-danger), var(--mg-c-button-color-gradient-danger));color:var(--mg-c-button-color-text-danger)}:host(:hover) .mg-c-button.mg-c-button--danger:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--danger:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--danger:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-danger)}.mg-c-button.mg-c-button--info{border-color:var(--mg-c-button-color-border-info);background:linear-gradient(to bottom, var(--mg-c-button-color-background-info), var(--mg-c-button-color-gradient-info));color:var(--mg-c-button-color-text-info)}:host(:hover) .mg-c-button.mg-c-button--info:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--info:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--info:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-info)}.mg-c-button.mg-c-button--success{border-color:var(--mg-c-button-color-border-success);background:linear-gradient(to bottom, var(--mg-c-button-color-background-success), var(--mg-c-button-color-gradient-success));color:var(--mg-c-button-color-text-success)}:host(:hover) .mg-c-button.mg-c-button--success:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--success:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--success:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-success)}.mg-c-button.mg-c-button--warning{border-color:var(--mg-c-button-color-border-warning);background:linear-gradient(to bottom, var(--mg-c-button-color-background-warning), var(--mg-c-button-color-gradient-warning));color:var(--mg-c-button-color-text-warning)}:host(:hover) .mg-c-button.mg-c-button--warning:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--warning:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--warning:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-warning)}.mg-c-button.mg-c-button--danger-alt{border-color:var(--mg-c-button-color-border-danger-alt);background:linear-gradient(to bottom, var(--mg-c-button-color-background-danger-alt), var(--mg-c-button-color-gradient-danger-alt));color:var(--mg-c-button-color-text-danger-alt)}:host(:hover) .mg-c-button.mg-c-button--danger-alt:not(.mg-c-button--disabled),:host([data-mg-popover-trigger][aria-expanded=true]) .mg-c-button.mg-c-button--danger-alt:not(.mg-c-button--disabled),.mg-c-button.mg-c-button--danger-alt:hover:not(.mg-c-button--disabled,:disabled,[aria-disabled=true]){background:var(--mg-c-button-color-background-danger-alt)}.mg-c-button{position:relative;display:inline-flex;min-height:var(--mg-b-size-min-height);box-sizing:border-box;align-items:center;padding:calc((var(--mg-b-size-min-height) - 2*var(--mg-b-size-border) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-12);border-width:var(--mg-c-button-border-top-width, var(--mg-b-size-border)) var(--mg-c-button-border-right-width, var(--mg-b-size-border)) var(--mg-c-button-border-bottom-width, var(--mg-b-size-border)) var(--mg-c-button-border-left-width, var(--mg-b-size-border));border-style:solid;border-radius:var(--mg-c-button-border-radius-top-left, var(--mg-c-button-border-radius)) var(--mg-c-button-border-radius-top-right, var(--mg-c-button-border-radius)) var(--mg-c-button-border-radius-bottom-right, var(--mg-c-button-border-radius)) var(--mg-c-button-border-radius-bottom-left, var(--mg-c-button-border-radius));background-image:none;column-gap:var(--mg-b-size-8);cursor:pointer;touch-action:manipulation;font-family:inherit;font-size:var(--mg-b-font-size);font-weight:var(--mg-c-button-font-weight, normal);text-align:left;text-decoration:none}.mg-c-button slot,.mg-c-button ::slotted(*:not(mg-icon)){font-family:inherit;font-size:var(--mg-b-font-size);font-weight:var(--mg-c-button-font-weight, normal);text-align:left;text-decoration:none;display:flex;align-items:center;column-gap:var(--mg-b-size-8)}.mg-c-button mg-icon:only-child,.mg-c-button ::slotted(mg-icon){display:inline-flex;flex-shrink:0;margin:auto 0;line-height:1}.mg-c-button.mg-c-button--disabled,.mg-c-button[aria-disabled=true],.mg-c-button:disabled{cursor:default;opacity:var(--mg-b-opacity-element-disabled)}.mg-c-button.mg-c-button--flat{border:none;background:none}.mg-c-button.mg-c-button--link{min-height:unset;padding:unset;border:unset;border-radius:unset;background:unset;text-decoration:underline}.mg-c-button.mg-c-button--link slot{font-weight:600}.mg-c-button.mg-c-button--link:hover{text-decoration:none}.mg-c-button.mg-c-button--large{padding:calc(var(--mg-b-size-12) - var(--mg-b-size-border)) calc(var(--mg-b-size-24) - var(--mg-b-size-border))}.mg-c-button.mg-c-button--large:not(.mg-c-button--icon){line-height:var(--mg-b-size-24)}.mg-c-button.mg-c-button--large:not(.mg-c-button--icon) slot,.mg-c-button.mg-c-button--large:not(.mg-c-button--icon) ::slotted(*){font-size:var(--mg-b-size-16)}.mg-c-button.mg-c-button--icon{width:var(--mg-b-size-min-height);height:var(--mg-b-size-min-height);justify-content:center;padding:0;border-radius:var(--mg-c-button-border-radius-top-left, var(--mg-c-button-icon-border-radius)) var(--mg-c-button-border-radius-top-right, var(--mg-c-button-icon-border-radius)) var(--mg-c-button-border-radius-bottom-right, var(--mg-c-button-icon-border-radius)) var(--mg-c-button-border-radius-bottom-left, var(--mg-c-button-icon-border-radius));font-size:var(--mg-b-font-size);line-height:var(--mg-b-font-size)}.mg-c-button.mg-c-button--icon.mg-c-button--large{width:unset;height:unset;padding:calc(var(--mg-b-size-12) - var(--mg-b-size-border))}.mg-c-button.mg-c-button--icon.mg-c-button--large ::slotted(*){min-width:var(--mg-b-size-24);min-height:var(--mg-b-size-24);align-items:center;justify-content:center}.mg-c-button.mg-c-button--full-width{display:flex;width:100%;justify-content:center}.mg-c-button.mg-c-button--loading>mg-icon:first-of-type{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mg-c-button.mg-c-button--loading .mg-c-button__content{opacity:0}:host(:focus-visible),:host([data-focus-visible]){outline:0}:host(:focus-visible) .mg-c-button,:host([data-focus-visible]) .mg-c-button{outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:var(--mg-b-size-2)}";const K=["xsmall","small","medium"],J=class{constructor(i){t(this,i),this.shadow=!1,this.radiusSize="medium",this.classCollection=new r(["mg-c-card"])}watchShadow(t){t?this.classCollection.add("mg-c-card--shadow"):this.classCollection.delete("mg-c-card--shadow")}watchRadiusSize(t,i){if(!K.includes(t)){if(""===String(t))return void(this.radiusSize="medium");throw new Error(`<mg-card> prop "radiusSize" must be one of: ${K.join(", ")}. Passed value: ${s(t)}.`)}void 0!==i&&this.classCollection.delete(`mg-c-card--radius-${i}`),this.classCollection.add(`mg-c-card--radius-${t}`)}componentWillLoad(){this.watchShadow(this.shadow),this.watchRadiusSize(this.radiusSize)}render(){return i("div",{key:"8fb6d9aa655b838e219a077670ce6296640d0854",class:this.classCollection.join()},i("slot",{key:"9413035054408e44b8c8bb3f2033ff970931c347"}))}static get watchers(){return{shadow:[{watchShadow:0}],radiusSize:[{watchRadiusSize:0}]}}};J.style=".mg-c-card{position:relative;z-index:inherit;overflow:var(--mg-c-card-overflow, var(--mg-c-card-overflow-default));width:100%;min-width:var(--mg-c-card-min-width);max-width:var(--mg-c-card-max-width);max-height:var(--mg-c-card-max-height);box-sizing:border-box;padding:var(--mg-c-card-spacing, var(--mg-c-card-spacing-default));border:var(--mg-c-card-border, var(--mg-c-card-border-default));border-radius:var(--mg-c-card-border-radius, var(--mg-c-card-border-radius-default));background:var(--mg-c-card-color-background, var(--mg-c-card-color-background-default))}.mg-c-card ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}.mg-c-card.mg-c-card--shadow{--mg-c-card-border:var(--mg-b-color-neutral-20);box-shadow:var(--mg-c-card-box-shadow, var(--mg-c-card-box-shadow-default))}.mg-c-card.mg-c-card--radius-xsmall{--mg-c-card-border-radius:var(--mg-b-size-radius-medium)}.mg-c-card.mg-c-card--radius-small{--mg-c-card-border-radius:var(--mg-b-size-radius-large)}::slotted(:first-child){margin-block-start:0 !important}::slotted(:last-child){margin-block-end:0 !important}";const X=class{constructor(i){t(this,i),this.characters=""}watchIdentifier(t){void 0===t||g(t)||console.error(`<mg-character-left> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateMaxlength(t){if("number"!=typeof t)throw new Error(`<mg-character-left> prop "maxlength" is required and must be a number. Passed value: ${s(t)}.`)}componentWillLoad(){this.watchIdentifier(this.identifier),this.validateMaxlength(this.maxlength),this.messages=w(this.element).messages}render(){return i("span",{key:"45b074ad1ffaa1041e5c4d62417ed44ea76aa218",id:this.identifier,"aria-live":"polite"},i("span",{key:"ed5f631cb268f888287e5ffafbd5ce22b07c71d5","aria-hidden":"true"},this.maxlength-this.characters.length,"/",this.maxlength),i("span",{key:"d9cda093c2ece7c3e39ea1bbd9499318c964b7f6",class:"mg-u-visually-hidden"},this.messages.nbCharLeft.replace("{counter}",this.maxlength-this.characters.length)))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],maxlength:[{validateMaxlength:0}]}}};X.style=".mg-u-visually-hidden.sc-mg-character-left{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden.sc-mg-character-left *.sc-mg-character-left{overflow:hidden !important}*.sc-mg-character-left:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*.sc-mg-character-left{animation:none !important;transition:none !important}}mg-character-left.sc-mg-character-left{display:block}";const Z=class{constructor(i){t(this,i),this.expandedChange=n(this,"expanded-change",7),this.hideSummary=!1,this.expanded=!1,this.handleToggle=()=>{this.expanded=this.details.open}}validateTitles(t){if(!c(t))throw new Error(`<mg-details> prop "toggleClosed" and "toggleOpened" is required and must be a valid string. Passed value: "toggleClosed='${this.toggleClosed}'" and "toggleOpened='${this.toggleOpened}'".`)}handleExpanded(t){this.expandedChange.emit(t)}componentWillLoad(){E(this),this.validateTitles(this.toggleClosed),this.validateTitles(this.toggleOpened);const t=this.element.querySelector('[slot="summary"]');this.isEmptySummary=null===t||!c(t.textContent),this.element.addEventListener("click",(t=>{null!==t.target.closest('[slot="summary"] mg-button, mg-button[slot="summary"]')&&t.preventDefault()}))}render(){return i("details",{key:"78dbeab3b3e6c245bda8fad5900b70727fd47595",class:{"mg-c-details":!0,"mg-c-details--empty-summary":this.isEmptySummary},onToggle:this.handleToggle,open:this.expanded,ref:t=>this.details=t},i("summary",{key:"766e4756a66a1f8e6bc2159f30133a0702353f32"},i("slot",{key:"3473dd0c0fc7de78c1d7ae6f9ee4a4d2fc7835ee",name:"summary"}),i("span",{key:"7c8d3da4df69d2802f104caaf568ac513f9f03b6",class:"mg-c-details__toggle"},i("mg-icon",{key:"44da384780ab768bde20acb58885280e193de921",icon:"chevron-up",class:{"mg-c-details__toggle-icon":!0,"mg-c-details__toggle-icon--reverse":!this.expanded}}),i("span",{key:"387de0caa5ae819c89449e5063e0b6e05b3df8fe",class:{"mg-u-visually-hidden":this.hideSummary}},this.expanded?this.toggleOpened:this.toggleClosed))),i("div",{key:"48c1fe8df990a250f098594d9b50df947613955c",class:"mg-c-details__details"},i("slot",{key:"95554b4d890750cc3b3008965be3e5954d49d810",name:"details"})))}get element(){return a(this)}static get watchers(){return{toggleClosed:[{validateTitles:0}],toggleOpened:[{validateTitles:0}],expanded:[{handleExpanded:0}]}}};Z.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-details summary{display:inline-flex;align-items:baseline;cursor:pointer;gap:var(--mg-b-size-16)}.mg-c-details summary::-webkit-details-marker{display:none}.mg-c-details.mg-c-details--empty-summary summary{gap:unset}.mg-c-details__toggle{display:flex;min-height:calc(var(--mg-b-font-size)*var(--mg-b-line-height));flex-shrink:0;align-items:center;align-self:flex-start;gap:var(--mg-b-size-4)}.mg-c-details__toggle-icon.mg-c-details__toggle-icon--reverse{transform:rotate(180deg)}.mg-c-details__details{margin-top:var(--mg-c-details-spacing)}@media (width < 43.75rem){.mg-c-details:not(.mg-c-details--empty-summary) .mg-c-details__toggle>span{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-c-details:not(.mg-c-details--empty-summary) .mg-c-details__toggle>span *{overflow:hidden !important}}";const Q=["horizontal","vertical"],tt=class{constructor(i){t(this,i),this.fullWidth=!1,this.direction="horizontal"}validateDirection(t){if(""===t)this.direction=Q[0];else if(!Q.includes(t))throw new Error(`<mg-divider> prop "direction" must be one of: ${Q.join(", ")}. Passed value: ${s(t)}.`)}componentWillLoad(){this.validateDirection(this.direction)}render(){return i(e,{key:"33f0896876d43052fd99a20ebf943d3ee30dfc7a",role:"separator","aria-orientation":this.direction},i("div",{key:"a9e87c1d097177b5995649485da427ca25436f8c",class:{"mg-c-divider":!0,"mg-c-divider--full-width":this.fullWidth,"mg-c-divider--direction-vertical":"vertical"===this.direction}}))}static get watchers(){return{direction:[{validateDirection:0}]}}};tt.style=".mg-c-divider{width:var(--mg-b-size-120);height:0;margin:var(--mg-c-divider-spacing-vertical) auto;border-block-start:var(--mg-c-divider-thickness) solid var(--mg-c-divider-color-background)}.mg-c-divider.mg-c-divider--full-width{width:100%}.mg-c-divider.mg-c-divider--direction-vertical{width:0;height:var(--mg-b-size-120);margin:auto var(--mg-c-divider-spacing-vertical);border-block-start:none;border-inline-start:var(--mg-c-divider-thickness) solid var(--mg-c-divider-color-background)}.mg-c-divider.mg-c-divider--direction-vertical.mg-c-divider--full-width{width:0;height:100%}:host([aria-orientation=vertical]){display:inline-flex}";const it=["form","search","none","presentation"],et=["default","hide"],at=class{constructor(i){t(this,i),this.formValid=n(this,"form-valid",7),this.formSubmit=n(this,"form-submit",7),this.formReset=n(this,"form-reset",7),this.classAllRequired="mg-c-form--all-required",this.classLabelOnTop="mg-c-form--label-on-top",this.identifier=o("mg-form"),this.name=this.identifier,this.readonly=!1,this.labelOnTop=!1,this.disabled=!1,this.classCollection=new r(["mg-c-form"]),this.setRequiredMessage=()=>{if(this.requiredMessageText=null,this.classCollection.delete(this.classAllRequired),"hide"===this.requiredMessage)return;if("default"===this.requiredMessage)return void(this.requiredMessageText=this.messages.form.required);const t=t=>!(t.disabled||t.readonly),i=t=>"MG-INPUT-TOGGLE"===t.nodeName;if(!this.disabled&&!this.readonly&&this.mgInputs.some((e=>t(e)&&!i(e)))){const e=this.mgInputs.filter(t),a=e.filter((t=>!i(t)&&t.required));[a.length,e.length].every((t=>1===t))||a.length>1&&a.length===e.filter((t=>!i(t))).length?(this.requiredMessageText=this.getRequiredMessageBasedOnCount(a,"allRequiredSingle","allRequired"),this.classCollection.add(this.classAllRequired)):a.length>0&&(this.requiredMessageText=this.getRequiredMessageBasedOnCount(a,"requiredSingle","required"))}},this.getRequiredMessageBasedOnCount=(t,i,e)=>this.messages.form[1===t.length?i:e],this.checkValidity=()=>{this.setRequiredMessage(),this.valid=!this.mgInputs.some((t=>t.invalid)),this.invalid=!this.valid,this.formValid.emit(this.valid)},this.handleFormSubmit=t=>{t.preventDefault(),this.formSubmit.emit()},this.setMgInputs=()=>{this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT"))),this.mgInputs.forEach((t=>{this.labelOnTop&&(t.labelOnTop=!0),"MG-INPUT-FILE"===t.nodeName&&(this.readonly?t.setAttribute("hidden",""):t.removeAttribute("hidden")),this.readonly&&!O(t)?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity)}))}}watchIdentifier(t){g(t)||console.error(`<mg-form> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateRequiredMessage(t){if(t&&!et.includes(t))throw new Error(`<mg-form> prop "requiredMessage" must be one of: ${et.join(", ")}. Passed value: ${s(t)}.`)}validateAriaRole(t){if(t&&!it.includes(t))throw new Error(`<mg-form> prop "ariaRole" must be one of: ${it.join(", ")}. Passed value: ${s(t)}.`)}handlelabelOnTop(t){t?this.classCollection.add(this.classLabelOnTop):this.classCollection.delete(this.classLabelOnTop)}handleAttributeChange(){this.setMgInputs(),this.setRequiredMessage()}async displayError(){this.readonly||([...Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-FIELDSET"))),...this.mgInputs].forEach((t=>{var i;null===(i=t.displayError)||void 0===i||i.call(t)})),this.checkValidity())}async reset(){this.readonly||(await Promise.all(this.mgInputs.map((async t=>{void 0!==t.reset&&await t.reset()}))),this.checkValidity(),this.formReset.emit(!0))}componentWillLoad(){this.messages=w(this.element).messages,E(this),this.watchIdentifier(this.identifier),this.validateAriaRole(this.ariaRole),this.validateRequiredMessage(this.requiredMessage),this.handlelabelOnTop(this.labelOnTop),this.mgButtons=Array.from(this.element.querySelectorAll("mg-button")),this.mgButtons.forEach((t=>{t.setAttribute("form",this.identifier),"reset"===t.type&&t.addEventListener("click",(()=>{this.reset()}))})),this.setMgInputs(),Promise.all(this.mgInputs.map((async t=>{try{await t.componentOnReady()}catch(t){}}))).then((()=>{this.checkValidity()}))}componentDidLoad(){const t={childList:!0,subtree:!0};new MutationObserver((i=>{i.some((i=>Object.keys(t).includes(i.type)))&&(this.setMgInputs(),this.checkValidity())})).observe(this.element,t)}render(){return i("form",{key:"65d3e11931386af2dedd953f58505e2c71cd99ff",class:this.classCollection.join(),id:this.identifier,name:this.name,onSubmit:this.handleFormSubmit,role:this.ariaRole},this.requiredMessageText&&i("p",{key:"7546db3b8a4259fd7d092cc7b912b6593fab9d84",innerHTML:this.requiredMessageText}),i("slot",{key:"0023ed360230ea97395a249b230e02bb7a4bdbda"}),!this.readonly&&!this.disabled&&i("slot",{key:"de84e088ff029eff487be1ed8b4766425c558c29",name:"actions"}))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],requiredMessage:[{validateRequiredMessage:0},{handleAttributeChange:0}],ariaRole:[{validateAriaRole:0}],labelOnTop:[{handlelabelOnTop:0}],readonly:[{handleAttributeChange:0}],disabled:[{handleAttributeChange:0}]}}};at.style=".mg-u-form-legacy{--mg-c-form-inputs-title-width:calc(100% / 3 - 20px)}.mg-u-is-asterisk{color:var(--mg-b-color-danger)}.mg-c-form{--mg-c-input-title-width:var(--mg-c-form-inputs-title-width, calc(28 * var(--mg-b-size-8)));--mg-c-input-margin-bottom:var(--mg-b-size-16);--mg-c-input-title-horizontal-space:var(--mg-b-size-32)}.mg-c-form.mg-c-form--all-required{--mg-c-input-title-display:none}.mg-c-form.mg-c-form--label-on-top{--mg-c-input-margin-bottom:var(--mg-b-size-24)}.mg-c-form>p{font-size:var(--mg-b-font-size-small)}";const nt=["small","medium","large","xlarge","xxlarge"],ot=["success","warning","danger","info","app","neutral"],st=["icon","background","full"],rt=class{constructor(i){t(this,i),this.size="medium",this.spin=!1,this.classCollection=new r(["mg-c-icon"]),this.renderIcon=t=>{var i;null===(i=this.element.shadowRoot.querySelector("svg"))||void 0===i||i.remove();const e=document.createElement("div");e.innerHTML=q[t],this.element.shadowRoot.append(e.firstChild),e.remove(),this.svg=this.element.shadowRoot.querySelector("svg"),this.svg.setAttribute("aria-hidden","true"),this.svg.setAttribute("focusable","false"),this.svg.setAttribute("class",this.classCollection.join())}}validateIcon(t,i){if(!Object.keys(q).includes(t))throw new Error(`<mg-icon> prop "icon" must be one of: ${Object.keys(q).join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-icon--${i}`),this.classCollection.add(`mg-c-icon--${t}`),this.renderIcon(t)}validateSize(t,i){if(null!==t&&""!==String(t)){if(!nt.includes(t))throw new Error(`<mg-icon> prop "size" must be one of: ${nt.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-icon--size-${i}`),this.classCollection.add(`mg-c-icon--size-${t}`)}else this.size="medium"}validateVariant(t,i){var e;void 0!==i&&this.classCollection.delete(`mg-c-icon--variant-${i}`);const a="neutral"===t?"dark":t;if(void 0!==a){if(![...ot,"dark"].includes(a))throw new Error(`<mg-icon> prop "variant" must be one of: ${ot.join(", ")}. Passed value: ${s(t)}.`);null!==(e=this.variantStyle)&&void 0!==e||(this.variantStyle="background"),this.classCollection.add(`mg-c-icon--variant-${a}`)}else this.variantStyle=void 0}validateVariantStyle(t,i){if(void 0!==i&&this.classCollection.delete(`mg-c-icon--variant-style-${i}`),void 0!==t){if(!st.includes(t))throw new Error(`<mg-icon> prop "variantStyle" must be one of: ${st.join(", ")}. Passed value: ${s(t)}.`);this.classCollection.add(`mg-c-icon--variant-style-${t}`)}}handleSpin(t){t?this.classCollection.add("mg-c-icon--spin"):this.classCollection.delete("mg-c-icon--spin")}componentWillLoad(){this.validateIcon(this.icon),this.validateSize(this.size),this.validateVariant(this.variant),this.validateVariantStyle(this.variantStyle),this.handleSpin(this.spin),this.renderIcon(this.icon)}componentWillUpdate(){this.svg.setAttribute("class",this.classCollection.join())}get element(){return a(this)}static get watchers(){return{icon:[{validateIcon:0}],size:[{validateSize:0}],variant:[{validateVariant:0}],variantStyle:[{validateVariantStyle:0}],spin:[{handleSpin:0}]}}};rt.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:inline-flex;vertical-align:middle}.mg-c-icon{color:currentcolor}.mg-c-icon[size=small],.mg-c-icon.mg-c-icon--size-small{width:var(--mg-b-size-12);height:var(--mg-b-size-12)}.mg-c-icon[size=small][class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon),.mg-c-icon.mg-c-icon--size-small[class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon){padding:calc((var(--mg-b-size-16) - var(--mg-b-size-12))/2)}.mg-c-icon[size=medium],.mg-c-icon.mg-c-icon--size-medium{width:var(--mg-b-size-16);height:var(--mg-b-size-16)}.mg-c-icon[size=medium][class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon),.mg-c-icon.mg-c-icon--size-medium[class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon){padding:calc((var(--mg-b-size-24) - var(--mg-b-size-16))/2)}.mg-c-icon[size=large],.mg-c-icon.mg-c-icon--size-large{width:var(--mg-b-size-20);height:var(--mg-b-size-20)}.mg-c-icon[size=large][class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon),.mg-c-icon.mg-c-icon--size-large[class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon){padding:calc((var(--mg-b-size-32) - var(--mg-b-size-20))/2)}.mg-c-icon[size=xlarge],.mg-c-icon.mg-c-icon--size-xlarge{width:var(--mg-b-size-24);height:var(--mg-b-size-24)}.mg-c-icon[size=xlarge][class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon),.mg-c-icon.mg-c-icon--size-xlarge[class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon){padding:calc((var(--mg-b-size-40) - var(--mg-b-size-24))/2)}.mg-c-icon[size=xxlarge],.mg-c-icon.mg-c-icon--size-xxlarge{width:var(--mg-b-size-32);height:var(--mg-b-size-32)}.mg-c-icon[size=xxlarge][class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon),.mg-c-icon.mg-c-icon--size-xxlarge[class*=mg-c-icon--variant-]:not(.mg-c-icon--variant-style-icon){padding:calc((var(--mg-b-size-48) - var(--mg-b-size-32))/2)}.mg-c-icon.mg-c-icon--variant-dark.mg-c-icon--variant-style-icon{color:var(--mg-b-color-dark)}.mg-c-icon.mg-c-icon--variant-light.mg-c-icon--variant-style-icon{color:var(--mg-b-color-light)}.mg-c-icon.mg-c-icon--variant-app.mg-c-icon--variant-style-icon{color:var(--mg-b-color-app)}.mg-c-icon.mg-c-icon--variant-blue.mg-c-icon--variant-style-icon{color:var(--mg-b-color-blue)}.mg-c-icon.mg-c-icon--variant-80.mg-c-icon--variant-style-icon{color:var(--mg-b-color-80)}.mg-c-icon.mg-c-icon--variant-danger.mg-c-icon--variant-style-icon{color:var(--mg-b-color-danger)}.mg-c-icon.mg-c-icon--variant-info.mg-c-icon--variant-style-icon{color:var(--mg-b-color-info)}.mg-c-icon.mg-c-icon--variant-success.mg-c-icon--variant-style-icon{color:var(--mg-b-color-success)}.mg-c-icon.mg-c-icon--variant-warning.mg-c-icon--variant-style-icon{color:var(--mg-b-color-warning)}.mg-c-icon.mg-c-icon--variant-dark.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-110-20, color-mix(in srgb, var(--mg-b-color-dark), white 80%))}.mg-c-icon.mg-c-icon--variant-light.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-0-20, color-mix(in srgb, var(--mg-b-color-light), white 80%))}.mg-c-icon.mg-c-icon--variant-app.mg-c-icon--variant-style-background{background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-app), white 80%))}.mg-c-icon.mg-c-icon--variant-blue.mg-c-icon--variant-style-background{background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-blue), white 80%))}.mg-c-icon.mg-c-icon--variant-80.mg-c-icon--variant-style-background{background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-80), white 80%))}.mg-c-icon.mg-c-icon--variant-danger.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-icon.mg-c-icon--variant-info.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-icon.mg-c-icon--variant-success.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-icon.mg-c-icon--variant-warning.mg-c-icon--variant-style-background{background-color:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-icon.mg-c-icon--variant-dark.mg-c-icon--variant-style-full{color:var(--mg-b-color-dark);background-color:var(--mg-b-color-110-20, color-mix(in srgb, var(--mg-b-color-dark), white 80%))}.mg-c-icon.mg-c-icon--variant-light.mg-c-icon--variant-style-full{color:var(--mg-b-color-light);background-color:var(--mg-b-color-0-20, color-mix(in srgb, var(--mg-b-color-light), white 80%))}.mg-c-icon.mg-c-icon--variant-app.mg-c-icon--variant-style-full{color:var(--mg-b-color-app);background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-app), white 80%))}.mg-c-icon.mg-c-icon--variant-blue.mg-c-icon--variant-style-full{color:var(--mg-b-color-blue);background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-blue), white 80%))}.mg-c-icon.mg-c-icon--variant-80.mg-c-icon--variant-style-full{color:var(--mg-b-color-80);background-color:var(--mg-b-color--20, color-mix(in srgb, var(--mg-b-color-80), white 80%))}.mg-c-icon.mg-c-icon--variant-danger.mg-c-icon--variant-style-full{color:var(--mg-b-color-danger);background-color:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-icon.mg-c-icon--variant-info.mg-c-icon--variant-style-full{color:var(--mg-b-color-info);background-color:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-icon.mg-c-icon--variant-success.mg-c-icon--variant-style-full{color:var(--mg-b-color-success);background-color:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-icon.mg-c-icon--variant-warning.mg-c-icon--variant-style-full{color:var(--mg-b-color-warning);background-color:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-icon[class*=mg-c-icon--variant-]{overflow:visible;border-radius:var(--mg-c-icon-border-radius)}.mg-c-icon--spin{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate}@keyframes rotate{to{transform:rotate(360deg)}}";const ct=["small","medium","large"],lt=["vertical","horizontal"],gt=["left","center","right"],ht=class{constructor(i){t(this,i),this.size="medium",this.direction="vertical",this.align="center",this.classCollection=new r(["mg-c-illustrated-message"])}watchSize(t,i){if(!ct.includes(t))throw new Error(`<mg-illustrated-message> prop "size" must be one of: ${ct.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-illustrated-message--size-${i}`),this.classCollection.add(`mg-c-illustrated-message--size-${t}`)}watchDirection(t,i){if(void 0!==t&&!lt.includes(t))throw new Error(`<mg-illustrated-message> prop "direction" must be one of: ${lt.join(", ")}. Passed value: ${s(t)}.`);"horizontal"===t?this.classCollection.add("mg-c-illustrated-message--direction-horizontal"):"horizontal"===i&&this.classCollection.delete("mg-c-illustrated-message--direction-horizontal")}watchAlign(t,i){if(!gt.includes(t))throw new Error(`<mg-illustrated-message> prop "align" must be one of: ${gt.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-illustrated-message--align-${i}`),this.classCollection.add(`mg-c-illustrated-message--align-${t}`)}validateSlots(){const t=["h1","h2","h3","h4","h5","h6"],i=this.element.querySelector('[slot="title"]'),e=this.element.querySelectorAll('[slot="illustration"]');if(0===this.element.querySelectorAll('[slot="details"]').length&&null===i)throw new Error('<mg-illustrated-message> Slot "title" or "details" must be present.');if(null!==i&&!h(i,t))throw new Error(`<mg-illustrated-message> Slotted title must be a heading: ${t.join(", ")}.`);if(1!==e.length)throw new Error("<mg-illustrated-message> Slotted illustration must be present and unique.");e[0].setAttribute("aria-hidden","true")}componentWillLoad(){this.watchDirection(this.direction),this.watchSize(this.size),this.watchAlign(this.align),this.validateSlots()}render(){return i("div",{key:"daffbfe09d4ccae7b2380d2dcd0f6157acf7a849",class:this.classCollection.join()},i("div",{key:"503631e106a43186d1031ebfd8bb5fa9e7aaa568",class:"mg-c-illustrated-message__illustration"},i("slot",{key:"6291af5e6155e38e3cfb63acf3ca774e22d385f6",name:"illustration"})),i("div",{key:"7c7518be3413c7e9cadb149a255505d20525b6c7",class:"mg-c-illustrated-message__slots"},i("slot",{key:"742dc8a06f3f7ab06e4e67b370a750100585c384",name:"title"}),i("slot",{key:"3da2b7d35d1076d4cb87337f9a21e149c72f9141",name:"details"})))}get element(){return a(this)}static get watchers(){return{size:[{watchSize:0}],direction:[{watchDirection:0}],align:[{watchAlign:0}]}}};ht.style=".mg-c-illustrated-message{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);gap:var(--mg-b-size-16) var(--mg-b-size-64);max-inline-size:calc(60*var(--mg-b-size-8));text-align:center}.mg-c-illustrated-message__illustration{max-block-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){block-size:auto;inline-size:100%;margin-inline:auto;max-block-size:calc(15*var(--mg-b-size-8));max-inline-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__slots{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-illustrated-message__slots ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family-heading) !important;font-size:var(--mg-b-font-size-h2) !important}.mg-c-illustrated-message__slots ::slotted([slot=details]){margin:0}.mg-c-illustrated-message.mg-c-illustrated-message--size-small{--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__slots{gap:var(--mg-b-size-2)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration{max-block-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:var(--mg-b-size-64);max-inline-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration{max-block-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:calc(23*var(--mg-b-size-8));max-inline-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{inline-size:fit-content;max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:calc(60*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:calc(15*var(--mg-b-size-8));inline-size:auto}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--align-left{margin-inline:0 auto}.mg-c-illustrated-message.mg-c-illustrated-message--align-center{margin-inline:auto}.mg-c-illustrated-message.mg-c-illustrated-message--align-right{margin-inline:auto 0}@container (width > 52.8rem){.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{flex-direction:row;align-items:center;column-gap:var(--mg-b-size-48);text-align:left}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration{flex:1 0 auto;max-inline-size:fit-content}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small{column-gap:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large{column-gap:var(--mg-b-size-64)}}:host{display:block;container-type:inline-size;inline-size:100%}";const mt=class{constructor(e){t(this,e),this.slotLabel="label",this.slotError="error",this.slotHelpText="help-text",this.blockLevelTags=new Set(["address","article","aside","blockquote","details","dialog","div","dl","fieldset","figure","figcaption","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"]),this.openingTagRegExp=/<([a-z1-6]+)[\s/>]/gi,this.classInput="mg-c-input",this.classHasError="mg-c-input--has-error",this.classLabelOnTop="mg-c-input--label-on-top",this.classHasHeading="mg-c-input--has-heading",this.classLabelBorderDisplay="mg-c-input--label-border-display",this.classInputsOnBottom="mg-c-input--inputs-on-bottom",this.labelOnTop=!1,this.labelHide=!1,this.labelBorderDisplay=!1,this.tooltipPosition="input",this.required=!1,this.inputsOnBottom=!1,this.ariaDescribedbyIDs=[],this.isFieldset=!1,this.isReadonly=!1,this.isDisabled=!1,this.isVerticalList=!1,this.updateElementAriaDescribedby=(t,i)=>{i.size>0?t.setAttribute("aria-describedby",Array.from(i).join(" ")):t.removeAttribute("aria-describedby")},this.renderTooltip=()=>i("mg-tooltip",{identifier:`${this.identifier}-tooltip`,message:this.tooltip},i("mg-icon",{icon:"info-circle-outline"})),this.inputContainerElements=()=>{const t=[this.helptextMessageSlotElement&&i("div",{class:"mg-c-input__help-text"},i("slot",{name:this.slotHelpText})),!this.isDisabled&&this.errorMessage&&i("div",{class:"mg-c-input__error","aria-live":"assertive"},i("slot",{name:this.slotError}))],e=i("div",{class:"mg-c-input__input"},i("slot",null),this.tooltip&&!this.labelOnTop&&("input"===this.tooltipPosition||this.labelHide)&&this.renderTooltip());return this.inputsOnBottom?[...t,e]:[e,...t]}}watchIdentifier(t){if(!c(t))throw new Error(`<mg-input> prop "identifier" is required and must be a string. Passed value: ${s(t)}.`);g(t)?(this.helpTextId=`${this.identifier}-help-text`,this.helpTextErrorId=`${this.identifier}-error`):console.error(`<mg-input> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}watchLabelOnTop(t){t?this.element.classList.add(this.classLabelOnTop):this.element.classList.remove(this.classLabelOnTop)}watchLabelConfig(){if(this.labelHide&&this.labelOnTop)throw new Error('<mg-input> prop "labelOnTop" must not be paired with the prop "labelHide".')}watchlabelHeading(t){if(this.isFieldset&&this.labelOnTop&&P.includes(t))this.element.classList.add(this.classHasHeading);else{if(!this.isFieldset&&void 0!==t||"string"==typeof t)throw new Error(`<mg-input> prop "labelHeading" must be used with a fieldset and be one of: ${P.join(", ")}. Passed value: ${s(t)}.`);this.labelHeading=void 0,this.element.classList.remove(this.classHasHeading)}}watchLabelBorderDisplay(t){this.isFieldset&&this.labelOnTop&&t?this.element.classList.add(this.classLabelBorderDisplay):this.element.classList.remove(this.classLabelBorderDisplay)}watchTooltipPosition(t){if(!I.includes(t))throw new Error(`<mg-input> prop "tooltipPosition" must be one of: ${I.join(", ")}. Passed value: ${s(t)}.`)}watchErrorMessage(t){var i;void 0!==t?(this.element.classList.add(this.classHasError),this.renderErrorMessage()):(this.element.classList.remove(this.classHasError),null===(i=this.errorMessageSlotElement)||void 0===i||i.remove(),this.errorMessageSlotElement=void 0)}watchHelpText(t){var i;c(t)&&!this.isReadonly?this.renderHelpText():(null===(i=this.helptextMessageSlotElement)||void 0===i||i.remove(),this.helptextMessageSlotElement=void 0)}watchInputsOnBottom(t){t?this.element.classList.add(this.classInputsOnBottom):this.element.classList.remove(this.classInputsOnBottom)}watchAriaDescribedbyIDs(){if(this.isReadonly)return;if("string"==typeof this.ariaDescribedbyIDs)return void(this.ariaDescribedbyIDs=this.ariaDescribedbyIDs.split(" "));if(!Array.isArray(this.ariaDescribedbyIDs)||!this.ariaDescribedbyIDs.every((t=>"string"==typeof t)))return void(this.ariaDescribedbyIDs=[]);const t=new Set(this.ariaDescribedbyIDs);c(this.helpText)&&(this.renderHelpText(),t.has(this.helpTextId)||t.add(this.helpTextId)),c(this.errorMessage)&&(this.renderErrorMessage(),t.has(this.helpTextErrorId)||t.add(this.helpTextErrorId)),this.element.querySelectorAll('input,select,textarea,[role="switch"]').forEach((i=>{this.updateElementAriaDescribedby(i,t)})),setTimeout((()=>{const i=this.element.querySelector("legend");null!==i&&this.updateElementAriaDescribedby(i,t)}))}watchClass(){this.element.classList.contains(this.classInput)||this.element.classList.add(this.classInput),this.isFieldset=this.element.classList.contains(T),this.isReadonly=this.element.classList.contains(L),this.isDisabled=this.element.classList.contains(M),this.isVerticalList=this.element.classList.contains(D)}watchLabel(){if(!c(this.label))throw new Error(`<mg-input> prop "label" is required and must be a string. Passed value: ${s(this.label)}.`);this.watchAriaDescribedbyIDs(),this.renderLabel()}renderLabel(){let t=this.element.querySelector(`[slot=${this.slotLabel}]`);if(null==t||t.remove(),t=document.createElement("mg-input-title"),t.setAttribute("slot",this.slotLabel),t.setAttribute("identifier",this.identifier),t.readonly=this.isReadonly,t.required=this.required&&!this.isDisabled||!1,t.isLegend=this.isFieldset,P.includes(this.labelHeading)){let i=this.element.shadowRoot.querySelector(this.labelHeading);null===i&&(i=document.createElement(this.labelHeading),i.classList.add("mg-c-input-title__text"),t.appendChild(i)),i.textContent=this.label}else t.textContent=this.label;this.element.appendChild(t),this.watchAriaDescribedbyIDs()}getSlotMessageTagName(t){for(const[,i]of t.matchAll(this.openingTagRegExp))if(this.blockLevelTags.has(i.toLowerCase()))return"div";return"p"}getSlotMessageElement(t,i){let e=this.element.querySelector(`[slot=${t}]`);return null!==e&&e.tagName.toLowerCase()!==i&&(e.remove(),e=null),null===e&&(e=document.createElement(i),e.setAttribute("slot",t),this.element.appendChild(e)),e}renderErrorMessage(){this.errorMessageSlotElement=this.getSlotMessageElement(this.slotError,this.getSlotMessageTagName(this.errorMessage)),this.errorMessageSlotElement.setAttribute("id",this.helpTextErrorId),this.errorMessageSlotElement.innerHTML=this.errorMessage}renderHelpText(){this.helptextMessageSlotElement=this.getSlotMessageElement(this.slotHelpText,this.getSlotMessageTagName(this.helpText)),this.helptextMessageSlotElement.setAttribute("id",this.helpTextId),this.helptextMessageSlotElement.innerHTML=this.helpText}componentWillLoad(){E(this),this.watchIdentifier(this.identifier),this.watchLabel(),this.watchClass(),this.watchLabelOnTop(this.labelOnTop),this.watchLabelConfig(),this.watchTooltipPosition(this.tooltipPosition),this.watchHelpText(this.helpText),this.watchErrorMessage(this.errorMessage),this.watchInputsOnBottom(this.inputsOnBottom),this.watchlabelHeading(this.labelHeading),this.watchLabelBorderDisplay(this.labelBorderDisplay)}componentDidLoad(){if(this.watchAriaDescribedbyIDs(),!this.isReadonly&&!this.isFieldset&&null===this.element.querySelector(`#${this.identifier}`))throw new Error(`<mg-input> "identifier" prop has no target for id: ${this.identifier}. Add an id to the targeted input.`)}render(){const t=this.isFieldset&&!this.isReadonly;return i(e,{key:"5a321d04d50aa63f86237a1dd72d2ac508b8d4cf",class:this.element.classList.toString(),role:t?"group":void 0,"aria-labelledby":t?`${this.identifier}-title`:void 0},i("div",{key:"5d247500c19370d6ee1de79e14ef0c016fe38f7a",class:{"mg-c-input__title":!0,"mg-u-visually-hidden":this.labelHide}},i("slot",{key:"cf56e42a0b56ab855a1b6089fbbd573ef5676b3d",name:this.slotLabel}),this.tooltip&&("label"===this.tooltipPosition||this.labelOnTop)&&!this.labelHide&&this.renderTooltip()),i("div",{key:"dfc9112bb933c1c536bdb4e9ef462e0f921a0b82",class:"mg-c-input__input-container"},this.inputContainerElements()))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0},{watchAriaDescribedbyIDs:0}],labelOnTop:[{watchLabelOnTop:0},{watchLabelConfig:0}],labelHide:[{watchLabelConfig:0}],labelHeading:[{watchlabelHeading:0}],labelBorderDisplay:[{watchLabelBorderDisplay:0}],tooltipPosition:[{watchTooltipPosition:0}],errorMessage:[{watchErrorMessage:0},{watchAriaDescribedbyIDs:0}],helpText:[{watchHelpText:0},{watchAriaDescribedbyIDs:0}],inputsOnBottom:[{watchInputsOnBottom:0}],ariaDescribedbyIDs:[{watchAriaDescribedbyIDs:0}],class:[{watchClass:0},{watchLabel:0}],label:[{watchLabel:0}],required:[{watchLabel:0}],isReadonly:[{watchLabel:0}],isFieldset:[{watchLabel:0}]}}};mt.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-input__input mg-icon,.mg-c-input__error mg-icon{display:flex}.mg-c-input{display:flex;min-height:var(--mg-b-size-min-height);align-items:flex-start}.mg-c-input__input-container{width:100%;min-height:var(--mg-b-size-min-height)}.mg-c-input__input-container mg-tooltip{display:inline-flex;width:var(--mg-b-size-16);height:var(--mg-b-size-16);margin-left:var(--mg-b-size-8)}@media print{.mg-c-input__input-container mg-tooltip{display:none}}.mg-c-input__input{display:flex;min-height:var(--mg-b-size-min-height);align-items:center;justify-content:start}.mg-c-input__input mg-tooltip{align-self:baseline;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input__input ::slotted(.mg-c-input__button-toggle:disabled){opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input__title{display:flex;width:var(--mg-c-input-title-width, auto);flex-shrink:0;align-items:baseline;justify-content:flex-end;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);margin-right:var(--mg-c-input-title-horizontal-space, var(--mg-b-size-8));text-align:right}.mg-c-input__title slot[name=label]+mg-tooltip{margin-left:var(--mg-b-size-4)}.mg-c-input__title mg-icon{display:inline-flex;vertical-align:text-bottom}.mg-c-input__error{display:inline-block;padding:var(--mg-b-size-4) var(--mg-b-size-8);border-radius:var(--mg-b-size-radius);background:var(--mg-c-input-error-color-background);color:var(--mg-b-color-danger)}.mg-c-input__error ::slotted(*),.mg-c-input__help-text ::slotted(*){margin:0;font-size:var(--mg-b-font-size-small);text-align:start}:host .mg-c-input__input+.mg-c-input__error,:host .mg-c-input__input+.mg-c-input__help-text{margin-top:var(--mg-b-size-4)}:host(.mg-c-input.mg-c-input--readonly) .mg-c-input__input mg-tooltip{margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2)}:host(.mg-c-input){display:flex;margin-bottom:var(--mg-c-input-margin-bottom, 0)}:host(.mg-c-input.mg-c-input--checkbox) .mg-c-input__input,:host(.mg-c-input.mg-c-input--toggle) .mg-c-input__input,:host(.mg-c-input.mg-c-input--radio) .mg-c-input__input{min-height:unset;align-items:flex-start}:host(.mg-c-input.mg-c-input--checkbox,.mg-c-input.mg-c-input--radio) .mg-c-input__input{min-height:unset}:host(.mg-c-input.mg-c-input--fieldset:not(.mg-c-input--checkbox-multi,.mg-c-input--readonly)) .mg-c-input__input-container mg-tooltip{margin-left:var(--mg-b-size-32)}:host(.mg-c-input.mg-c-input--fieldset) ::slotted(.mg-c-input__input-group){min-width:0;flex-grow:1}:host(.mg-c-input.mg-c-input--toggle) .mg-c-input__input-container{min-width:0;flex:1}:host(.mg-c-input.mg-c-input--label-on-top){flex-direction:column}:host(.mg-c-input.mg-c-input--label-on-top) .mg-c-input__title{width:100%;flex:0;justify-content:flex-start;margin-top:0;margin-right:0;margin-bottom:var(--mg-b-size-4);text-align:left}:host(.mg-c-input.mg-c-input--label-on-top) .mg-c-input__title ::slotted(mg-input-title){flex-shrink:1}:host(.mg-c-input.mg-c-input--inputs-on-bottom) .mg-c-input__help-text{margin-top:var(--mg-b-size-4);margin-bottom:var(--mg-b-size-12)}:host(.mg-c-input.mg-c-input--inputs-on-bottom) .mg-c-input__error{margin-bottom:var(--mg-b-size-20)}:host(.mg-c-input.mg-c-input--inputs-on-bottom.mg-c-input--fieldset){--mg-c-input-title-width:var(--mg-c-form-inputs-title-width, calc(28 * var(--mg-b-size-8)));--mg-c-input-title-horizontal-space:var(--mg-b-size-32)}:host(.mg-c-input.mg-c-input--inputs-on-bottom.mg-c-input--fieldset) ::slotted(*){--mg-c-input-margin-bottom:var(--mg-b-size-16)}:host(.mg-c-input.mg-c-input--label-border-display) .mg-c-input__title{border-bottom:var(--mg-b-size-border) solid var(--mg-c-divider-color-background)}:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__title{margin-bottom:0}:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input-title__text{margin-top:var(--mg-b-size-8);margin-bottom:var(--mg-b-size-8)}:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__help-text,:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__error{margin-top:0;margin-bottom:var(--mg-b-size-4)}:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__help-text+.mg-c-input__input,:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__error+.mg-c-input__input{margin-top:var(--mg-b-size-12)}:host(.mg-c-input.mg-c-input--has-heading) .mg-c-input__help-text+.mg-c-input__error{margin-top:var(--mg-b-size-4)}:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__title{margin-bottom:var(--mg-b-size-16)}:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__help-text,:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__error{margin-bottom:0}:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__help-text+.mg-c-input__input,:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__error+.mg-c-input__input{margin-top:var(--mg-b-size-16)}:host(.mg-c-input.mg-c-input--has-heading.mg-c-input--label-border-display) .mg-c-input__help-text+.mg-c-input__error{margin-top:var(--mg-b-size-8)}@media screen and (max-width: 767px){:host(.mg-c-input){flex-direction:column}:host(.mg-c-input) .mg-c-input__title{width:100%;flex:0;justify-content:flex-start;margin-top:0;margin-right:0;margin-bottom:var(--mg-b-size-4);text-align:left}:host(.mg-c-input) .mg-c-input__title ::slotted(mg-input-title){flex-shrink:1}}";const dt=["checkbox","multi"],ut=t=>i("div",{class:"mg-c-input__input-group-container","aria-labelledby":t.labelledby,id:t.id},t.checkboxes.map((e=>{var a,n;return i("div",{key:e._id,class:{"mg-c-input__input-group":!0,"mg-c-input__input-group--disabled":t.disabled||e.disabled}},i("input",{type:"checkbox",id:e._id,name:t.name,value:null===(a=e.value)||void 0===a?void 0:a.toString(),checked:Boolean(e.value),required:e.required,"aria-invalid":(null===(n=t.invalid)||void 0===n?void 0:n.toString())||"false",disabled:t.disabled||e.disabled,indeterminate:null===e.value,onInput:e._handleInput,onBlur:e._handleBlur,onKeyDown:e._handleKeydown}),i("label",{htmlFor:e._id},e.title))}))),pt={VISIBLE:"visible",HIDDEN:"hidden",DISABLED:"disabled",ACTIVE:"active"},bt=(t,i)=>t.length>i,vt=t=>{const e=(a=t.checkboxes,n=t.limit,[...a].slice(0,n));var a,n;const o=m(t.messages.label),s=`tab-info-${t.key}`;return i("div",{class:"mg-input-checkbox-paginated mg-c-input__tab",slot:`tab_content-${t.key+1}`},"function"==typeof t.handleMassAction&&t.checkboxes.length>0&&t.checkboxes.some((t=>!0!==t.disabled))&&i("mg-tooltip",{slot:"header-action",class:"mg-c-input__tabs-action",message:t.messages.tooltip},i("mg-button",{variant:"link",onClick:t.handleMassAction},t.messages.action)),i("div",{class:"mg-c-input__tabs-content"},i("p",{id:s,class:{"mg-c-input__popover-info":!0,"mg-u-visually-hidden":0!==e.length},"aria-live":0!==e.length?"polite":void 0},0===e.length?t.messages.noValue:t.messages.values.replace("{count}",e.length.toString())),e.length>0&&i(ut,{checkboxes:e,labelledby:s,id:o,disabled:t.disabled,name:t.name,invalid:t.invalid}),bt(t.checkboxes,t.limit)&&i("mg-button",{key:"load-more",variant:"flat",class:"mg-c-input__load-more",tabIndex:-1,"full-width":!0,onClick:()=>{bt(t.checkboxes,t.limit)&&t.handleLoadMore()},"aria-controls":o},i("mg-icon",{icon:"chevron-down"}),t.messages.showMore)))},ft=class{constructor(e){t(this,e),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.mode="custom",this.baseClassName="mg-c-input--checkbox",this.classTypeMulti="mg-c-input--checkbox-multi",this.classWithValues="mg-c-input--with-values",this.classSearchMode="mg-c-input--search-mode",this.multiStart=5,this.searchStart=10,this.paginatedStep=10,this.hasOpenedPopover=!1,this.checkboxesId="checkboxes-list",this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.inputVerticalList=!1,this.required=!1,this.readonly=!1,this.displaySelectedValues=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r([this.baseClassName,T]),this.checkboxItems=[],this.searchValue="",this.searchResults=[],this.selectValuesButtonKey="editButton",this.activeTab=1,this.paginatedLimits={},this.handleInput=t=>{this.updateCheckboxItems("value",Boolean(t.target.checked),(i=>i._id===t.target.id)),this.updateValues(),this.checkValidity(),this.setErrorMessage()},this.handleKeydown=t=>{var i;if("Tab"===t.key&&(null===(i=this.mgPopover)||void 0===i?void 0:i.display)){if(Boolean(this.searchInput)&&t.shiftKey&&this.searchInput.id===t.target.id)return void(this.mgPopover.display=!1);const i=Array.from(this.element.shadowRoot.querySelectorAll("input")).filter((t=>!t.hasAttribute("disabled"))).map((({id:t})=>t)),e=i.findIndex((i=>i===t.target.id));(e+1>=i.length&&!t.shiftKey||0===e&&t.shiftKey&&void 0===this.searchInput)&&(this.mgPopover.display=!1)}},this.handleBlur=()=>{this.checkValidity(),this.setErrorMessage()},this.handleSearchChange=t=>{t.stopPropagation(),t.preventDefault(),this.searchValue=t.detail},this.handleActiveTabChange=t=>{this.activeTab=t.detail,this.resetTabsLimit()},this.handleMgPopoverDisplayChange=t=>{this.hasOpenedPopover=t.detail,this.setButtonTextKey(),t.detail||(this.searchValue="",this.resetTabsLimit(),this.checkValidity()),this.activeTab=this.checkboxItems.some((t=>t.value))?2:1},this.updateValues=()=>{this.value=this.checkboxItems.map((t=>(delete t._handleBlur,delete t._handleInput,delete t._handleKeydown,delete t._id,t)))},this.hasInvalidInput=()=>Array.from(this.element.shadowRoot.querySelectorAll('input[type="checkbox"]')).some((t=>!t.disabled&&!t.checkValidity())),this.updateSearchResults=()=>{this.searchResults=this.checkboxItems.filter((t=>d(t.title).includes(d(this.searchValue))))},this.validateRequired=()=>!this.required||this.checkboxItems.some((({value:t})=>t)),this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||!this.hasInvalidInput()&&this.validateRequired())},this.setButtonTextKey=()=>{if(this.hasOpenedPopover)return;let t="editButton";this.disabled?t="showButton":this.getSelectedItems().length<1&&(t="selectButton"),this.selectValuesButtonKey=t},this.getSelectValuesButtonMessage=()=>"editButton"===this.selectValuesButtonKey&&c(this.editButtonMessage)?this.editButtonMessage:"showButton"===this.selectValuesButtonKey&&c(this.showButtonMessage)?this.showButtonMessage:"selectButton"===this.selectValuesButtonKey&&c(this.selectButtonMessage)?this.selectButtonMessage:this.messages.input.checkbox[this.selectValuesButtonKey],this.setErrorMessage=(t=!1)=>{this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.validateRequired()||(this.errorMessage=this.messages.errors.required))},this.getMgPopoverIdentifier=()=>`${this.identifier}-input-mg-popover`,this.getDisplayItems=()=>this.searchValue.length>0?this.searchResults:this.checkboxItems,this.getSelectedItems=()=>this.checkboxItems.filter((({value:t})=>t)),this.resetTabsLimit=()=>{this.paginatedLimits={}},this.handlePaginatedLoadMore=t=>{var i;this.paginatedLimits=Object.assign(Object.assign({},this.paginatedLimits),{[t]:(null!==(i=this.paginatedLimits[t])&&void 0!==i?i:this.paginatedStep)+this.paginatedStep})},this.renderReadonly=t=>this.inputVerticalList?i("ul",{class:"mg-c-input__readonly-value"},t.map((t=>i("li",{key:t},i("b",null,t))))):i("b",{class:"mg-c-input__readonly-value"},t.join(", ")),this.renderMgInputCheckboxList=()=>i(ut,{checkboxes:this.checkboxItems,id:this.checkboxesId,disabled:this.disabled,name:this.name,invalid:this.invalid})}validateValue(t){if(i=t,!Array.isArray(i)||!i.every((t=>"object"==typeof t&&"string"==typeof t.title&&(null===t.value||"boolean"==typeof t.value)&&void 0!==t.value)))throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, ICheckboxItem. Passed value: ${s(t)}.`);var i;this.checkboxItems=t.map(((t,i)=>Object.assign(Object.assign({},t),{_id:`${this.identifier}_${i}`,_handleInput:this.handleInput.bind(this),_handleBlur:this.handleBlur.bind(this),_handleKeydown:this.handleKeydown.bind(this)}))),this.valueChange.emit(t)}validateType(t){if(void 0!==t&&!dt.includes(t))throw new Error(`<mg-input-checkbox> prop "type" must be a CheckboxType. Passed value: ${s(t)}.`);void 0===t?(this.mode="auto",this.type=dt[0]):"multi"===t?(this.classCollection.add(this.classTypeMulti),this.element.dataset.mgPopoverGuard=this.getMgPopoverIdentifier()):this.classCollection.delete(this.classTypeMulti)}watchInputVerticalList(t){t?this.classCollection.add(D):this.classCollection.delete(D)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}watchDisplaySelectedValues(t){t?this.classCollection.add(this.classWithValues):this.classCollection.delete(this.classWithValues)}handleValidityChange(t,i,e){t&&"readonly"!==e?this.updateCheckboxItems(e,t):this.validateValue(this.value),this.checkValidity(),this.hasDisplayedError&&(this.hasDisplayedError="required"!==e,this.setErrorMessage()),this.setButtonTextKey()}validateDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}validateCheckboxItems(t){"auto"===this.mode&&(this.type=t.length>this.multiStart?"multi":"checkbox"),this.displaySearchInput="multi"===this.type&&t.length>this.searchStart,this.displaySearchInput&&this.updateSearchResults(),this.setButtonTextKey()}watchDisplaySearchInput(t){t?this.classCollection.add(this.classSearchMode):this.classCollection.delete(this.classSearchMode)}validateSearchValue(){this.updateSearchResults()}async setFocus(){var t;null===(t=this.element.shadowRoot.querySelector("input"))||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-checkbox> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-checkbox> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value=this.value.map((t=>Object.assign(Object.assign({},t),{value:!1}))),new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,this.valid!==i&&this.inputValid.emit(this.valid)}updateCheckboxItems(t,i,e){this.checkboxItems=this.checkboxItems.map((a=>(("function"==typeof e&&e(a)||void 0===e)&&(a[t]=i),a)))}componentWillLoad(){return this.messages=w(this.element).messages,E(this),this.validateType(this.type),this.validateValue(this.value),this.validateDisabled(this.disabled),this.watchReadonly(this.readonly),this.watchInputVerticalList(this.inputVerticalList),this.watchDisplaySelectedValues(this.displaySelectedValues),this.watchDisplaySearchInput(this.displaySearchInput),setTimeout((()=>{this.checkValidity()}),0)}componentDidLoad(){var t,i;this.readonly||(this.searchInput=null===(t=this.element.shadowRoot.querySelector("mg-input-text"))||void 0===t?void 0:t.shadowRoot.querySelector("input"),null===(i=this.searchInput)||void 0===i||i.addEventListener("keydown",this.handleKeydown))}renderCheckboxTabs(t){const e=t=>()=>{this.getDisplayItems().forEach((i=>{i.disabled||(i.value=1!==t)})),this.updateValues()},[a,n]=t.checkboxes.reduce(((t,i)=>(t[i.value?0:1].push(i),t)),[[],[]]),o=[Object.assign(Object.assign({},t),{checkboxes:n,messages:Object.assign(Object.assign({},this.messages.input.checkbox.sections.notSelected),{showMore:this.messages.input.showMore}),key:0,handleMassAction:e(0)}),Object.assign(Object.assign({},t),{checkboxes:a,messages:Object.assign(Object.assign({},this.messages.input.checkbox.sections.selected),{showMore:this.messages.input.showMore}),key:1,handleMassAction:e(1)})];return i("mg-tabs",{identifier:`${this.identifier}-tabs`,class:"mg-c-input__tabs",label:this.messages.input.checkbox.sections.label,items:o.map(((t,i)=>({label:t.messages.title,badge:{value:t.checkboxes.length,label:this.messages.input.checkbox.sections.badge.label,role:"information"},status:i+1===this.activeTab?pt.ACTIVE:pt.VISIBLE}))),activeTab:this.activeTab,"onActive-tab-change":this.handleActiveTabChange},o.map((t=>{var e;return i(vt,Object.assign({},t,{limit:null!==(e=this.paginatedLimits[t.key])&&void 0!==e?e:this.paginatedStep,handleLoadMore:()=>this.handlePaginatedLoadMore(t.key)}))})))}renderCheckboxMulti(){var t;const e=this.getSelectedItems().length,a={readonly:this.readonly,disabled:this.disabled,checkboxes:this.getDisplayItems()},n=Object.assign(Object.assign({},a),{messages:Object.assign(Object.assign({},this.messages.input.checkbox.sections.search),{showMore:this.messages.input.showMore}),key:2,limit:null!==(t=this.paginatedLimits[2])&&void 0!==t?t:this.paginatedStep,handleLoadMore:()=>this.handlePaginatedLoadMore(2)});return i("div",{class:"mg-c-input__input-container"},i("mg-popover",{identifier:this.getMgPopoverIdentifier(),display:this.hasOpenedPopover,"onDisplay-change":this.handleMgPopoverDisplayChange,"data-fallback-placement":"bottom-end",ref:t=>{null!==t&&(this.mgPopover=t)}},i("mg-button",{variant:"secondary","aria-describedby":`${this.identifier}-title`},i("mg-icon",{icon:"list"}),this.getSelectValuesButtonMessage()),i("div",{slot:"content",class:"mg-c-input__content"},this.displaySearchInput?[i("mg-input-text",{key:"input-search",identifier:`${this.identifier}-input-search`,icon:"magnifying-glass",type:"search",placeholder:this.messages.input.checkbox.sections.search.label,label:this.messages.input.checkbox.sections.search.label,mgWidth:"full",value:this.searchValue,labelHide:!0,characterLeftHide:!0,name:"q","onValue-change":this.handleSearchChange}),this.searchValue.length>0?i(vt,Object.assign({},n)):this.renderCheckboxTabs(a)]:i(ut,Object.assign({},a,{id:this.checkboxesId,name:this.name,invalid:this.invalid})))),this.displaySelectedValues?e>0&&i("ul",{role:"list",class:"mg-c-input__input-container-list"},this.getSelectedItems().map((({title:t})=>i("li",{class:"mg-c-input__input-value",key:t},t)))):i("b",null,this.messages.input.checkbox[e>1?"selectedValues":"selectedValue"].replace("{nb}",e)))}render(){let t;const e=this.value.filter((({value:t})=>t)).map((({title:t})=>t));return t=this.readonly?this.renderReadonly(e):"checkbox"===this.type?this.renderMgInputCheckboxList():this.renderCheckboxMulti(),i("mg-input",{key:"8e403fd79ca8a9bb2db5545e946a3763eb156551",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.readonly?void 0:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&0===e.length?"label":this.tooltipPosition,helpText:this.readonly?void 0:this.helpText,errorMessage:this.readonly?void 0:this.errorMessage},t)}get element(){return a(this)}static get watchers(){return{value:[{validateValue:0}],type:[{validateType:0}],inputVerticalList:[{watchInputVerticalList:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],displaySelectedValues:[{watchDisplaySelectedValues:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{validateDisabled:0}],checkboxItems:[{validateCheckboxItems:0}],displaySearchInput:[{watchDisplaySearchInput:0}],searchValue:[{validateSearchValue:0}]}}};ft.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input.mg-c-input--fieldset{padding:0;border:0;margin-right:0;margin-left:0}.mg-c-input.mg-c-input--fieldset input[type=radio],.mg-c-input.mg-c-input--fieldset input[type=checkbox]{width:var(--mg-c-input-check-size);height:var(--mg-c-input-check-size);flex-shrink:0;margin:calc((var(--mg-b-font-size)*var(--mg-b-line-height) - var(--mg-c-input-check-size))/2) var(--mg-b-size-8) 0 0}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group{display:flex;align-items:start}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group-container{display:flex;flex-wrap:wrap;padding:0;margin:0;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);gap:var(--mg-b-size-12) var(--mg-b-size-24);list-style:none}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group.mg-c-input__input-group--disabled label{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--fieldset.mg-c-input--vertical-list .mg-c-input__input-group-container,.mg-c-input.mg-c-input--fieldset.mg-c-input--checkbox-multi .mg-c-input__input-group-container{flex-direction:column}.mg-c-input.mg-c-input--fieldset.mg-c-input--label-on-top .mg-c-input__input-group-container{margin-top:var(--mg-b-size-8)}.mg-c-input__popover-info{padding:var(--mg-b-size-8);margin:0;color:var(--mg-b-color-neutral-90);text-align:center}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__input-group-container{padding:var(--mg-b-size-4) var(--mg-b-size-8);margin:0}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__input-container{display:flex;width:unset;flex:unset;flex-wrap:wrap;column-gap:var(--mg-b-size-8)}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__input-container-list{display:flex;flex-flow:row wrap;padding:0;margin:0;gap:var(--mg-b-size-4);list-style:none}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__tab{display:block;min-height:calc(var(--mg-b-size-4)*55)}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__tabs{min-height:0;flex-shrink:1}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__tabs-action{padding-top:var(--mg-b-size-16);padding-bottom:var(--mg-b-size-12)}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__tabs-content{height:calc(24*var(--mg-b-size-8) - 2*var(--mg-b-size-8));overflow-y:auto}.mg-c-input.mg-c-input--checkbox-multi .mg-c-input__input-value{display:inline-flex;min-width:var(--mg-b-size-min-height);min-height:var(--mg-b-size-min-height);box-sizing:border-box;align-items:center;justify-content:center;padding:calc((var(--mg-b-size-min-height) - 2*var(--mg-b-size-border) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-12);border-radius:var(--mg-b-size-4);background-color:var(--mg-b-color-neutral-20);font-size:var(--mg-b-font-size)}.mg-c-input.mg-c-input--checkbox-multi b{margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2)}.mg-c-input.mg-c-input--checkbox-multi.mg-c-input--disabled .mg-c-input__input-container b{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--checkbox-multi.mg-c-input--with-values .mg-c-input__input-container{gap:var(--mg-b-size-4)}.mg-c-input.mg-c-input--checkbox-multi.mg-c-input--search-mode .mg-c-input__content{display:flex;width:calc(var(--mg-b-size-floating-element-max-width) - var(--mg-b-size-16));flex-direction:column;gap:var(--mg-b-size-4)}.mg-c-input.mg-c-input--checkbox-multi.mg-c-input--search-mode .mg-c-input__content .mg-c-input__tabs-content{min-height:calc(var(--mg-b-size-4)*55)}.mg-c-input.mg-c-input--checkbox-multi:not(.mg-c-input--label-on-top) mg-tooltip:not(.mg-c-input__section-header-tootlip){margin-left:var(--mg-b-size-8)}.mg-c-input.mg-c-input--checkbox-multi mg-popover{--mg-c-card-spacing:var(--mg-b-size-8)}.mg-c-input.mg-c-input--readonly ul{display:flex;min-height:var(--mg-b-font-size);flex-flow:column wrap;padding:0;margin:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) 0 0;list-style:none;row-gap:var(--mg-b-size-8)}";const wt=class{constructor(i){t(this,i),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.required=!1,this.readonly=!1,this.max="9999-12-31",this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--date"]),this.isValidPattern=t=>c(t)&&u.test(t),this.formatHelpText=t=>{if(this.readonly)return;const i="{defaultHelpText}";let e=c(t)?t:this.messages.input.date.helpText.expectedFormat;return e.includes(i)&&(e=e.replace(i,this.formatHelpText(this.messages.input.date.helpText.expectedFormat))),e.replace("{pattern}",this.renderPattern()).replace("{date}",_(p(new Date("2025-12-24")),this.systemLocale))},this.handleInput=()=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.value=this.input.value},this.handleBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0}))},this.handleKeyDown=t=>{["Delete","Backspace"].includes(t.key)&&(t.preventDefault(),this.value=null,this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage())},this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||this.input.checkValidity()&&(null===this.value||this.isValidPattern(this.value)))},this.getInputError=()=>{var t;let i;return this.input.validity.badInput||this.value&&!this.isValidPattern(this.value)?i="badInput":this.input.validity.valueMissing?i="required":(this.input.validity.rangeUnderflow||this.input.validity.rangeOverflow)&&(null===(t=this.min)||void 0===t?void 0:t.length)>0&&"9999-12-31"!==this.max?i="minMax":this.input.validity.rangeUnderflow?i="min":this.input.validity.rangeOverflow&&(i="max"),i},this.setErrorMessage=(t=!1)=>{if(this.errorMessage=void 0,!this.valid){const i=this.getInputError();this.errorMessage=t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.customErrorMessage.message:"required"===i?this.messages.errors[i]:["min","max","minMax"].includes(i)?this.messages.input.date.error[i].replace("{min}",_(this.min,this.systemLocale)).replace("{max}",_(this.max,this.systemLocale)):this.messages.input.date.error.badInput.replace("{pattern}",this.renderPattern()).replace("{date}",_(p(new Date("2025-12-24")),this.systemLocale))}},this.renderPattern=()=>{let t=y(this.systemLocale);for(const i in this.messages.input.date.pattern)t=t.replace(i,this.messages.input.date.pattern[i]);return`<span aria-hidden="true">${t}</span><span class="mg-u-visually-hidden">${[...t].join(" ")}</span>`}}validateValue(t){if(["",void 0].includes(t))this.value=null;else{if(t&&!c(t))throw new Error(`<mg-input-date> props 'value' must be a valid string. Passed value: ${s(t)}.`);null===t||this.isValidPattern(t)?this.valueChange.emit(t):console.error("<mg-input-date> props 'value' doesn't match pattern: 'yyyy-mm-dd'.")}}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}validateMinMax(t){if(t&&!this.isValidPattern(t))throw new Error(`<mg-input-date> props 'min/max' doesn't match pattern: 'yyyy-mm-dd'. Passed value: ${s(t)}.`)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-date> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-date> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value=null,new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){const t=w(this.element);return this.locale=t.locale,this.messages=t.messages,this.systemLocale=Intl.DateTimeFormat().resolvedOptions().locale,E(this),this.validateValue(this.value),this.validateMinMax(this.min),this.validateMinMax(this.max),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),setTimeout((()=>{this.checkValidity()}),0)}render(){return i("mg-input",{key:"c13dd54974bd7c8381bcefbe847fe79f2270506c",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&null===this.value?"label":this.tooltipPosition,helpText:this.formatHelpText(this.helpText),errorMessage:this.errorMessage},this.readonly?this.value&&i("b",{class:"mg-c-input__readonly-value"},_(this.value,this.locale)):i("input",{type:"date",class:"mg-c-input__box",min:this.min,max:this.max,value:this.value,id:this.identifier,name:this.name,disabled:this.disabled,required:this.required,"aria-invalid":(!0===this.invalid).toString(),onInput:this.handleInput,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>{null!==t&&(this.input=t)}}))}get element(){return a(this)}static get watchers(){return{value:[{validateValue:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],min:[{validateMinMax:0},{handleValidityChange:0}],max:[{validateMinMax:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}]}}};wt.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}";const _t=["decimal","integer"],yt=["none","number","currency","percent","unit"],xt=class{constructor(e){t(this,e),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.tooltipPosition="input",this.type="decimal",this.format="number",this.currency="EUR",this.unitDisplay="short",this.integerLength=13,this.decimalLength=2,this.classCollection=new r(["mg-c-input--numeric"]),this.handleInput=()=>{this.value=this.input.value,this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage()},this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{"-"===this.value&&(this.value=""),this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0,this.hasFocus=!1}))},this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||null===this.getInputError())},this.formatErrorValue=t=>x(t,this.locale,Number.isInteger(t)||"decimal"!==this.type?0:this.decimalLength),this.setErrorMessage=(t=!1)=>{if(this.errorMessage=void 0,!this.valid){const i=this.getInputError();if(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message)this.errorMessage=this.customErrorMessage.message;else if("required"===i)this.errorMessage=this.messages.errors[i];else{const t=this.formatErrorValue(this.min),e=this.formatErrorValue(this.max);this.errorMessage=this.messages.input.numeric.error[i].replace("{min}",t).replace("{max}",e)}}},this.getInputError=()=>{const t=t=>!t.some((t=>[null,void 0].includes(t)));return!this.input.checkValidity()&&this.input.validity.valueMissing?"required":t([this.min,this.numericValue])&&this.numericValue<this.min&&void 0===this.max?"min":t([this.max,this.numericValue])&&this.numericValue>this.max&&void 0===this.min?"max":t([this.min,this.max,this.numericValue])&&(this.numericValue<this.min||this.numericValue>this.max)?"minMax":null},this.formatValue=t=>{switch(this.format){case"number":return x(t,this.locale,"decimal"===this.type?this.decimalLength:void 0);case"currency":return $(t,this.locale,this.currency);case"percent":return k(t/100,this.locale,"decimal"===this.type?this.decimalLength:void 0);case"unit":return z(t,this.locale,this.unit,this.unitDisplay,"decimal"===this.type?this.decimalLength:void 0);case"none":return t.toString()}},this.validateAppendSlot=()=>{const t=this.element.querySelector('[slot="append-input"]');null!==t&&("MG-BUTTON"===t.nodeName?this.classCollection.add("mg-c-input--is-input-group-append"):(this.classCollection.add("mg-c-input--is-append-input-slot-content"),this.slotContent=t.textContent))},this.formatHelpText=t=>{if(this.readonly)return;const i=c(t)?t:void 0;return void 0!==this.min||void 0!==this.max||void 0!==i?i:void 0},this.renderReadonly=()=>void 0!==this.slotContent?i("span",{class:"mg-c-input__readonly-value"},i("b",null,this.readonlyValue),this.slotContent):i("b",{class:"mg-c-input__readonly-value"},this.readonlyValue)}validateValue(t){var i;if("string"==typeof t){t.startsWith("0")&&parseInt(t,10)>0&&(t=t.substring(1));const[e,a=""]=t.replace("-","").split(/[.,]/);this.isValidValue(t,"integer"===this.type?/^(?!-?0\d)-?\d+$/:/^(?!-?0\d)-?\d+(?:[.,]\d*)?$/,e,a)?this.storedValue=t:t=null!==(i=this.storedValue)&&void 0!==i?i:null,this.updateValues(t)}}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}watchMgWidth(t){j.forEach((t=>{this.classCollection.delete(`mg-c-input--width-${t}`)})),void 0!==t&&this.classCollection.add(`mg-c-input--width-${this.mgWidth}`)}validateType(t){if(!_t.includes(t))throw new Error(`<mg-input-numeric> prop "type" must be one of: ${_t.join(", ")}. Passed value: ${s(t)}.`)}watchFormat(t){if(!yt.includes(t))throw new Error(`<mg-input-numeric> prop "format" must be one of: ${yt.join(", ")}. Passed value: ${s(t)}.`)}validateIntegerLength(t){if(t<1)throw new Error(`<mg-input-numeric> prop "integer-length" must be a positive number. Passed value: ${s(t)}.`)}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. Passed value: ${s(t)}.`)}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-numeric> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-numeric> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value="",new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}isValidValue(t,i,e,a){return["","-"].includes(t)||null!==i.exec(t)&&e.length<=this.integerLength&&a.length<=("integer"===this.type?0:this.decimalLength)}updateValues(t){this.value=t,void 0!==this.input&&(this.input.value=this.value),this.numericValue=["",null].includes(this.value)||isNaN(parseFloat(this.value))?null:parseFloat(this.value.replace(",",".")),(null===t||t===this.storedValue&&!Object.is(this.numericValue,-0))&&this.valueChange.emit(this.numericValue),this.readonlyValue=null!==this.numericValue?this.formatValue(this.numericValue):""}displayValue(){return this.hasFocus?this.value:this.readonlyValue}componentWillLoad(){const t=w(this.element);return this.locale=t.locale,this.messages=t.messages,E(this),this.watchFormat(this.format),this.validateType(this.type),this.validateIntegerLength(this.integerLength),this.validateDecimalLength(this.decimalLength),this.validateValue(this.value),this.validateAppendSlot(),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),this.watchMgWidth(this.mgWidth),setTimeout((()=>{this.checkValidity()}),0)}render(){return i("mg-input",{key:"dbf435211890922742cbead9ab3a738b5219df44",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&void 0===this.value?"label":this.tooltipPosition,helpText:this.formatHelpText(this.helpText),errorMessage:this.errorMessage},this.readonly?this.readonlyValue&&this.renderReadonly():[i("input",{key:"input",type:"text",class:"mg-c-input__box mg-c-input__box--width",value:this.displayValue(),id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:"off","aria-invalid":(!0===this.invalid).toString(),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,ref:t=>{null!==t&&(this.input=t)}}),i("slot",{key:"slot",name:"append-input"})])}get element(){return a(this)}static get watchers(){return{value:[{validateValue:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],min:[{handleValidityChange:0}],max:[{handleValidityChange:0}],mgWidth:[{watchMgWidth:0}],type:[{validateType:0}],format:[{watchFormat:0}],integerLength:[{validateIntegerLength:0}],decimalLength:[{validateDecimalLength:0}]}}};xt.style=".mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__input-container{width:100%;flex:1 auto}.mg-c-input.mg-c-input--width-full .mg-c-input__box{width:100%}.mg-c-input.mg-c-input--width-full .mg-c-input__input-group-container{width:100%;flex-grow:1}.mg-c-input.mg-c-input--width-2.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-4.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-16.mg-c-input--display-character-left .mg-c-input__input-group-container{width:max-content}.mg-c-input.mg-c-input--width-2 .mg-c-input__box{width:var(--mg-b-size-48)}.mg-c-input.mg-c-input--width-2.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-48) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-4 .mg-c-input__box{width:var(--mg-b-size-72)}.mg-c-input.mg-c-input--width-4.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-72) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-16 .mg-c-input__box{width:calc(26*var(--mg-b-size-8))}.mg-c-input.mg-c-input--width-16.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(calc(26 * var(--mg-b-size-8)) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-full:not(.mg-c-input--label-on-top){justify-content:stretch}.mg-c-input.mg-c-input--is-input-group-append ::slotted([slot=append-input]),.mg-c-input.mg-c-input--is-append-input-slot-content ::slotted([slot=append-input]){width:auto}:host(.mg-c-input.mg-c-input--width-full) ::slotted(*:not(mg-input-title)){width:100%;max-width:100%}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input .mg-c-input__box{width:auto;text-align:var(--mg-c-input-text-align, right)}";const zt=class{constructor(i){t(this,i),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.mgWidth="full",this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--password"]),this.displayPassword=!1,this.handleInput=()=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.value=this.input.value},this.handleBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0}))},this.toggleDisplayPassword=()=>{this.displayPassword=!this.displayPassword},this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||this.input.checkValidity())},this.setErrorMessage=(t=!1)=>{this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.input.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))}}handleValue(t){this.valueChange.emit(t)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}watchMgWidth(t){j.forEach((t=>{this.classCollection.delete(`mg-c-input--width-${t}`)})),void 0!==t&&this.classCollection.add(`mg-c-input--width-${this.mgWidth}`)}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-password> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-password> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value="",new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){return this.messages=w(this.element).messages,E(this),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),this.watchMgWidth(this.mgWidth),setTimeout((()=>{this.checkValidity()}),0)}render(){const t=this.displayPassword?"eye-slash":"eye";return i("mg-input",{key:"913d0653faad21f56cb930dfdc0947a0747f17ad",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&void 0===this.value?"label":this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},this.readonly?void 0!==this.value&&i("b",{class:"mg-c-input__readonly-value"},"•".repeat(this.value.length)):i("span",{class:"mg-c-input__input-group"},i("input",{type:this.displayPassword?"text":"password",class:"mg-c-input__box mg-c-input__box--width",value:this.value,id:this.identifier,name:this.name,placeholder:this.placeholder,title:this.placeholder,disabled:this.disabled,required:this.required,maxlength:this.maxlength,"aria-invalid":(!0===this.invalid).toString(),onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>{null!==t&&(this.input=t)}}),i("mg-button",{label:this.messages.input.password[this.displayPassword?"hide":"display"],disabled:this.disabled,variant:"flat",class:"mg-c-input__append-button","is-icon":!0,onClick:this.toggleDisplayPassword,"aria-controls":this.identifier},i("mg-icon",{class:"mg-c-input__input-icon",icon:t}))))}get element(){return a(this)}static get watchers(){return{value:[{handleValue:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],mgWidth:[{watchMgWidth:0}]}}};zt.style=".mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__input-container{width:100%;flex:1 auto}.mg-c-input.mg-c-input--width-full .mg-c-input__box{width:100%}.mg-c-input.mg-c-input--width-full .mg-c-input__input-group-container{width:100%;flex-grow:1}.mg-c-input.mg-c-input--width-2.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-4.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-16.mg-c-input--display-character-left .mg-c-input__input-group-container{width:max-content}.mg-c-input.mg-c-input--width-2 .mg-c-input__box{width:var(--mg-b-size-48)}.mg-c-input.mg-c-input--width-2.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-48) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-4 .mg-c-input__box{width:var(--mg-b-size-72)}.mg-c-input.mg-c-input--width-4.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-72) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-16 .mg-c-input__box{width:calc(26*var(--mg-b-size-8))}.mg-c-input.mg-c-input--width-16.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(calc(26 * var(--mg-b-size-8)) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-full:not(.mg-c-input--label-on-top){justify-content:stretch}.mg-c-input.mg-c-input--is-input-group-append ::slotted([slot=append-input]),.mg-c-input.mg-c-input--is-append-input-slot-content ::slotted([slot=append-input]){width:auto}:host(.mg-c-input.mg-c-input--width-full) ::slotted(*:not(mg-input-title)){width:100%;max-width:100%}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input.mg-c-input--password .mg-c-input__input-icon{color:var(--mg-b-color-dark)}.mg-c-input.mg-c-input--password .mg-c-input__input-group{position:relative;flex-grow:1}.mg-c-input.mg-c-input--password .mg-c-input__append-button{position:absolute;right:0}.mg-c-input.mg-c-input--password .mg-c-input__box{padding-right:calc(var(--mg-b-size-min-height) + var(--mg-b-size-8))}.mg-c-input.mg-c-input--password .mg-c-input__box::-ms-reveal{display:none}";const kt=t=>"object"==typeof t&&"string"==typeof t.title&&void 0!==t.value,$t=class{constructor(i){t(this,i),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.inputs=[],this.classVerticalList="mg-c-input--vertical-list",this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.inputVerticalList=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--radio",T]),this.handleInput=t=>{this.checkValidity(),this.value=this.options[t.target.value].value},this.handleBlur=()=>{this.handlerInProgress="blur",this.checkValidity(),this.setErrorMessage(),this.handlerInProgress=void 0},this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||void 0===this.getInvalidElement())},this.setErrorMessage=(t=!1)=>{const i=this.getInvalidElement();this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:i.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.getInvalidElement=()=>this.inputs.find((t=>!t.disabled&&!t.readOnly&&!t.checkValidity()))}watchValue(t){var i;this.readonlyValue=b(this.items)&&"string"==typeof t?t:Array.isArray(this.items)&&this.items.every(kt)?null===(i=this.items.find((i=>i.value===t)))||void 0===i?void 0:i.title:null,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. Passed value: ${s(t)}.`);if(b(t))this.options=t.map((t=>({title:t,value:t,disabled:this.disabled})));else{if(!t||!t.every((t=>kt(t))))throw new Error(`<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption. Passed value: ${s(t)}.`);this.options=t}}watchInputVerticalList(t){t?this.classCollection.add(this.classVerticalList):this.classCollection.delete(this.classVerticalList)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){this.inputs.forEach((i=>{i[e]=t})),this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1)}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}async setFocus(){this.inputs.length>0&&this.inputs[0].focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-radio> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-radio> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value=void 0,new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){return this.messages=w(this.element).messages,E(this),this.validateItems(this.items),this.watchInputVerticalList(this.inputVerticalList),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),this.watchValue(this.value),setTimeout((()=>{this.checkValidity()}),0)}render(){return i("mg-input",{key:"763e021cdda0735dcbd62700f09cbc32c0de7377",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&!this.value?"label":this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},this.readonly?this.readonlyValue&&i("b",{class:"mg-c-input__readonly-value"},this.readonlyValue):i("div",{class:"mg-c-input__input-group-container"},this.options.map(((t,e)=>i("div",{key:t.title,class:{"mg-c-input__input-group":!0,"mg-c-input__input-group--disabled":this.disabled||t.disabled}},i("input",{type:"radio",id:this.identifier+"_"+e,name:this.identifier,value:e,checked:JSON.stringify(this.value)===JSON.stringify(this.options[e].value),disabled:this.disabled||t.disabled,required:this.required,onBlur:this.handleBlur,onInput:this.handleInput,ref:t=>{null!==t&&(this.inputs[e]=t)}}),i("label",{htmlFor:this.identifier+"_"+e},t.title))))))}get element(){return a(this)}static get watchers(){return{value:[{watchValue:0}],items:[{validateItems:0}],inputVerticalList:[{watchInputVerticalList:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}]}}};$t.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input.mg-c-input--fieldset{padding:0;border:0;margin-right:0;margin-left:0}.mg-c-input.mg-c-input--fieldset input[type=radio],.mg-c-input.mg-c-input--fieldset input[type=checkbox]{width:var(--mg-c-input-check-size);height:var(--mg-c-input-check-size);flex-shrink:0;margin:calc((var(--mg-b-font-size)*var(--mg-b-line-height) - var(--mg-c-input-check-size))/2) var(--mg-b-size-8) 0 0}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group{display:flex;align-items:start}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group-container{display:flex;flex-wrap:wrap;padding:0;margin:0;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);gap:var(--mg-b-size-12) var(--mg-b-size-24);list-style:none}.mg-c-input.mg-c-input--fieldset .mg-c-input__input-group.mg-c-input__input-group--disabled label{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--fieldset.mg-c-input--vertical-list .mg-c-input__input-group-container,.mg-c-input.mg-c-input--fieldset.mg-c-input--checkbox-multi .mg-c-input__input-group-container{flex-direction:column}.mg-c-input.mg-c-input--fieldset.mg-c-input--label-on-top .mg-c-input__input-group-container{margin-top:var(--mg-b-size-8)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}";const Et=t=>"object"==typeof t&&"string"==typeof t.title,Ot=t=>Array.isArray(t)&&t.every((t=>Et(t))),Pt=t=>"object"==typeof t&&"string"==typeof t.group&&Ot(t.options),It=t=>{const i=new Map;t.forEach((({title:t,group:e})=>{i.has(e)||i.set(e,new Set);const a=i.get(e);if(a.has(t))throw new Error(`<mg-input-select> prop "items" must not contain options with the same "title" ${void 0===e?"outside of a group":`within the group "${e}"`}. Duplicated title: "${t}".`);a.add(t)}))},Tt=(t,{group:i,title:e,value:a,disabled:n})=>{if(void 0!==i){const o=t.find((t=>t.group===i));void 0!==o?o.options.push({title:e,value:a,disabled:n}):t.push({group:i,options:[{title:e,value:a,disabled:n}]})}else t.push({title:e,value:a,disabled:n});return t},Lt=class{constructor(e){t(this,e),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.placeholderHide=!1,this.placeholderDisabled=!1,this.required=!1,this.readonly=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--select"]),this.getReadonlyValue=()=>{var t;return b(this.items)&&"string"==typeof this.value?this.items.find((t=>t===this.value)):Ot(this.items)?null===(t=this.items.find((t=>t.value===this.value)))||void 0===t?void 0:t.title:null},this.getOptions=()=>this.options.flatMap((t=>Pt(t)?t.options:[t])),this.getSelectedOption=()=>{var t;if(void 0===(null===(t=this.input)||void 0===t?void 0:t.value)||""===this.input.value)return;const i=this.getOptions(),e=i[Number(this.input.value)];return null!=e?e:i.find((t=>t.value===this.input.value))},this.handleInput=()=>{const t=this.getSelectedOption();""===this.input.value?this.value=null:void 0!==t?this.value=t.value:(this.options.push({title:this.input.value,value:this.input.value,disabled:!0}),this.value=this.input.value),this.hasDisplayedError&&this.setErrorMessage()},this.handleBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0}))},this.isDisabledValue=()=>{var t;return!0===(null===(t=this.getSelectedOption())||void 0===t?void 0:t.disabled)},this.checkValidity=()=>{this.setValidity(!this.isDisabledValue()&&(this.readonly||this.disabled||this.input.checkValidity()))},this.setErrorMessage=(t=!1)=>{this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.input.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.renderOption=(t,e)=>i("option",{key:e,value:`${e}`,selected:JSON.stringify(this.value)===JSON.stringify(t.value),disabled:t.disabled},t.title)}validateValue(t){setTimeout((()=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage()}),0),this.valueChange.emit(t)}validateItems(t){if(0===t.length)this.options=[];else if(b(t))It(t.map((t=>({title:t})))),"string"==typeof this.value&&(this.valueExist=t.includes(this.value)),this.options=t.map((t=>({title:t,value:t})));else{if(!Ot(t))throw new Error(`<mg-input-select> prop "items" is required, can be an empty Array or all items must be the same type: string or Option. Passed value: ${s(t)}.`);It(t),this.valueExist=t.map((t=>t.value)).includes(this.value),this.options=t.some((t=>Boolean(t.group)))?t.reduce(Tt,[]):t}}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}watchMgWidth(t){j.forEach((t=>{this.classCollection.delete(`mg-c-input--width-${t}`)})),void 0!==t&&this.classCollection.add(`mg-c-input--width-${this.mgWidth}`)}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-select> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-select> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value=null,new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){return this.messages=w(this.element).messages,E(this),this.validateItems(this.items),this.validateValue(this.value),this.watchMgWidth(this.mgWidth),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),void 0!==this.placeholder&&""!==this.placeholder||(this.placeholder=this.messages.input.select.placeholder),setTimeout((()=>{this.checkValidity()}),0)}render(){const t=this.getReadonlyValue();let e=0;return i("mg-input",{key:"aab8c17ced01c0afbec9114f280ee2b7fa73cdfc",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&null===t?"label":this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},this.readonly?t&&i("b",{class:"mg-c-input__readonly-value"},t):i("select",{class:"mg-c-input__box",id:this.identifier,name:this.name,title:this.placeholder,disabled:this.disabled,required:this.required,"aria-invalid":(!0===this.invalid).toString(),onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>{null!==t&&(this.input=t)}},(!this.placeholderHide||!this.valueExist)&&i("option",{value:"",disabled:this.placeholderDisabled&&this.valueExist},this.placeholder),this.options.map((t=>Pt(t)?i("optgroup",{label:t.group,key:t.group},t.options.map((t=>this.renderOption(t,e++)))):Et(t)&&this.renderOption(t,e++)))))}get element(){return a(this)}static get watchers(){return{value:[{validateValue:0}],items:[{validateItems:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],mgWidth:[{watchMgWidth:0}]}}};Lt.style=".mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__input-container{width:100%;flex:1 auto}.mg-c-input.mg-c-input--width-full .mg-c-input__box{width:100%}.mg-c-input.mg-c-input--width-full .mg-c-input__input-group-container{width:100%;flex-grow:1}.mg-c-input.mg-c-input--width-2.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-4.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-16.mg-c-input--display-character-left .mg-c-input__input-group-container{width:max-content}.mg-c-input.mg-c-input--width-2 .mg-c-input__box{width:var(--mg-b-size-48)}.mg-c-input.mg-c-input--width-2.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-48) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-4 .mg-c-input__box{width:var(--mg-b-size-72)}.mg-c-input.mg-c-input--width-4.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-72) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-16 .mg-c-input__box{width:calc(26*var(--mg-b-size-8))}.mg-c-input.mg-c-input--width-16.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(calc(26 * var(--mg-b-size-8)) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-full:not(.mg-c-input--label-on-top){justify-content:stretch}.mg-c-input.mg-c-input--is-input-group-append ::slotted([slot=append-input]),.mg-c-input.mg-c-input--is-append-input-slot-content ::slotted([slot=append-input]){width:auto}:host(.mg-c-input.mg-c-input--width-full) ::slotted(*:not(mg-input-title)){width:100%;max-width:100%}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input__box{max-width:100%;padding-top:0;padding-right:var(--mg-b-size-8);padding-bottom:0}@media screen and (max-width: 767px){.mg-c-input__box{width:100%}}";const Mt=["email","emails","url"],Dt=["text","search","tel",...Mt],jt=t=>"object"==typeof t&&"string"==typeof t.title&&void 0!==t.value,Ct=t=>b(t)||Array.isArray(t)&&t.every(jt),Vt=class{constructor(e){t(this,e),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.classIsInputGroupAppend="mg-c-input--is-input-group-append",this.classHasIcon="mg-c-input--has-icon",this.classHasButtonsGroupAppend="mg-c-input--has-buttons-group-append",this.classIsAppendInputSlotContent="mg-c-input--is-append-input-slot-content",this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.type="text",this.maxlength=400,this.required=!1,this.readonly=!1,this.disabled=!1,this.mgWidth="full",this.tooltipPosition="input",this.characterLeftHide=!1,this.classCollection=new r(["mg-c-input--text"]),this.validatePattern=()=>{if(!(void 0===this.pattern&&void 0===this.patternErrorMessage||c(this.pattern)&&(Mt.includes(this.type)||c(this.patternErrorMessage))))throw new Error(`<mg-input-text> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${this.pattern}'" and "patternErrorMessage='${this.patternErrorMessage}'".`)},this.handleInput=()=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.value=this.input.value},this.handleBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0}))},this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||this.input.checkValidity())},this.setErrorMessage=(t=!1)=>{var i;this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.input.validity.typeMismatch?this.errorMessage=this.messages.input.text.errors.typeMismatch[this.type]:this.input.validity.patternMismatch?this.errorMessage=null!==(i=this.patternErrorMessage)&&void 0!==i?i:this.messages.input.text.errors.typeMismatch[this.type]:this.input.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.validateAppendSlot=()=>{const t=Array.from(this.element.querySelectorAll('[slot="append-input"]'));1===t.length?"MG-BUTTON"===t[0].nodeName?this.classCollection.add(this.classIsInputGroupAppend):(this.classCollection.add(this.classIsAppendInputSlotContent),this.slotContent=t[0].textContent):t.filter((t=>"MG-BUTTON"===t.nodeName)).length>1&&(this.classCollection.add(this.classIsInputGroupAppend),this.classCollection.add(this.classHasButtonsGroupAppend))},this.hasDatalist=()=>Ct(this.datalistoptions)&&this.datalistoptions.length>0,this.renderReadonly=()=>void 0!==this.slotContent?i("span",{class:"mg-c-input__readonly-value"},i("b",null,this.value),this.slotContent):i("b",{class:"mg-c-input__readonly-value"},this.value)}handleValue(t){var i,e;(null===(i=this.datalistoptions)||void 0===i?void 0:i.every(jt))?this.valueChange.emit((null===(e=this.datalistoptions.find((i=>i.title===t)))||void 0===e?void 0:e.value)||t):this.valueChange.emit(t)}validateType(t){if(!Dt.includes(t))throw new Error(`<mg-input-text> prop "type" must be one of the following values: ${Dt.join(", ")}. Passed value: ${t}.`)}validateIcon(t){void 0!==t?this.classCollection.add(this.classHasIcon):this.classCollection.delete(this.classHasIcon)}validateDatalistoptions(t){if(Boolean(t)&&!Ct(t))throw new Error(`<mg-input-text> prop "datalistoptions" values must be the same type, string or OptionType. Passed value: ${s(t)}.`)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}watchMgWidth(t){j.forEach((t=>{this.classCollection.delete(`mg-c-input--width-${t}`)})),void 0!==t&&this.classCollection.add(`mg-c-input--width-${this.mgWidth}`)}watchPattern(){this.validatePattern()}validateCharacterLeftHide(t){t?this.classCollection.delete(C):this.classCollection.add(C)}watchHelpText(t){!c(t)&&Mt.includes(this.type)&&(this.helpText=this.messages.input.text.helpText[this.type])}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-text> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-text> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value="",new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){return this.messages=w(this.element).messages,this.characterLeftId=`${this.identifier}-character-left`,this.datalistId=`${this.identifier}-datalist`,E(this),this.validateIcon(this.icon),this.validateDatalistoptions(this.datalistoptions),this.watchPattern(),this.validateAppendSlot(),this.watchMgWidth(this.mgWidth),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled),this.validateCharacterLeftHide(this.characterLeftHide),this.validateType(this.type),this.watchHelpText(this.helpText),setTimeout((()=>{this.checkValidity()}),0)}render(){return i("mg-input",{key:"3454b5f94af7b47a2c94b1416f59f840552ef70a",label:this.label,identifier:this.identifier,class:this.classCollection.join(),ariaDescribedbyIDs:this.characterLeftId,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&void 0===this.value?"label":this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},this.readonly?this.value&&this.renderReadonly():[i("div",{key:"input",class:"mg-c-input__input-group-container",style:{"--mg-c-character-left-message-length":(this.characterLeftHide?0:2*this.maxlength.toString().length+1).toString()}},void 0!==this.icon&&i("mg-icon",{icon:this.icon}),i("input",{type:"emails"===this.type?"email":this.type,multiple:"emails"===this.type,class:"mg-c-input__box mg-c-input__box--width",value:this.value,id:this.identifier,list:this.hasDatalist()?this.datalistId:void 0,autocomplete:this.hasDatalist()?"off":void 0,name:this.name,placeholder:this.placeholder,title:this.placeholder,maxlength:this.maxlength,disabled:this.disabled,required:this.required,"aria-invalid":(!0===this.invalid).toString(),pattern:this.pattern,onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>{null!==t&&(this.input=t)}}),this.hasDatalist()&&i("datalist",{id:this.datalistId},this.datalistoptions.map((t=>i("option",{value:jt(t)?t.title:t,key:t})))),!this.characterLeftHide&&this.maxlength>0&&i("mg-character-left",{identifier:this.characterLeftId,characters:this.value,maxlength:this.maxlength})),i("slot",{key:"slot",name:"append-input"})])}get element(){return a(this)}static get watchers(){return{value:[{handleValue:0}],type:[{validateType:0}],icon:[{validateIcon:0}],datalistoptions:[{validateDatalistoptions:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],mgWidth:[{watchMgWidth:0}],pattern:[{watchPattern:0}],patternErrorMessage:[{watchPattern:0}],characterLeftHide:[{validateCharacterLeftHide:0}],helpText:[{watchHelpText:0}]}}};Vt.style=".mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-c-input__input-container{width:100%;flex:1 auto}.mg-c-input.mg-c-input--width-full .mg-c-input__box{width:100%}.mg-c-input.mg-c-input--width-full .mg-c-input__input-group-container{width:100%;flex-grow:1}.mg-c-input.mg-c-input--width-2.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-4.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-16.mg-c-input--display-character-left .mg-c-input__input-group-container{width:max-content}.mg-c-input.mg-c-input--width-2 .mg-c-input__box{width:var(--mg-b-size-48)}.mg-c-input.mg-c-input--width-2.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-48) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-4 .mg-c-input__box{width:var(--mg-b-size-72)}.mg-c-input.mg-c-input--width-4.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-72) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-16 .mg-c-input__box{width:calc(26*var(--mg-b-size-8))}.mg-c-input.mg-c-input--width-16.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(calc(26 * var(--mg-b-size-8)) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-full:not(.mg-c-input--label-on-top){justify-content:stretch}.mg-c-input.mg-c-input--is-input-group-append ::slotted([slot=append-input]),.mg-c-input.mg-c-input--is-append-input-slot-content ::slotted([slot=append-input]){width:auto}:host(.mg-c-input.mg-c-input--width-full) ::slotted(*:not(mg-input-title)){width:100%;max-width:100%}.mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input.mg-c-input--display-character-left mg-character-left{position:absolute;display:none}.mg-c-input.mg-c-input--display-character-left mg-character-left>span{font-size:var(--mg-b-font-size-small);opacity:.6}.mg-c-input.mg-c-input--display-character-left .mg-c-input__input+.mg-c-input__help-text ::slotted(*),.mg-c-input.mg-c-input--display-character-left .mg-c-input__input+.mg-c-input__error ::slotted(*){margin-top:0}.mg-c-input.mg-c-input--display-character-left .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--display-character-left input:focus~mg-character-left,.mg-c-input.mg-c-input--display-character-left textarea:focus~mg-character-left{display:block}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input.mg-c-input--display-character-left mg-character-left{top:50%;right:var(--mg-b-size-8);font-size:var(--mg-b-font-size-small);transform:translateY(-50%)}.mg-c-input.mg-c-input--display-character-left .mg-c-input__box:focus{padding-right:max(var(--mg-c-character-left-message-length)*(.35ch + .3rem) + var(--mg-b-size-16)*clamp(0,var(--mg-c-character-left-message-length),1),var(--mg-b-size-8))}";const qt=class{constructor(i){t(this,i),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.maxlength=4e3,this.required=!1,this.readonly=!1,this.disabled=!1,this.mgWidth="full",this.rows=3,this.tooltipPosition="input",this.characterLeftHide=!1,this.resizable="none",this.classCollection=new r(["mg-c-input--textarea"]),this.handleInput=()=>{this.hasDisplayedError&&(this.checkValidity(),this.setErrorMessage()),this.value=this.input.value},this.handleBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0}))},this.getPatternValidity=()=>void 0===this.pattern||new RegExp(`^${this.pattern}$`,"u").test(this.value),this.checkValidity=()=>{this.setValidity(this.readonly||this.disabled||this.input.checkValidity()&&this.getPatternValidity())},this.setErrorMessage=(t=!1)=>{this.errorMessage=void 0,this.valid||(t||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.getPatternValidity()?this.input.validity.valueMissing&&(this.errorMessage=this.messages.errors.required):this.errorMessage=this.patternErrorMessage)}}handleValue(t){this.checkValidity(),this.valueChange.emit(t)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}handleValidityChange(t,i,e){void 0!==this.input&&(this.input[e]=t,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}validateDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}watchMgWidth(t){j.forEach((t=>{this.classCollection.delete(`mg-c-input--width-${t}`)})),void 0!==t&&this.classCollection.add(`mg-c-input--width-${this.mgWidth}`)}validatePattern(t){if(!(void 0===t||c(this.pattern)&&c(this.patternErrorMessage)))throw new Error(`<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${s(this.pattern)}'" and "patternErrorMessage='${s(this.patternErrorMessage)}'".`)}validatecharacterLeftHide(t){t?this.classCollection.delete(C):this.classCollection.add(C)}async setFocus(){var t;null===(t=this.input)||void 0===t||t.focus()}displayError(){return new Promise((t=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,t()}))}))}async setError(t,i,e=!1){if("boolean"!=typeof t)throw new Error('<mg-input-textarea> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-textarea> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!t&&e,message:t?void 0:i},this.setValidity(t),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){if(!this.readonly)return this.value="",new Promise((t=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,t()}))}))}setValidity(t){const i=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||t)||(this.valid=t),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==i)&&this.inputValid.emit(this.valid)}componentWillLoad(){return this.messages=w(this.element).messages,this.characterLeftId=`${this.identifier}-character-left`,E(this),this.validatecharacterLeftHide(this.characterLeftHide),this.validatePattern(this.pattern),this.validatePattern(this.patternErrorMessage),this.watchMgWidth(this.mgWidth),this.watchReadonly(this.readonly),this.validateDisabled(this.disabled),setTimeout((()=>{this.checkValidity()}),0)}render(){return i("mg-input",{key:"36575f026a23722bb6d224aaeacf0e80d3e1bbfd",label:this.label,identifier:this.identifier,class:this.classCollection.join(),ariaDescribedbyIDs:this.characterLeftId,labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.readonly&&void 0===this.value?"label":this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},this.readonly?this.value&&i("b",{class:"mg-c-input__readonly-value"},this.value):i("div",{class:"mg-c-input__input-group-container"},i("textarea",{class:{"mg-c-input__box":!0,"mg-c-input__box--width":!0,"mg-c-input__box--resizable":"both"===this.resizable,"mg-c-input__box--resizable-horizontal":"horizontal"===this.resizable,"mg-c-input__box--resizable-vertical":"vertical"===this.resizable},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,"aria-invalid":(!0===this.invalid).toString(),onInput:this.handleInput,onBlur:this.handleBlur,ref:t=>{null!==t&&(this.input=t)}}),!this.characterLeftHide&&this.maxlength>0&&i("mg-character-left",{identifier:this.characterLeftId,characters:this.value,maxlength:this.maxlength})))}get element(){return a(this)}static get watchers(){return{value:[{handleValue:0}],readonly:[{watchReadonly:0},{handleValidityChange:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{validateDisabled:0}],mgWidth:[{watchMgWidth:0}],pattern:[{validatePattern:0}],patternErrorMessage:[{validatePattern:0}],characterLeftHide:[{validatecharacterLeftHide:0}]}}};qt.style=".mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:calc(-1*var(--mg-b-size-2));outline-style:solid;outline-width:var(--mg-b-size-2)}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-c-input__input-container{width:100%;flex:1 auto}.mg-c-input.mg-c-input--width-full .mg-c-input__box{width:100%}.mg-c-input.mg-c-input--width-full .mg-c-input__input-group-container{width:100%;flex-grow:1}.mg-c-input.mg-c-input--width-2.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-4.mg-c-input--display-character-left .mg-c-input__input-group-container,.mg-c-input.mg-c-input--width-16.mg-c-input--display-character-left .mg-c-input__input-group-container{width:max-content}.mg-c-input.mg-c-input--width-2 .mg-c-input__box{width:var(--mg-b-size-48)}.mg-c-input.mg-c-input--width-2.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-48) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-4 .mg-c-input__box{width:var(--mg-b-size-72)}.mg-c-input.mg-c-input--width-4.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(var(--mg-b-size-72) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-16 .mg-c-input__box{width:calc(26*var(--mg-b-size-8))}.mg-c-input.mg-c-input--width-16.mg-c-input--text.mg-c-input--display-character-left .mg-c-input__box{width:calc(calc(26 * var(--mg-b-size-8)) + var(--mg-c-character-left-message-length)*(.35ch + .3rem))}.mg-c-input.mg-c-input--width-full:not(.mg-c-input--label-on-top){justify-content:stretch}.mg-c-input.mg-c-input--is-input-group-append ::slotted([slot=append-input]),.mg-c-input.mg-c-input--is-append-input-slot-content ::slotted([slot=append-input]){width:auto}:host(.mg-c-input.mg-c-input--width-full) ::slotted(*:not(mg-input-title)){width:100%;max-width:100%}.mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input.mg-c-input--display-character-left mg-character-left{position:absolute;display:none}.mg-c-input.mg-c-input--display-character-left mg-character-left>span{font-size:var(--mg-b-font-size-small);opacity:.6}.mg-c-input.mg-c-input--display-character-left .mg-c-input__input+.mg-c-input__help-text ::slotted(*),.mg-c-input.mg-c-input--display-character-left .mg-c-input__input+.mg-c-input__error ::slotted(*){margin-top:0}.mg-c-input.mg-c-input--display-character-left .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--display-character-left input:focus~mg-character-left,.mg-c-input.mg-c-input--display-character-left textarea:focus~mg-character-left{display:block}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input__input{align-items:start}.mg-c-input__box{display:block;height:auto;resize:none}.mg-c-input__box.mg-c-input__box--resizable{resize:both}.mg-c-input__box.mg-c-input__box--resizable-horizontal{resize:horizontal}.mg-c-input__box.mg-c-input__box--resizable-vertical{resize:vertical}.mg-c-input.mg-c-input--readonly .mg-c-input__readonly-value{white-space:pre-line}.mg-c-input.mg-c-input--display-character-left .mg-c-input__box{padding-bottom:var(--mg-b-size-24)}.mg-c-input.mg-c-input--display-character-left mg-character-left{bottom:calc(var(--mg-c-input-border-width) + .1rem);left:calc(var(--mg-c-input-border-width) + .1rem);padding:calc(var(--mg-b-size-2) - var(--mg-c-input-border-width)) calc(var(--mg-b-size-4) - var(--mg-c-input-border-width));border:var(--mg-c-input-border-width) solid var(--mg-c-input-color-border);border-bottom-width:0;border-left-width:0;background:var(--mg-b-color-neutral-0);border-bottom-left-radius:var(--mg-c-input-border-radius);border-top-right-radius:var(--mg-c-input-border-radius)}@-moz-document url-prefix(){.mg-c-input__box{overflow-x:hidden}}";const At=class{constructor(i){t(this,i),this.isLegend=!1,this.tagName="label"}validateIdentifier(t){if(!c(t))throw new Error('<mg-input-title> prop "identifier" is required.');g(t)||console.error(`<mg-input-title> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateIsLegend(t){this.tagName=t?"legend":"label"}componentWillLoad(){E(this),this.validateIdentifier(this.identifier),this.validateIsLegend(this.isLegend)}render(){return i(this.readonly?"span":this.tagName,{key:"a3b4b081eb6612ae8f94e687d6ee55e0a4fc8747",class:"mg-c-input-title",htmlFor:!this.isLegend&&this.identifier,id:this.isLegend?`${this.identifier}-title`:void 0},i("slot",{key:"849858a8fca06a38cb33da241c52d29ad2af559b"}),this.required&&!this.readonly&&i("span",{key:"4b6a62fbe70f027a8123e512cfdaad5c37c8e94a",class:"mg-c-input-title__required"}," ",i("span",{key:"520b037e53779a58bc013f40d16ab724da734315",class:"mg-u-is-asterisk"},"*")))}get element(){return a(this)}static get watchers(){return{identifier:[{validateIdentifier:0}],isLegend:[{validateIsLegend:0}]}}};At.style=".mg-u-form-legacy.sc-mg-input-title{--mg-c-form-inputs-title-width:calc(100% / 3 - 20px)}.mg-u-is-asterisk.sc-mg-input-title{color:var(--mg-b-color-danger)}legend.mg-c-input-title.sc-mg-input-title{padding-right:0;padding-left:0}.mg-c-input-title__required.sc-mg-input-title{display:var(--mg-c-input-title-display, unset)}";const St=t=>"object"==typeof t&&"string"==typeof t.title,Wt=class{constructor(i){t(this,i),this.valueChange=n(this,"value-change",7),this.inputValid=n(this,"input-valid",7),this.classIsActive="mg-c-input--toggle-is-active",this.classOnOff="mg-c-input--toggle-on-off",this.classIcon="mg-c-input--toggle-icon",this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.isOnOff=!1,this.isIcon=!1,this.readonly=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--toggle"]),this.setErrorMessage=t=>{this.errorMessage=void 0,this.valid||"string"!=typeof t||(this.errorMessage=t)},this.handleSwitchButton=()=>{const t=this.getCurrentOptionIndex(this.value);this.value=this.options[0===t?1:0].value},this.validateSlots=()=>{const t=Array.from(this.element.children);if(2!==t.length){if(!this.isOnOff||!this.isIcon)throw new Error("<mg-input-toggle> 2 slots are required.");if(null===this.element.querySelector('[slot="item-2"]'))throw new Error('<mg-input-toggle> an element with attribute slot="item-2" is required.')}t.forEach(this.isIcon?t=>{"MG-ICON"===t.nodeName&&(t.size="small")}:t=>t.setAttribute("title",t.textContent))},this.getCurrentOptionIndex=t=>1===this.options.findIndex((i=>s(i.value)===s(t)))?1:0,this.isChecked=t=>1===this.getCurrentOptionIndex(t)}watchValue(t,i){""!==t?["true","false"].includes(t)&&this.options.every((t=>"boolean"==typeof t.value))?this.value="true"===t:(this.isChecked(t)?this.classCollection.add(this.classIsActive):this.classCollection.delete(this.classIsActive),s(t)!==s(i)&&this.valueChange.emit(t)):this.value=!0}watchItems(t){if("object"==typeof t&&2!==this.items.length)throw new Error(`<mg-input-toggle> prop "items" require 2 items. Passed value: ${s(t)}.`);if(b(t))this.options=t.map((t=>({title:t,value:t})));else{if(!Array.isArray(t)||!t.every(St))throw new Error(`<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleOption. Passed value: ${s(t)}.`);this.options=t}}watchIsOnOff(t){t?(this.classCollection.add(this.classOnOff),this.isIcon||(this.isOnOff=!1,console.warn('<mg-input-toggle> prop "isOnOff" must be used with "isIcon". Setting isOnOff to false.'))):this.classCollection.delete(this.classOnOff)}watchIsIcon(t){t?this.classCollection.add(this.classIcon):this.classCollection.delete(this.classIcon)}watchReadonly(t){t?this.classCollection.add(L):this.classCollection.delete(L)}watchDisabled(t){t?this.classCollection.add(M):this.classCollection.delete(M)}async setFocus(){var t;null===(t=this.button)||void 0===t||t.focus()}async setError(t,i){if("boolean"!=typeof t)throw new Error('<mg-input-toggle> method "setError()" param "valid" must be a boolean.');if(void 0!==i&&!c(i))throw new Error('<mg-input-toggle> method "setError()" param "errorMessage" must be a string.');this.valid=t,this.inputValid.emit(t),this.setErrorMessage(t?void 0:i)}async reset(){if(!this.readonly)return this.value=this.options[0].value,new Promise((t=>{requestAnimationFrame((()=>{this.errorMessage=void 0,t()}))}))}componentWillLoad(){E(this),this.watchItems(this.items),this.validateSlots(),this.watchValue(this.value),this.watchIsIcon(this.isIcon),this.watchIsOnOff(this.isOnOff),this.watchReadonly(this.readonly),this.watchDisabled(this.disabled)}render(){const t=this.options[this.getCurrentOptionIndex(this.value)];return i("mg-input",{key:"5402a263042d7c4265d0dae810df6be6ae8d3f2a",label:this.label,helpText:this.helpText,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:void 0,tooltip:this.tooltip,tooltipPosition:this.tooltipPosition,errorMessage:this.errorMessage},this.readonly?t&&i("b",{class:"mg-c-input__readonly-value"},t.title):i("button",{type:"button",role:"switch","aria-checked":this.isChecked(this.value).toString(),"aria-readonly":this.disabled||this.readonly,id:this.identifier,class:"mg-c-input__button-toggle",disabled:this.disabled||this.readonly,onClick:this.handleSwitchButton,ref:t=>{null!==t&&(this.button=t)}},i("span",{"aria-hidden":"true",class:"mg-c-input__toggle-item-container"},i("slot",{name:"item-1"})),i("span",{"aria-hidden":"true",class:"mg-c-input__toggle-item-container"},i("slot",{name:"item-2"}))))}get element(){return a(this)}static get watchers(){return{value:[{watchValue:0}],items:[{watchItems:0}],isOnOff:[{watchIsOnOff:0}],isIcon:[{watchIsIcon:0}],readonly:[{watchReadonly:0}],disabled:[{watchDisabled:0}]}}};Wt.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}.mg-c-input__toggle-item-container{overflow:hidden;box-sizing:border-box;padding:.1rem var(--mg-b-size-8);border-width:var(--mg-b-size-border);border-radius:calc((var(--mg-b-font-size)*var(--mg-b-line-height) + 2*var(--mg-b-size-4))/var(--mg-c-input-toggle-border-radius-ratio));color:var(--mg-b-color-neutral-110);font-weight:unset;line-height:var(--mg-b-size-16);text-overflow:ellipsis;white-space:nowrap}.mg-c-input__toggle-item-container:first-of-type{border-style:solid;border-color:var(--mg-b-color-neutral-80);background-color:var(--mg-b-color-light);font-weight:600}.mg-c-input__button-toggle{display:flex;overflow:hidden;min-width:0;align-items:center;padding:.1rem;border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-b-color-neutral-80);border-radius:calc((var(--mg-b-font-size)*var(--mg-b-line-height) + 2*(var(--mg-b-size-4) + var(--mg-b-size-4) + var(--mg-c-input-border-width)))/var(--mg-c-input-toggle-border-radius-ratio));background-color:var(--mg-b-color-neutral-20);cursor:pointer;font-family:var(--mg-b-font-family);font-size:var(--mg-b-small-font-size);line-height:var(--mg-b-size-12)}.mg-c-input__button-toggle:disabled{cursor:default}.mg-c-input__button-toggle:focus{outline-offset:var(--mg-b-size-4)}.mg-c-input.mg-c-input--toggle-is-active .mg-c-input__button-toggle{border-color:var(--mg-b-color-neutral-110);background-color:var(--mg-b-color-neutral-110)}.mg-c-input.mg-c-input--toggle-is-active .mg-c-input__toggle-item-container:first-of-type{border:unset;background-color:unset;color:var(--mg-b-color-light);font-weight:unset}.mg-c-input.mg-c-input--toggle-is-active .mg-c-input__toggle-item-container:last-of-type{border-style:solid;border-color:var(--mg-b-color-light);background-color:var(--mg-b-color-light);font-weight:600}.mg-c-input.mg-c-input--toggle:not(.mg-c-input--readonly) .mg-c-input__button-toggle,.mg-c-input.mg-c-input--toggle:not(.mg-c-input--readonly).mg-c-input--label-on-top .mg-c-input__button-toggle{margin-top:var(--mg-b-size-4)}@media screen and (min-width: 768px){.mg-c-input.mg-c-input--toggle:not(.mg-c-input--readonly) .mg-c-input__button-toggle{margin-top:calc((var(--mg-b-size-min-height) - (var(--mg-b-size-20) + var(--mg-b-size-4)) + .1rem)/2)}}.mg-c-input.mg-c-input--toggle-icon .mg-c-input__button-toggle{width:100%;min-width:calc(var(--mg-b-size-20)*2);max-width:calc(var(--mg-b-size-20)*2)}.mg-c-input.mg-c-input--toggle-icon .mg-c-input__toggle-item-container{display:flex;overflow:unset;min-width:var(--mg-b-size-20);max-width:var(--mg-b-size-20);height:var(--mg-b-size-20);align-items:center;justify-content:center;padding:0;visibility:hidden}.mg-c-input.mg-c-input--toggle-icon .mg-c-input__toggle-item-container:first-of-type{visibility:visible}.mg-c-input.mg-c-input--toggle-icon .mg-c-input__toggle-item-container:last-of-type{width:unset}.mg-c-input.mg-c-input--toggle-icon .mg-c-input__toggle-item-container ::slotted(mg-icon){display:flex}.mg-c-input.mg-c-input--toggle-icon.mg-c-input--toggle-is-active .mg-c-input__toggle-item-container:first-of-type{min-width:unset;visibility:hidden}.mg-c-input.mg-c-input--toggle-icon.mg-c-input--toggle-is-active .mg-c-input__toggle-item-container:last-of-type{margin-left:auto;visibility:visible}.mg-c-input.mg-c-input--toggle-on-off.mg-c-input--toggle-icon .mg-c-input__toggle-item-container:first-of-type ::slotted(*){display:none}";class Bt{constructor(t,i,e){if(this.parentElement=t,this.itemMoreElement=i,this.itemMoreContainerElement=e,this.disconnect=()=>{this._resizeObserver.disconnect()},this.isMoreElement=t=>t===this.itemMoreElement,this.isOverflowElement=(t,i)=>{const e=this.itemMoreContainerElement.children.length>0;return this.isMoreElement(i)?!e:"MG-ITEM-MORE"===i.nextElementSibling.nodeName||e?t>this._availableWidth:t+this.itemMoreElement.offsetWidth>this._availableWidth},this.toggleItem=(t,i)=>{this.isMoreElement(t)&&i?t.setAttribute("hidden",""):this.isMoreElement(t)&&!i?t.removeAttribute("hidden"):!this.isMoreElement(t)&&i?this.itemMoreContainerElement.appendChild(t):this.isMoreElement(t)||t.parentElement===this.parentElement||this.parentElement.insertBefore(t,this.itemMoreElement)},null===this.parentElement||null===this.itemMoreElement||null===this.itemMoreContainerElement)throw new Error("OverflowBehavior - all constructor params are required");const a=Array.from(this.parentElement.children);this._resizeObserver=new ResizeObserver((t=>{this._availableWidth=t.map((t=>t.contentRect.width)).sort(((t,i)=>t-i)).shift(),a.forEach((t=>this.toggleItem(t,!1)));let i=0;a.forEach(((t,e)=>{i+=t.offsetWidth,e>0&&this.toggleItem(t,this.isOverflowElement(i,t))}))})),this._resizeObserver.observe(this.parentElement)}}const Ht=class{constructor(i){t(this,i),this.name="mg-item-more",this.icon={icon:"ellipsis-vertical"},this.slotlabel={display:!1}}validateIcon(t){if("object"!=typeof t||"object"==typeof t&&"string"!=typeof t.icon)throw new Error(`<${this.name}> prop "icon" must match MgItemMore['icon'] type. Passed value: ${s(t)}.`)}validateSlotLabel(t){if("object"!=typeof t||"object"==typeof t&&"boolean"!=typeof t.display)throw new Error(`<${this.name}> prop "slotlabel" must match MgItemMore['slotlabel'] type. Passed value: ${s(t)}.`);"string"!=typeof t.label&&(this.slotlabel.label=this.messages.menuLabel)}componentWillLoad(){this.messages=w(this.element).messages.itemMore,this.validateIcon(this.icon),this.validateSlotLabel(this.slotlabel)}componentDidLoad(){return setTimeout((()=>{this.parentMenu=this.element.closest("mg-menu")}))}componentDidUpdate(){this.parentMenu&&void 0===this.overflowBehavior&&(this.overflowBehavior=new Bt(this.parentMenu,this.element,this.itemMoreContainer))}disconnectedCallback(){var t;null===(t=this.overflowBehavior)||void 0===t||t.disconnect()}render(){const t="mg-item-more";return i(e,{key:"54d11a95e5edc3a45e98541ffc827264e40bc5ec",role:"listitem","data-mg-popover-guard":`${t}-popover`},this.parentMenu&&i("mg-menu-item",{key:"636e1c03e907071e72766b7ee359f3f93d3df6ae","data-overflow-more":!0,"data-style-direction":W.HORIZONTAL,identifier:t,isIcon:!this.slotlabel.display},i("mg-icon",{key:"e751b58f50a3625f6e23b5993a50f8d0c2fb4660",icon:this.icon.icon,slot:"image"}),i("span",{key:"bc429c525afced68fb5a7668cad3741699216b97",class:{"mg-u-visually-hidden":!this.slotlabel.display},slot:"label"},this.slotlabel.label),i("mg-menu",{key:"05760816f84ef6b6c5d18d058a110b6ec2d182e3",direction:W.VERTICAL,label:this.messages.menuLabel,ref:t=>{null!==t&&(this.itemMoreContainer=t)}})))}get element(){return a(this)}static get watchers(){return{icon:[{validateIcon:0}],slotlabel:[{validateSlotLabel:0}]}}};Ht.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host:not([hidden]){display:flex}";const Rt=class{constructor(i){t(this,i),this.name="mg-menu",this.direction="horizontal",this.isChildMenu=()=>null!==this.element.closest("mg-menu-item"),this.getMenuItems=(t=this.element)=>{var i,e;const a=Array.from(t.children).filter((t=>"MG-MENU-ITEM"===t.nodeName)),n=null===(e=null===(i=t.querySelector("mg-item-more"))||void 0===i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("mg-menu-item");return null!=n&&a.push(n),a},this.updateMenuItems=()=>{this.getMenuItems().forEach((t=>{t.dataset.styleDirection=this.direction})),this.renderMgItemMore()},this.renderMgItemMore=()=>{if(this.direction===W.VERTICAL||this.direction===W.HORIZONTAL&&this.isChildMenu()||this.element.children.length<=1)return;let t=this.element.querySelector("mg-item-more");null===t&&(t=document.createElement("mg-item-more"),this.element.appendChild(t));for(const i in this.itemmore)t[i]=this.itemmore[i]}}validateLabel(t){if(void 0===t&&!this.element.hasAttribute("aria-label"))throw new Error(`<${this.name}> prop "label" is required. Passed value: ${s(t)}.`)}validateDirection(t){if(![W.VERTICAL,W.HORIZONTAL].includes(t))throw new Error(`<${this.name}> prop "direction" must be one of: ${W.HORIZONTAL}, ${W.VERTICAL}. Passed value: ${s(t)}.`);this.updateMenuItems()}validateItemMore(t){if(void 0!==t&&this.direction!==W.HORIZONTAL)throw new Error(`<${this.name}> prop "itemmore" must be paired with direction ${W.HORIZONTAL}.`);void 0!==t&&this.renderMgItemMore()}updateItemListener(t){if("MG-ACTION-MORE"===t.target.nodeName)return;const i="MG-ITEM-MORE"===t.target.nodeName?t.target.shadowRoot.querySelector("mg-menu-item"):t.target;["click","focus"].forEach((e=>{i.addEventListener(e,(()=>{const e=t.target.closest("mg-menu").querySelector("[data-has-focus]");e!==i&&(null!==e&&e.removeAttribute("data-has-focus"),i.setAttribute("data-has-focus","true"))}))}))}componentWillLoad(){this.validateDirection(this.direction),this.validateLabel(this.label),this.validateItemMore(this.itemmore)}componentDidLoad(){this.updateMenuItems(),this.isChildMenu()||this.direction!==W.HORIZONTAL||document.addEventListener("focusin",(t=>{const i=t=>t===this.element||null!==t.parentElement&&i(t.parentElement);if(null===t.target.closest("mg-menu")||!i(t.target)){const t=this.element.querySelector("[data-has-focus]");null!==t&&t.removeAttribute("data-has-focus")}})),new MutationObserver(this.updateMenuItems).observe(this.element,{childList:!0})}render(){return i(e,{key:"967fc6e01207c5831b7821ccb17db8406cabc262",role:"list","aria-label":this.label},i("slot",{key:"9699944cbe1b25434c3ddc6235dae7676b7acb6b"}))}get element(){return a(this)}static get watchers(){return{label:[{validateLabel:0}],direction:[{validateDirection:0}],itemmore:[{validateItemMore:0}]}}};Rt.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:inline-flex;width:100%;min-width:0;background-color:var(--mg-c-menu-color-background, var(--mg-b-color-light))}:host([direction=vertical]){display:flex;height:100%;flex-direction:column;gap:var(--mg-b-size-2);overflow-y:auto}";const Ft=class{constructor(e){t(this,e),this.itemLoaded=n(this,"item-loaded",7),this.itemUpdated=n(this,"item-updated",7),this.name="mg-menu-item",this.classNavigationButton="mg-c-menu-item__navigation-button",this.identifier=o("mg-menu-item"),this.status="visible",this.isIcon=!1,this.expanded=!1,this.classNavigationButtonClassList=new r([this.classNavigationButton]),this.hasChildren=!1,this.getParentMenu=()=>this.element.closest("mg-menu"),this.hasStatus=(t,i)=>t.status===i,this.hasPopover=()=>this.isDirection(W.HORIZONTAL)&&(this.isInMainMenu()&&Array.from(this.element.children).some((t=>null===t.querySelector("[slot]")))||this.isItemMore)&&void 0===this.href,this.hasActiveChild=()=>{var t;return Array.from((null===(t=this.element.querySelector("mg-menu"))||void 0===t?void 0:t.children)||[]).some((t=>"MG-MENU-ITEM"===t.nodeName&&this.hasStatus(t,A.ACTIVE)&&!t.hasAttribute("hidden")))},this.isInteractiveItem=()=>this.hasChildren||!c(this.href),this.isDirection=(t,i=this.direction)=>t===i,this.isInMainMenu=()=>null!==this.getParentMenu()&&null===this.element.parentElement.closest("mg-menu-item"),this.updateDisplayNotificationBadge=()=>{const t=this.element.querySelector("mg-menu");this.displayNotificationBadge=null!==t&&Array.from(t.children).some((t=>null!==t.querySelector("mg-badge")&&!t.hasAttribute("hidden")))},this.updateExpanded=t=>{this.isInteractiveItem()&&(this.expanded=this.isDirection(W.VERTICAL)&&this.hasActiveChild()||t)},this.updateStatus=(t=[])=>{[A.HIDDEN,A.DISABLED,...t].includes(this.status)||(this.status=this.hasActiveChild()?A.ACTIVE:A.VISIBLE)},this.updateSlot=(t=!1)=>{if(void 0===Array.from(this.element.children).find((t=>"label"===t.getAttribute("slot"))))throw new Error(`<${this.name}> slot "label" is required.`);["label","metadata"].forEach((i=>{Array.from(this.element.querySelectorAll(`[slot="${i}"]`)).forEach((e=>{if(!c(e.textContent))throw new Error(`<${this.name}> slot "${i}" must have text content.`);(t&&!e.hasAttribute("title")||!t)&&e.setAttribute("title",e.textContent)}))}))},this.updateItem=t=>{this.updateExpanded(this.expanded),this.updateStatus(t),this.updatePopoverGuard(),this.updateDisplayNotificationBadge()},this.handleElementCLick=t=>{if(this.status===A.DISABLED&&(t.preventDefault(),t.stopPropagation()),this.updateExpanded(!this.expanded),!this.isInteractiveItem()){const t=i=>{null!==i&&t(i.parentElement.closest("mg-menu-item"))};t(this.element)}},this.handlePopoverDisplay=t=>{this.updateExpanded(t.detail)},this.renderSlot=()=>i("slot",null)}watchIdentifier(t){g(t)?this.popoverIdentifier=`${this.identifier}-popover`:console.error(`<mg-menu-item> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}watchTarget(t){if(t&&!S.includes(t))throw new Error(`<mg-link> prop "target" must be one of: ${S.join(", ")}. Passed value: ${s(t)}.`)}watchStatus(t,i){void 0!==i&&this.classNavigationButtonClassList.delete(`${this.classNavigationButton}--${i}`),this.classNavigationButtonClassList.add(`${this.classNavigationButton}--${t}`)}watchIsIcon(t){const i=`${this.classNavigationButton}--is-icon`;t?"vertical"===this.direction?this.isIcon=!1:this.classNavigationButtonClassList.add(i):this.classNavigationButtonClassList.delete(i)}watchExpanded(t){if("boolean"!=typeof t)throw new Error(`<${this.name}> prop "expanded" must be a boolean. Passed value: ${s(t)}.`);this.updateExpanded(t),Array.from(this.element.querySelectorAll("mg-menu-item")).forEach((i=>{i!==this.element&&(i.expanded=!!t&&this.hasStatus(i,A.ACTIVE))}))}validateDirection(t,i){void 0!==i&&this.classNavigationButtonClassList.delete(`${this.classNavigationButton}--${i}`),this.classNavigationButtonClassList.add(`${this.classNavigationButton}--${t}`),Array.from(this.element.querySelectorAll("mg-menu-item")).forEach((i=>{this.isDirection(W.VERTICAL,t)?i.dataset.level=`${(Number(i.dataset.level)||1)+1}`:delete i.dataset.level}))}validateHasChildren(t){if(t&&void 0!==this.element.href)throw new Error(`<${this.name}> prop "href" is unauthorizied when element is a parent.`)}watchDataStyleDirection(t){this.direction=t,this.watchIsIcon(this.isIcon)}watchDataHasFocus(t){c(t)||this.updateExpanded(Boolean(t))}updatePopoverGuard(){const t=this.element.querySelector("*:not([slot])");null!==t&&(this.hasPopover()?t.dataset.mgPopoverGuard=this.popoverIdentifier:delete t.dataset.mgPopoverGuard)}componentWillLoad(){E(this),this.hasChildren=Array.from(this.element.children).some((t=>!["image","information","label","metadata"].includes(t.getAttribute("slot")))),this.messages=w(this.element).messages.menuItem,this.isItemMore=void 0!==this.element.dataset.overflowMore,this.watchStatus(this.status),this.watchExpanded(this.expanded),this.watchTarget(this.target),this.watchIdentifier(this.identifier),this.watchIsIcon(this.isIcon)}componentDidLoad(){return this.updateSlot(!0),setTimeout((()=>{this.watchDataStyleDirection(this.element.dataset.styleDirection),this.updateItem([A.ACTIVE]),this.itemLoaded.emit(),new MutationObserver((t=>{t.some((t=>["hidden","status"].includes(t.attributeName)))&&this.updateStatus(this.hasChildren?void 0:[A.ACTIVE]),t.some((t=>"characterData"===t.type))&&this.updateSlot(),t.some((t=>"childList"===t.type))&&this.updateItem(),this.itemUpdated.emit()})).observe(this.element,{attributes:!0,childList:!0,characterData:!0,subtree:!0})}),0)}componentShouldUpdate(){return l((()=>{this.itemUpdated.emit()}))}renderInformationSlotOrNotification(){return this.displayNotificationBadge?i("span",{class:`${this.classNavigationButton}-text-content-notification`},i("mg-badge",{label:this.messages.badgeLabel,value:"!",variant:"text-color",slot:"information"})):i("slot",{name:"information"})}renderInteractiveElement(){return i(void 0!==this.href?"a":"button",{href:this.href,class:this.classNavigationButtonClassList.join(),tabindex:[A.DISABLED,A.HIDDEN].includes(this.status)?-1:void 0,disabled:this.status===A.DISABLED,hidden:this.status===A.HIDDEN,target:void 0!==this.href&&void 0!==this.target?this.target:void 0,"aria-expanded":this.hasChildren&&this.expanded.toString(),"aria-current":this.status===A.ACTIVE&&"page",onClick:this.handleElementCLick},i("slot",{name:"image"}),i("div",{class:{[`${this.classNavigationButton}-center`]:!0,"mg-u-visually-hidden":this.isIcon}},i("div",{class:`${this.classNavigationButton}-text-content`},i("slot",{name:"label"}),!this.isIcon&&this.renderInformationSlotOrNotification(),"_blank"===this.target&&[i("mg-icon",{key:"icon-new-tab",class:`${this.classNavigationButton}-new-tab`,icon:"arrow-up-right-square"}),i("span",{key:"a11y-new-tab",class:"mg-u-visually-hidden"},this.messages.openNewTab)]),!this.isIcon&&i("slot",{name:"metadata"})),this.isIcon&&this.renderInformationSlotOrNotification(),this.hasChildren&&void 0===this.href&&!this.isIcon&&i("span",{class:{[`${this.classNavigationButton}-chevron`]:!0,[`${this.classNavigationButton}-chevron--rotate`]:!0===this.expanded}},i("mg-icon",{icon:"chevron-down",size:"small"})))}render(){const t=()=>({"mg-c-menu-item__collapse-container":!0,"mg-c-menu-item__collapse-container--first-level":(this.isInMainMenu()||this.isItemMore)&&this.isDirection(W.HORIZONTAL)});return i(e,{key:"68705299d83c64af9e915a6e4d471e78ed6d92ab",role:this.isItemMore?"presentation":"listitem"},this.hasPopover()?i("mg-popover",{display:this.expanded,placement:"bottom-start","onDisplay-change":this.handlePopoverDisplay,identifier:this.popoverIdentifier,"data-fallback-placement":"bottom-end"},this.renderInteractiveElement(),i("div",{class:t(),slot:"content"},this.renderSlot())):[this.renderInteractiveElement(),i("div",{key:"vertical-container",class:t(),hidden:!this.expanded},this.renderSlot())])}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],target:[{watchTarget:0}],status:[{watchStatus:0}],isIcon:[{watchIsIcon:0}],expanded:[{watchExpanded:0}],direction:[{validateDirection:0}],hasChildren:[{validateHasChildren:0}],"data-style-direction":[{watchDataStyleDirection:0}],"data-has-focus":[{watchDataHasFocus:0}]}}};Ft.style='.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host([data-style-direction=vertical][data-level="1"]) .mg-c-menu-item__navigation-button{padding-left:calc(1*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="1"]) .mg-c-menu-item__collapse-container{z-index:10}:host([data-style-direction=vertical][data-level="2"]) .mg-c-menu-item__navigation-button{padding-left:calc(2*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="2"]) .mg-c-menu-item__collapse-container{z-index:20}:host([data-style-direction=vertical][data-level="3"]) .mg-c-menu-item__navigation-button{padding-left:calc(3*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="3"]) .mg-c-menu-item__collapse-container{z-index:30}:host([data-style-direction=vertical][data-level="4"]) .mg-c-menu-item__navigation-button{padding-left:calc(4*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="4"]) .mg-c-menu-item__collapse-container{z-index:40}:host([data-style-direction=vertical][data-level="5"]) .mg-c-menu-item__navigation-button{padding-left:calc(5*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="5"]) .mg-c-menu-item__collapse-container{z-index:50}:host([data-style-direction=vertical][data-level="6"]) .mg-c-menu-item__navigation-button{padding-left:calc(6*var(--mg-c-menu-item-button-padding-horizontal) + var(--mg-c-menu-item-button-margin-horizontal))}:host([data-level="6"]) .mg-c-menu-item__collapse-container{z-index:60}.mg-c-menu-item__navigation-button{position:relative;display:flex;height:calc(var(--mg-c-menu-item-button-spacing-vertical)*2 + var(--mg-c-menu-item-height));box-sizing:border-box;align-items:center;padding:var(--mg-c-menu-item-button-spacing-vertical) calc(var(--mg-c-menu-item-button-margin-horizontal) + var(--mg-c-menu-item-button-padding-horizontal)) var(--mg-c-menu-item-button-spacing-vertical) calc(var(--mg-c-menu-item-button-margin-horizontal) + var(--mg-c-menu-item-button-padding-horizontal));border:none;border-radius:var(--mg-b-size-8);background-color:unset;color:var(--mg-c-menu-item-color-text, var(--mg-b-color-dark));column-gap:var(--mg-b-size-8);cursor:pointer;font-family:var(--mg-b-font-family);font-weight:400;line-height:var(--mg-b-line-height);text-decoration:none;white-space:nowrap}.mg-c-menu-item__navigation-button::after{position:absolute;background-color:var(--mg-c-menu-item-color);content:""}.mg-c-menu-item__navigation-button:disabled,.mg-c-menu-item__navigation-button--disabled{cursor:default;opacity:var(--mg-b-opacity-element-disabled)}.mg-c-menu-item__navigation-button:hover,.mg-c-menu-item__navigation-button:focus-visible{z-index:10}.mg-c-menu-item__navigation-button:hover:not(.mg-c-menu-item__navigation-button--disabled)::before,.mg-c-menu-item__navigation-button:focus-visible:not(.mg-c-menu-item__navigation-button--disabled)::before{position:absolute;z-index:-1;top:0;left:0;width:stretch;height:var(--mg-c-menu-item-height);box-sizing:border-box;border-radius:var(--mg-b-size-8);margin-right:var(--mg-c-menu-item-button-margin-horizontal);margin-left:var(--mg-c-menu-item-button-margin-horizontal);background-color:color-mix(in srgb, var(--mg-c-menu-item-color-text, var(--mg-b-color-dark)), transparent 90%);content:""}.mg-c-menu-item__navigation-button,.mg-c-menu-item__navigation-button ::slotted([slot=label]),.mg-c-menu-item__navigation-button ::slotted([slot=metadata]){font-size:var(--mg-b-font-size)}.mg-c-menu-item__navigation-button:not(.mg-c-menu-item__navigation-button--disabled).mg-c-menu-item__navigation-button--horizontal::before{margin:var(--mg-c-menu-item-button-spacing-vertical) var(--mg-c-menu-item-button-margin-horizontal)}.mg-c-menu-item__navigation-button:not(.mg-c-menu-item__navigation-button--disabled).mg-c-menu-item__navigation-button--vertical::before{height:100%;margin:0 var(--mg-c-menu-item-button-margin-horizontal)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--active{color:var(--mg-c-menu-item-color);font-weight:600}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--active.mg-c-menu-item__navigation-button--horizontal::after{bottom:0;left:50%;width:calc(100% - var(--mg-b-size-12)*2);height:var(--mg-b-size-4);border-top-left-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateX(-50%)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--active.mg-c-menu-item__navigation-button--vertical::after{top:50%;left:0;width:var(--mg-b-size-4);height:calc(100% - var(--mg-b-size-8)*2);border-bottom-right-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateY(-50%)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--hidden{display:none}.mg-c-menu-item{max-width:var(--mg-c-menu-item-navigation-button-max-width)}.mg-c-menu-item__collapse-container{z-index:10;width:max-content}.mg-c-menu-item__navigation-button-center{min-width:0}.mg-c-menu-item__navigation-button-new-tab{margin-left:var(--mg-b-size-4)}.mg-c-menu-item__navigation-button-chevron{display:var(--mg-c-menu-item-chevron-display);margin-left:auto;transition:200ms}.mg-c-menu-item__navigation-button-chevron--rotate.mg-c-menu-item__navigation-button-chevron{transform:rotate(180deg)}.mg-c-menu-item__navigation-button-text-content{display:flex;width:100%;align-items:center}.mg-c-menu-item__navigation-button-text-content-notification,.mg-c-menu-item__navigation-button-text-content ::slotted([slot=information]){margin-left:var(--mg-b-size-8);font-size:var(--mg-b-font-size)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--is-icon{min-width:calc(var(--mg-c-menu-item-height) + var(--mg-c-menu-item-button-margin-horizontal)*2);justify-content:center;padding:var(--mg-b-size-2);gap:var(--mg-b-size-4)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--is-icon::before{min-width:var(--mg-c-menu-item-height)}.mg-c-menu-item__navigation-button.mg-c-menu-item__navigation-button--is-icon .mg-c-menu-item__navigation-button-text-content-notification{margin-left:0}:host{position:relative;display:flex;--mg-c-popover-spacing-vertical:0;--mg-c-popover-spacing-horizontal:0;--mg-c-popover-max-width:unset;--mg-c-menu-item-height:var(--mg-b-size-40)}:host mg-popover{--mg-c-popover-overflow:hidden}:host mg-popover-content[data-popper-placement^=bottom][data-arrow-hide]{margin-top:var(--mg-b-size-2) !important}:host([data-style-direction=vertical]){--mg-c-menu-item-height:var(--mg-b-size-24);--mg-c-menu-item-button-margin-horizontal:var(--mg-b-size-8);--mg-c-menu-item-button-padding-horizontal:var(--mg-b-size-12);--mg-c-menu-item-button-spacing-vertical:var(--mg-b-size-8);flex-direction:column}:host([data-style-direction=vertical]) .mg-c-menu-item__collapse-container{position:unset;top:unset;left:unset;width:unset}:host([data-style-direction=vertical]) .mg-c-menu-item-chevron{margin-left:auto}:host([data-style-direction=horizontal]){--mg-c-menu-item-button-margin-horizontal:var(--mg-b-size-4);--mg-c-menu-item-button-padding-horizontal:var(--mg-b-size-12);--mg-c-menu-item-button-spacing-vertical:var(--mg-b-size-12)}:host([data-style-direction=horizontal]) ::slotted(mg-menu),.mg-c-menu-item__collapse-container.mg-c-menu-item__collapse-container--first-level ::slotted(mg-menu){padding:var(--mg-b-size-8) 0}::slotted([slot=label]),::slotted([slot=metadata]){display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}::slotted([slot=metadata]){color:var(--mg-b-color-neutral-90)}::slotted(*){display:flex;flex-direction:column}::slotted([slot=image]){width:auto !important;max-width:calc(var(--mg-c-menu-item-height) - var(--mg-b-size-8)) !important;height:auto !important;max-height:calc(var(--mg-c-menu-item-height) - var(--mg-b-size-8)) !important}:host([status=disabled]){pointer-events:none}:host([hidden]){display:none}';const Nt=["info","warning","success","danger"],Gt=["bar-left","background"],Ut=class{constructor(i){t(this,i),this.classBase="mg-c-message",this.classFullWidth="mg-c-message--full-width",this.variant="info",this.variantStyle="bar-left",this.fullWidth=!1,this.classCollection=new r(["mg-c-message"]),this.hasActions=!1,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"}}}watchVariant(t,i){if(!Nt.includes(t))throw new Error(`<mg-message> prop "variant" must be one of: ${Nt.join(", ")}. Passed value: ${s(t)}.`);void 0!==t&&this.classCollection.add(`${this.classBase}--${t}`),void 0!==i&&this.classCollection.delete(`${this.classBase}--${i}`)}watchVariantStyle(t,i){if(!Gt.includes(t))throw new Error(`<mg-message> prop "variantStyle" must be one of: ${Gt.join(", ")}. Passed value: ${s(t)}.`);void 0!==t&&this.classCollection.add(`${this.classBase}--${t}`),void 0!==i&&this.classCollection.delete(`${this.classBase}--${i}`)}watchFullWidth(t){t?this.classCollection.add(this.classFullWidth):this.classCollection.delete(this.classFullWidth)}componentWillLoad(){this.watchVariant(this.variant),this.watchVariantStyle(this.variantStyle),this.watchFullWidth(this.fullWidth),this.hasActions=null!==this.element.querySelector('[slot="actions"]')}render(){return i("div",{key:"a182451917bfe33de32c893d9eeedd52b11f8b15",class:this.classCollection.join()},i("mg-card",{key:"9dd0da031d97f669e885a1681b72e5a086e79c0b",shadow:"background"!==this.variantStyle},i("span",{key:"158c2470a10ab9d677e2031c28ad0d43c09e4cf2",class:"mg-c-message__icon"},i("mg-icon",{key:"f7d0cb02781d2bf5a71fbd7f9498ebf4dca31edf",icon:this.getIcon()})),i("div",{key:"56a7299983c30ea4527bb19a46ac0677b6e8c40e",class:"mg-c-message__content"},i("span",{key:"744ad763177f92bdbac37d43a5a58f221ff97e69",class:"mg-c-message__content-slot"},i("slot",{key:"14b7f22e206bd074336287809574b2a5abfe5bf5"})),this.hasActions&&[i("span",{class:"mg-c-message__content-separator",key:"content-separator"}),i("span",{class:"mg-c-message__content-actions-slot",key:"content-actions-slot"},i("slot",{key:"104be326f73ded002cba9a471491ca614227e3d5",name:"actions"}))])))}get element(){return a(this)}static get watchers(){return{variant:[{watchVariant:0}],variantStyle:[{watchVariantStyle:0}],fullWidth:[{watchFullWidth:0}]}}};Ut.style=":host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-message-border-radius);--mg-c-card-border:none;--mg-c-card-overflow:hidden}.mg-c-message{display:inline-block;min-block-size:var(--mg-b-size-min-height)}.mg-c-message.mg-c-message--danger .mg-c-message__icon{color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-message.mg-c-message--info .mg-c-message__icon{color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-message.mg-c-message--success .mg-c-message__icon{color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-message.mg-c-message--warning .mg-c-message__icon{color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-message.mg-c-message--background{--mg-c-card-border-radius:var(--mg-b-size-8)}.mg-c-message ::slotted(*){padding:0;margin:0}.mg-c-message__icon{position:absolute;inset-block-start:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);inset-inline-start:var(--mg-b-size-8);line-height:1}.mg-c-message.mg-c-message--bar-left .mg-c-message__icon{inset-inline-start:calc(var(--mg-b-size-4) + var(--mg-b-size-8))}.mg-c-message__content{display:flex;box-sizing:border-box;flex-wrap:wrap;min-block-size:var(--mg-b-size-min-height);padding-block:0;padding-inline:calc(var(--mg-b-size-8) + var(--mg-b-size-16) + var(--mg-b-size-8)) var(--mg-b-size-8);place-content:stretch flex-end}.mg-c-message__content-slot{flex-grow:1;margin:var(--mg-b-size-8) 0}.mg-c-message__content-separator{display:inline-block;block-size:0;inline-size:var(--mg-b-size-40)}.mg-c-message__content-actions-slot{padding:var(--mg-b-size-8) 0;text-align:end}.mg-c-message ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}.mg-c-message,.mg-c-message mg-message{max-inline-size:100%}.mg-c-message.mg-c-message--full-width{display:block;inline-size:100%}";const Yt=["dialog","alertdialog"],Kt=class{constructor(i){t(this,i),this.componentShow=n(this,"component-show",7),this.componentHide=n(this,"component-hide",7),this.componentClose=n(this,"component-close",7),this.titleId="",this.identifier=o("mg-modal"),this.dialogRole="dialog",this.closeButton=!1,this.open=!1,this.hasActions=!1,this.classCollection=new r(["mg-c-modal"]),this.handleClose=()=>{this.open=!1,this.componentClose.emit()}}watchIdentifier(t){if(!g(t))throw new Error(`<mg-modal> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateDialogRole(t){if(!Yt.includes(t))throw new Error(`<mg-modal> prop "dialogRole" must be one of: ${Yt.join(", ")}. Passed value: ${s(t)}.`)}validateModalTitle(t){if(!c(t))throw new Error(`<mg-modal> prop "modalTitle" is required. Passed value: ${s(t)}.`)}watchOpen(t){t?(this.dialog.showModal(),this.componentShow.emit(),document.body.style.overflow="hidden"):(this.dialog.close(),this.componentHide.emit(),document.body.style.overflow=this.bodyOverflow)}componentWillLoad(){this.bodyOverflow=document.body.style.overflow,this.messages=w(this.element).messages,this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.titleId=`${this.identifier}-title`,this.watchIdentifier(this.identifier),this.validateModalTitle(this.modalTitle),this.validateDialogRole(this.dialogRole)}componentDidLoad(){this.watchOpen(this.open),this.dialog.addEventListener("close",(()=>{this.open=!1,this.componentClose.emit()}))}render(){return i("dialog",{key:"3b802b99d96be80d8071c89be6537269866e6fff",role:this.dialogRole,id:this.identifier,class:this.classCollection.join(),"aria-labelledby":this.titleId,ref:t=>{null!==t&&(this.dialog=t)}},i("mg-card",{key:"4985b4af69968577ffd36a6a2b1f96274703d146",shadow:!0},i("div",{key:"c4aed6d29dc5ee00f323dcbaecff9532f370ec98",class:"mg-c-modal__dialog"},i("header",{key:"3bfeb66d59144c0cba3fd82c1fb4dee2ed62cea7",class:"mg-c-modal__header"},this.closeButton&&i("span",{key:"55205da6c8991444ff53da7224b28c7475b0e173",class:"mg-c-modal__close-button"},i("mg-button",{key:"da7fdea3a124a559cb637beea9d5565c1f777eea","is-icon":!0,variant:"flat",label:this.messages.modal.closeButton,onClick:this.handleClose},i("mg-icon",{key:"77c2ab2bcacdda9fa179b480651507a1d6584686",icon:"cross"}))),i("h1",{key:"cedb5efc709de2d18e81409139da790349a48bb8",class:"mg-c-modal__title",id:this.titleId},this.modalTitle)),i("article",{key:"7f24e65244836c08dbf7465f8c80970080003bcd",class:"mg-c-modal__content"},i("slot",{key:"36d7c2a0ef1bb1024887da08298391962285bbf8"})),this.hasActions&&i("footer",{key:"5967d650e4e58726641a3c960d82aa7ee588e38f",class:"mg-c-modal__footer"},i("slot",{key:"c275b8235acb658ded3db7c69b931000a5ff14d2",name:"actions"})))))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],dialogRole:[{validateDialogRole:0}],modalTitle:[{validateModalTitle:0}],open:[{watchOpen:0}]}}};Kt.style=":host{--mg-c-card-border-radius:var(--mg-c-modal-border-radius);--mg-c-card-spacing:var(--mg-b-size-16) var(--mg-b-size-24);--mg-c-card-border:none}.mg-c-modal{max-height:100dvh;box-sizing:border-box;border:none;background:none;color:inherit}.mg-c-modal[open]{display:flex;padding:var(--mg-b-size-24) var(--mg-b-size-8)}.mg-c-modal::backdrop{background-color:var(--mg-b-color-dark);opacity:.65}.mg-c-modal mg-card{display:flex;width:calc(75*var(--mg-b-size-8));max-width:100%;max-height:100dvh}.mg-c-modal__dialog{position:relative;display:flex;height:fit-content;max-height:100%;flex-direction:column;align-self:center;row-gap:var(--mg-b-size-24)}.mg-c-modal__title{margin:0;font-family:var(--mg-b-font-family-heading);font-size:var(--mg-c-modal-title-font-size);font-weight:600}.mg-c-modal__close-button{height:var(--mg-c-modal-title-font-size);margin-top:calc((var(--mg-b-size-min-height) - var(--mg-c-modal-title-font-size)*var(--mg-b-line-height))/2*-1);margin-right:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2*-1);margin-left:var(--mg-b-size-16);float:right}.mg-c-modal__content{padding:var(--mg-b-size-16);margin:calc(var(--mg-b-size-16)*-1);overflow-y:auto}.mg-c-modal ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}";const Jt="next",Xt="previous",Zt=(t,i,e=1)=>Array.from(Array(Math.ceil((i+1-t)/e)).keys()).map((i=>t+i*e)),Qt=class{constructor(i){t(this,i),this.currentPageChange=n(this,"current-page-change",7),this.identifier=o("mg-pagination"),this.hideNavigationLabels=!1,this.hidePageCount=!1,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,i)=>{i||this.goToPage(t===Jt?this.currentPage+1:this.currentPage-1)}}watchIdentifier(t){g(t)||console.error(`<mg-pagination> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateTotalPages(t){if(t<1)throw new Error(`<mg-pagination> prop "totalPages" must be greater than 0. Passed value: ${s(t)}.`)}validateCurrentPage(t){if(t<1)throw new Error(`<mg-pagination> prop "currentPage" must be greater than 0. Passed value: ${s(t)}.`);if(t>this.totalPages)throw new Error('<mg-pagination> prop "currentPage" can not be greater than total page.');this.currentPageChange.emit(t)}watchPaginationMessages(t){if(Boolean(t)&&("object"!=typeof t||!["next","previous","nextLabel","previousLabel"].every((i=>c(t[i])))))throw new Error('<mg-pagination> prop "messages" must be a valid "PaginationMessagesType".')}componentWillLoad(){this.localesMessages=w(this.element).messages,this.watchIdentifier(this.identifier),this.validateTotalPages(this.totalPages),this.validateCurrentPage(this.currentPage),this.watchPaginationMessages(this.messages),void 0!==this.label&&""!==this.label||(this.label=this.localesMessages.pagination.label)}render(){var t,a,n,o,s,r,c,l;const g={next:null!==(a=null===(t=this.messages)||void 0===t?void 0:t.next)&&void 0!==a?a:this.localesMessages.general.next,previous:null!==(o=null===(n=this.messages)||void 0===n?void 0:n.previous)&&void 0!==o?o:this.localesMessages.general.previous,nextLabel:null!==(r=null===(s=this.messages)||void 0===s?void 0:s.nextLabel)&&void 0!==r?r:this.localesMessages.pagination.nextLabel,previousLabel:null!==(l=null===(c=this.messages)||void 0===c?void 0:c.previousLabel)&&void 0!==l?l:this.localesMessages.pagination.previousLabel},h=(t,e)=>i("mg-button",{label:g[`${e}Label`],onClick:()=>this.handleGoToPage(e,t),disabled:t,variant:"flat",isIcon:this.hideNavigationLabels},e===Xt&&i("mg-icon",{icon:"chevron-left"}),!this.hideNavigationLabels&&g[e],e===Jt&&i("mg-icon",{icon:"chevron-right"}));return i(e,{hidden:this.totalPages<2},i("nav",{role:"navigation","aria-label":this.label,id:this.identifier,class:{"mg-c-pagination":!0,"mg-c-pagination--hide-page-count":this.hidePageCount}},h(this.currentPage<=1,Xt),!this.hidePageCount&&i("div",{class:"mg-c-pagination__page-count"},i("mg-input-select",{identifier:`${this.identifier}-select`,items:Zt(1,this.totalPages).map((t=>t.toString())),label:this.localesMessages.pagination.selectPage,"label-hide":!0,"on-value-change":this.handleSelect,value:this.currentPage.toString(),"placeholder-hide":!0}),i("p",{class:"mg-c-pagination__page-count-text"},i("span",{class:"mg-u-visually-hidden"},this.localesMessages.pagination.page," ",this.currentPage),"/ ",this.totalPages," ",this.totalPages>1?this.localesMessages.pagination.pages:this.localesMessages.pagination.page)),h(this.currentPage>=this.totalPages,Jt)))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],totalPages:[{validateTotalPages:0}],currentPage:[{validateCurrentPage:0}],messages:[{watchPaginationMessages:0}]}}};Qt.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-pagination{display:flex;align-items:center;gap:var(--mg-b-spacing-actions)}.mg-c-pagination__page-count{display:flex;align-items:center;gap:var(--mg-b-size-4)}.mg-c-pagination__page-count-text{margin:0}.mg-c-pagination.mg-c-pagination--hide-page-count{gap:0}";const ti=["text","icon"],ii=["left","right"],ei=class{constructor(e){t(this,e),this.titleChange=n(this,"title-change",7),this.expandedChange=n(this,"expanded-change",7),this.identifier=o("mg-panel"),this.titleEditable=!1,this.titlePosition="left",this.expanded=!1,this.expandToggleDisplay="text",this.expandToggleDisabled=!1,this.shadow=!1,this.classCollection=new r(["mg-c-panel"]),this.isEditing=!1,this.hasPanelTitleSlot=()=>null!==this.element.querySelector('[slot="panel-title"]'),this.toggleIsEditing=()=>{this.isEditing=!this.isEditing},this.handleCollapseButton=()=>{this.expandToggleDisabled||(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=()=>{this.editInputElement.valid&&(void 0!==this.updatedPanelTitle&&(this.panelTitle=this.updatedPanelTitle),this.toggleIsEditing())},this.renderCollapseButton=()=>i("mg-button",{onClick:this.handleCollapseButton,variant:"flat","aria-expanded":this.expanded.toString(),"aria-controls":`${this.identifier}-content`,disabled:this.expandToggleDisabled,isIcon:"icon"===this.expandToggleDisplay,label:"icon"===this.expandToggleDisplay?this.panelTitle:void 0},i("span",{class:"mg-c-panel__collapse-button-content"},i("mg-icon",{icon:"chevron-up",class:{"mg-c-panel__collapse-button-icon":!0,"mg-c-panel__collapse-button-icon--reverse":!this.expanded}}),!this.isEditing&&"icon"!==this.expandToggleDisplay&&(this.hasPanelTitleSlot()?i("slot",{name:"panel-title"}):this.panelTitle))),this.renderEditButton=()=>i("mg-button",{key:"edit-button","is-icon":!0,variant:"flat",label:this.messages.panel.editLabel,onClick:this.handleEditButton},i("mg-icon",{icon:"pen"})),this.renderEditInput=()=>i("mg-input-text",{key:"edition-input",label:this.messages.panel.editLabel,"label-hide":!0,value:this.panelTitle,"onValue-change":this.handleUpdateTitle,characterLeftHide:!0,pattern:this.titlePattern,"pattern-error-message":this.titlePatternErrorMessage,identifier:`${this.identifier}-edition-input`,ref:t=>this.editInputElement=t},i("mg-button",{slot:"append-input",label:this.messages.general.cancel,"is-icon":!0,variant:"secondary",onClick:this.handleCancelEditButton},i("mg-icon",{icon:"cross"})),i("mg-button",{slot:"append-input",label:this.messages.general.confirm,"is-icon":!0,variant:"secondary",onClick:this.handleValidateEditButton},i("mg-icon",{icon:"check"}))),this.renderTitle=()=>{const t=[this.renderCollapseButton()];return this.titleEditable&&!this.hasPanelTitleSlot()&&t.push(this.isEditing?this.renderEditInput():this.renderEditButton()),"right"===this.titlePosition?t.reverse():t},this.renderHeaderChildren=()=>{const t=[i("div",{class:{"mg-c-panel__header-title":!0,"mg-c-panel__header-title--full":this.isEditing,"mg-c-panel__header-title--reverse":"right"===this.titlePosition},key:this.panelTitle},this.renderTitle()),i("div",{class:"mg-c-panel__header-content",key:"slot-header"},i("slot",{name:"header-right"}))];return"right"===this.titlePosition?t.reverse():t}}watchIdentifier(t){g(t)||console.error(`<mg-panel> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validatePanelTitle(t){if(void 0!==t){if(!c(t))throw new Error(`<mg-panel> prop "panelTitle" must be a string. Passed value: ${s(t)}.`);this.titleChange.emit(t)}}validateTitlePattern(t){if(void 0!==t&&!this.titleEditable)throw new Error('<mg-panel> prop "titleEditable" must be set to "true".')}validateTitleEditable(t){if(t&&this.hasPanelTitleSlot())throw new Error('<mg-panel> prop "titleEditable" cannot be used with panel-title slot.')}validateTitlePosition(t){if(""!==String(t)){if(!ii.includes(t))throw new Error(`<mg-panel> prop "titlePosition" must be one of: ${ii.join(", ")}. Passed value: ${s(t)}.`)}else this.titlePosition="left"}handleExpanded(t){this.expandedChange.emit(t)}validateExpandToggleDisplay(t){if(""!==String(t)){if(!ti.includes(t))throw new Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${ti.join(", ")}. Passed value: ${s(t)}.`);if("icon"===t&&this.titleEditable&&(this.titleEditable=!1),"icon"===t&&this.hasPanelTitleSlot())throw new Error('<mg-panel> prop "expandToggleDisplay" cannot be "icon" when panel-title slot is used.')}else this.expandToggleDisplay="text"}componentWillLoad(){if(this.messages=w(this.element).messages,E(this),this.watchIdentifier(this.identifier),this.validateTitlePattern(this.titlePattern),this.validateTitlePattern(this.titlePatternErrorMessage),!this.hasPanelTitleSlot()){if(!c(this.panelTitle))throw new Error('<mg-panel> prop "panelTitle" is required when panel-title slot is not used.');this.validatePanelTitle(this.panelTitle)}this.validateExpandToggleDisplay(this.expandToggleDisplay),this.validateTitlePosition(this.titlePosition),this.validateTitleEditable(this.titleEditable)}componentDidRender(){this.isEditing&&this.editInputElement.setFocus()}render(){const t=`${this.identifier}-header`;return i("section",{key:"33e6da36cbb92f19bcd957de7758c1a13ced5e83",class:this.classCollection.join(),id:this.identifier},i("mg-card",{key:"df278e46b4604d8c5dce2abeffb2e979b02f34e9",shadow:this.shadow},i("header",{key:"b68012115af4bb5b62b6357fc07cbf50876ac08f",class:{"mg-c-panel__header":!0,"mg-c-panel__header--reverse":"right"===this.titlePosition},id:t},this.renderHeaderChildren()),i("article",{key:"3dfec67e6531fc0dff866e102ac36bd6c6a48834",class:"mg-c-panel__content",id:`${this.identifier}-content`,"aria-labelledby":t,hidden:!this.expanded},i("slot",{key:"56c63dd0b0e98968594ff713c2c6ee2a3269b74b"}))))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],panelTitle:[{validatePanelTitle:0}],titlePattern:[{validateTitlePattern:0}],titlePatternErrorMessage:[{validateTitlePattern:0}],titleEditable:[{validateTitleEditable:0}],titlePosition:[{validateTitlePosition:0}],expanded:[{handleExpanded:0}],expandToggleDisplay:[{validateExpandToggleDisplay:0}]}}};ei.style=":host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-panel-border-radius);--mg-c-card-color-background:var(--mg-c-panel-color-background);--mg-c-card-box-shadow:var(--mg-c-panel-box-shadow)}.mg-c-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:0 var(--mg-b-size-4)}.mg-c-panel__header-title,.mg-c-panel__header-content{display:flex;margin:var(--mg-b-size-4) 0}.mg-c-panel__header-content{min-height:var(--mg-b-size-min-height);flex:1 auto;align-items:center;padding-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-input-text{flex-grow:1;margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-button+mg-button:not([slot=append-input]){margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title.mg-c-panel__header-title--full{flex:1 1 auto}.mg-c-panel__collapse-button-content{--mg-b-font-size:var(--mg-b-font-size-h5);--mg-c-button-font-weight:600}.mg-c-panel__collapse-button-icon.mg-c-panel__collapse-button-icon--reverse{transform:rotate(180deg)}.mg-c-panel__content{padding:var(--mg-c-panel-content-spacing)}.mg-c-panel ::slotted([slot=header-right]){display:flex;flex-wrap:wrap;margin-left:auto;gap:var(--mg-b-spacing-actions)}.mg-c-panel ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}";var ai="top",ni="bottom",oi="right",si="left",ri="auto",ci=[ai,ni,oi,si],li="start",gi="end",hi="viewport",mi="popper",di=ci.reduce((function(t,i){return t.concat([i+"-"+li,i+"-"+gi])}),[]),ui=[].concat(ci,[ri]).reduce((function(t,i){return t.concat([i,i+"-"+li,i+"-"+gi])}),[]),pi=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function bi(t){return t?(t.nodeName||"").toLowerCase():null}function vi(t){if(null==t)return window;if("[object Window]"!==t.toString()){var i=t.ownerDocument;return i&&i.defaultView||window}return t}function fi(t){return t instanceof vi(t).Element||t instanceof Element}function wi(t){return t instanceof vi(t).HTMLElement||t instanceof HTMLElement}function _i(t){return"undefined"!=typeof ShadowRoot&&(t instanceof vi(t).ShadowRoot||t instanceof ShadowRoot)}function yi(t){return t.split("-")[0]}var xi=Math.max,zi=Math.min,ki=Math.round;function $i(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Ei(){return!/^((?!chrome|android).)*safari/i.test($i())}function Oi(t,i,e){void 0===i&&(i=!1),void 0===e&&(e=!1);var a=t.getBoundingClientRect(),n=1,o=1;i&&wi(t)&&(n=t.offsetWidth>0&&ki(a.width)/t.offsetWidth||1,o=t.offsetHeight>0&&ki(a.height)/t.offsetHeight||1);var s=(fi(t)?vi(t):window).visualViewport,r=!Ei()&&e,c=(a.left+(r&&s?s.offsetLeft:0))/n,l=(a.top+(r&&s?s.offsetTop:0))/o,g=a.width/n,h=a.height/o;return{width:g,height:h,top:l,right:c+g,bottom:l+h,left:c,x:c,y:l}}function Pi(t){var i=Oi(t),e=t.offsetWidth,a=t.offsetHeight;return Math.abs(i.width-e)<=1&&(e=i.width),Math.abs(i.height-a)<=1&&(a=i.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:a}}function Ii(t,i){var e=i.getRootNode&&i.getRootNode();if(t.contains(i))return!0;if(e&&_i(e)){var a=i;do{if(a&&t.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function Ti(t){return vi(t).getComputedStyle(t)}function Li(t){return["table","td","th"].indexOf(bi(t))>=0}function Mi(t){return((fi(t)?t.ownerDocument:t.document)||window.document).documentElement}function Di(t){return"html"===bi(t)?t:t.assignedSlot||t.parentNode||(_i(t)?t.host:null)||Mi(t)}function ji(t){return wi(t)&&"fixed"!==Ti(t).position?t.offsetParent:null}function Ci(t){for(var i=vi(t),e=ji(t);e&&Li(e)&&"static"===Ti(e).position;)e=ji(e);return e&&("html"===bi(e)||"body"===bi(e)&&"static"===Ti(e).position)?i:e||function(t){var i=/firefox/i.test($i());if(/Trident/i.test($i())&&wi(t)&&"fixed"===Ti(t).position)return null;var e=Di(t);for(_i(e)&&(e=e.host);wi(e)&&["html","body"].indexOf(bi(e))<0;){var a=Ti(e);if("none"!==a.transform||"none"!==a.perspective||"paint"===a.contain||-1!==["transform","perspective"].indexOf(a.willChange)||i&&"filter"===a.willChange||i&&a.filter&&"none"!==a.filter)return e;e=e.parentNode}return null}(t)||i}function Vi(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function qi(t,i,e){return xi(t,zi(i,e))}function Ai(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Si(t,i){return i.reduce((function(i,e){return i[e]=t,i}),{})}function Wi(t){return t.split("-")[1]}var Bi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Hi(t){var i,e=t.popper,a=t.popperRect,n=t.placement,o=t.variation,s=t.offsets,r=t.position,c=t.gpuAcceleration,l=t.adaptive,g=t.roundOffsets,h=t.isFixed,m=s.x,d=void 0===m?0:m,u=s.y,p=void 0===u?0:u,b="function"==typeof g?g({x:d,y:p}):{x:d,y:p};d=b.x,p=b.y;var v=s.hasOwnProperty("x"),f=s.hasOwnProperty("y"),w=si,_=ai,y=window;if(l){var x=Ci(e),z="clientHeight",k="clientWidth";x===vi(e)&&"static"!==Ti(x=Mi(e)).position&&"absolute"===r&&(z="scrollHeight",k="scrollWidth"),(n===ai||(n===si||n===oi)&&o===gi)&&(_=ni,p-=(h&&x===y&&y.visualViewport?y.visualViewport.height:x[z])-a.height,p*=c?1:-1),n!==si&&(n!==ai&&n!==ni||o!==gi)||(w=oi,d-=(h&&x===y&&y.visualViewport?y.visualViewport.width:x[k])-a.width,d*=c?1:-1)}var $,E=Object.assign({position:r},l&&Bi),O=!0===g?function(t,i){var e=t.y,a=i.devicePixelRatio||1;return{x:ki(t.x*a)/a||0,y:ki(e*a)/a||0}}({x:d,y:p},vi(e)):{x:d,y:p};return d=O.x,p=O.y,Object.assign({},E,c?(($={})[_]=f?"0":"",$[w]=v?"0":"",$.transform=(y.devicePixelRatio||1)<=1?"translate("+d+"px, "+p+"px)":"translate3d("+d+"px, "+p+"px, 0)",$):((i={})[_]=f?p+"px":"",i[w]=v?d+"px":"",i.transform="",i))}var Ri={passive:!0},Fi={left:"right",right:"left",bottom:"top",top:"bottom"};function Ni(t){return t.replace(/left|right|bottom|top/g,(function(t){return Fi[t]}))}var Gi={start:"end",end:"start"};function Ui(t){return t.replace(/start|end/g,(function(t){return Gi[t]}))}function Yi(t){var i=vi(t);return{scrollLeft:i.pageXOffset,scrollTop:i.pageYOffset}}function Ki(t){return Oi(Mi(t)).left+Yi(t).scrollLeft}function Ji(t){var i=Ti(t);return/auto|scroll|overlay|hidden/.test(i.overflow+i.overflowY+i.overflowX)}function Xi(t){return["html","body","#document"].indexOf(bi(t))>=0?t.ownerDocument.body:wi(t)&&Ji(t)?t:Xi(Di(t))}function Zi(t,i){var e;void 0===i&&(i=[]);var a=Xi(t),n=a===(null==(e=t.ownerDocument)?void 0:e.body),o=vi(a),s=n?[o].concat(o.visualViewport||[],Ji(a)?a:[]):a,r=i.concat(s);return n?r:r.concat(Zi(Di(s)))}function Qi(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function te(t,i,e){return i===hi?Qi(function(t,i){var e=vi(t),a=Mi(t),n=e.visualViewport,o=a.clientWidth,s=a.clientHeight,r=0,c=0;if(n){o=n.width,s=n.height;var l=Ei();(l||!l&&"fixed"===i)&&(r=n.offsetLeft,c=n.offsetTop)}return{width:o,height:s,x:r+Ki(t),y:c}}(t,e)):fi(i)?function(t,i){var e=Oi(t,!1,"fixed"===i);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(i,e):Qi(function(t){var i,e=Mi(t),a=Yi(t),n=null==(i=t.ownerDocument)?void 0:i.body,o=xi(e.scrollWidth,e.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),s=xi(e.scrollHeight,e.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),r=-a.scrollLeft+Ki(t),c=-a.scrollTop;return"rtl"===Ti(n||e).direction&&(r+=xi(e.clientWidth,n?n.clientWidth:0)-o),{width:o,height:s,x:r,y:c}}(Mi(t)))}function ie(t){var i,e=t.reference,a=t.element,n=t.placement,o=n?yi(n):null,s=n?Wi(n):null,r=e.x+e.width/2-a.width/2,c=e.y+e.height/2-a.height/2;switch(o){case ai:i={x:r,y:e.y-a.height};break;case ni:i={x:r,y:e.y+e.height};break;case oi:i={x:e.x+e.width,y:c};break;case si:i={x:e.x-a.width,y:c};break;default:i={x:e.x,y:e.y}}var l=o?Vi(o):null;if(null!=l){var g="y"===l?"height":"width";switch(s){case li:i[l]=i[l]-(e[g]/2-a[g]/2);break;case gi:i[l]=i[l]+(e[g]/2-a[g]/2)}}return i}function ee(t,i){void 0===i&&(i={});var e=i.placement,a=void 0===e?t.placement:e,n=i.strategy,o=void 0===n?t.strategy:n,s=i.boundary,r=void 0===s?"clippingParents":s,c=i.rootBoundary,l=void 0===c?hi:c,g=i.elementContext,h=void 0===g?mi:g,m=i.altBoundary,d=void 0!==m&&m,u=i.padding,p=void 0===u?0:u,b=Ai("number"!=typeof p?p:Si(p,ci)),v=t.rects.popper,f=t.elements[d?h===mi?"reference":mi:h],w=function(t,i,e,a){var n="clippingParents"===i?function(t){var i=Zi(Di(t)),e=["absolute","fixed"].indexOf(Ti(t).position)>=0&&wi(t)?Ci(t):t;return fi(e)?i.filter((function(t){return fi(t)&&Ii(t,e)&&"body"!==bi(t)})):[]}(t):[].concat(i),o=[].concat(n,[e]),s=o.reduce((function(i,e){var n=te(t,e,a);return i.top=xi(n.top,i.top),i.right=zi(n.right,i.right),i.bottom=zi(n.bottom,i.bottom),i.left=xi(n.left,i.left),i}),te(t,o[0],a));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(fi(f)?f:f.contextElement||Mi(t.elements.popper),r,l,o),_=Oi(t.elements.reference),y=ie({reference:_,element:v,placement:a}),x=Qi(Object.assign({},v,y)),z=h===mi?x:_,k={top:w.top-z.top+b.top,bottom:z.bottom-w.bottom+b.bottom,left:w.left-z.left+b.left,right:z.right-w.right+b.right},$=t.modifiersData.offset;if(h===mi&&$){var E=$[a];Object.keys(k).forEach((function(t){var i=[oi,ni].indexOf(t)>=0?1:-1,e=[ai,ni].indexOf(t)>=0?"y":"x";k[t]+=E[e]*i}))}return k}function ae(t,i){void 0===i&&(i={});var e=i.boundary,a=i.rootBoundary,n=i.padding,o=i.flipVariations,s=i.allowedAutoPlacements,r=void 0===s?ui:s,c=Wi(i.placement),l=c?o?di:di.filter((function(t){return Wi(t)===c})):ci,g=l.filter((function(t){return r.indexOf(t)>=0}));0===g.length&&(g=l);var h=g.reduce((function(i,o){return i[o]=ee(t,{placement:o,boundary:e,rootBoundary:a,padding:n})[yi(o)],i}),{});return Object.keys(h).sort((function(t,i){return h[t]-h[i]}))}var ne={name:"flip",enabled:!0,phase:"main",fn:function(t){var i=t.state,e=t.options,a=t.name;if(!i.modifiersData[a]._skip){for(var n=e.mainAxis,o=void 0===n||n,s=e.altAxis,r=void 0===s||s,c=e.fallbackPlacements,l=e.padding,g=e.boundary,h=e.rootBoundary,m=e.altBoundary,d=e.flipVariations,u=void 0===d||d,p=e.allowedAutoPlacements,b=i.options.placement,v=yi(b),f=c||(v!==b&&u?function(t){if(yi(t)===ri)return[];var i=Ni(t);return[Ui(t),i,Ui(i)]}(b):[Ni(b)]),w=[b].concat(f).reduce((function(t,e){return t.concat(yi(e)===ri?ae(i,{placement:e,boundary:g,rootBoundary:h,padding:l,flipVariations:u,allowedAutoPlacements:p}):e)}),[]),_=i.rects.reference,y=i.rects.popper,x=new Map,z=!0,k=w[0],$=0;$<w.length;$++){var E=w[$],O=yi(E),P=Wi(E)===li,I=[ai,ni].indexOf(O)>=0,T=I?"width":"height",L=ee(i,{placement:E,boundary:g,rootBoundary:h,altBoundary:m,padding:l}),M=I?P?oi:si:P?ni:ai;_[T]>y[T]&&(M=Ni(M));var D=Ni(M),j=[];if(o&&j.push(L[O]<=0),r&&j.push(L[M]<=0,L[D]<=0),j.every((function(t){return t}))){k=E,z=!1;break}x.set(E,j)}if(z)for(var C=function(t){var i=w.find((function(i){var e=x.get(i);if(e)return e.slice(0,t).every((function(t){return t}))}));if(i)return k=i,"break"},V=u?3:1;V>0&&"break"!==C(V);V--);i.placement!==k&&(i.modifiersData[a]._skip=!0,i.placement=k,i.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function oe(t,i,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-i.height-e.y,right:t.right-i.width+e.x,bottom:t.bottom-i.height+e.y,left:t.left-i.width-e.x}}function se(t){return[ai,oi,ni,si].some((function(i){return t[i]>=0}))}function re(t,i,e){void 0===e&&(e=!1);var a,n,o=wi(i),s=wi(i)&&function(t){var i=t.getBoundingClientRect(),e=ki(i.width)/t.offsetWidth||1,a=ki(i.height)/t.offsetHeight||1;return 1!==e||1!==a}(i),r=Mi(i),c=Oi(t,s,e),l={scrollLeft:0,scrollTop:0},g={x:0,y:0};return(o||!o&&!e)&&(("body"!==bi(i)||Ji(r))&&(l=(a=i)!==vi(a)&&wi(a)?{scrollLeft:(n=a).scrollLeft,scrollTop:n.scrollTop}:Yi(a)),wi(i)?((g=Oi(i,!0)).x+=i.clientLeft,g.y+=i.clientTop):r&&(g.x=Ki(r))),{x:c.left+l.scrollLeft-g.x,y:c.top+l.scrollTop-g.y,width:c.width,height:c.height}}function ce(t){var i=new Map,e=new Set,a=[];function n(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var a=i.get(t);a&&n(a)}})),a.push(t)}return t.forEach((function(t){i.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||n(t)})),a}var le={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var t=arguments.length,i=new Array(t),e=0;e<t;e++)i[e]=arguments[e];return!i.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function he(t){void 0===t&&(t={});var i=t.defaultModifiers,e=void 0===i?[]:i,a=t.defaultOptions,n=void 0===a?le:a;return function(t,i,a){void 0===a&&(a=n);var o,s,r={placement:"bottom",orderedModifiers:[],options:Object.assign({},le,n),modifiersData:{},elements:{reference:t,popper:i},attributes:{},styles:{}},c=[],l=!1,g={state:r,setOptions:function(a){var o="function"==typeof a?a(r.options):a;h(),r.options=Object.assign({},n,r.options,o),r.scrollParents={reference:fi(t)?Zi(t):t.contextElement?Zi(t.contextElement):[],popper:Zi(i)};var s,l,m=function(t){var i=ce(t);return pi.reduce((function(t,e){return t.concat(i.filter((function(t){return t.phase===e})))}),[])}((s=[].concat(e,r.options.modifiers),l=s.reduce((function(t,i){var e=t[i.name];return t[i.name]=e?Object.assign({},e,i,{options:Object.assign({},e.options,i.options),data:Object.assign({},e.data,i.data)}):i,t}),{}),Object.keys(l).map((function(t){return l[t]}))));return r.orderedModifiers=m.filter((function(t){return t.enabled})),r.orderedModifiers.forEach((function(t){var i=t.options,e=t.effect;if("function"==typeof e){var a=e({state:r,name:t.name,instance:g,options:void 0===i?{}:i});c.push(a||function(){})}})),g.update()},forceUpdate:function(){if(!l){var t=r.elements,i=t.reference,e=t.popper;if(ge(i,e)){r.rects={reference:re(i,Ci(e),"fixed"===r.options.strategy),popper:Pi(e)},r.reset=!1,r.placement=r.options.placement,r.orderedModifiers.forEach((function(t){return r.modifiersData[t.name]=Object.assign({},t.data)}));for(var a=0;a<r.orderedModifiers.length;a++)if(!0!==r.reset){var n=r.orderedModifiers[a],o=n.fn,s=n.options;"function"==typeof o&&(r=o({state:r,options:void 0===s?{}:s,name:n.name,instance:g})||r)}else r.reset=!1,a=-1}}},update:(o=function(){return new Promise((function(t){g.forceUpdate(),t(r)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(o())}))}))),s}),destroy:function(){h(),l=!0}};if(!ge(t,i))return g;function h(){c.forEach((function(t){return t()})),c=[]}return g.setOptions(a).then((function(t){!l&&a.onFirstUpdate&&a.onFirstUpdate(t)})),g}}var me=he({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var i=t.state,e=t.instance,a=t.options,n=a.scroll,o=void 0===n||n,s=a.resize,r=void 0===s||s,c=vi(i.elements.popper),l=[].concat(i.scrollParents.reference,i.scrollParents.popper);return o&&l.forEach((function(t){t.addEventListener("scroll",e.update,Ri)})),r&&c.addEventListener("resize",e.update,Ri),function(){o&&l.forEach((function(t){t.removeEventListener("scroll",e.update,Ri)})),r&&c.removeEventListener("resize",e.update,Ri)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var i=t.state;i.modifiersData[t.name]=ie({reference:i.rects.reference,element:i.rects.popper,placement:i.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var i=t.state,e=t.options,a=e.gpuAcceleration,n=void 0===a||a,o=e.adaptive,s=void 0===o||o,r=e.roundOffsets,c=void 0===r||r,l={placement:yi(i.placement),variation:Wi(i.placement),popper:i.elements.popper,popperRect:i.rects.popper,gpuAcceleration:n,isFixed:"fixed"===i.options.strategy};null!=i.modifiersData.popperOffsets&&(i.styles.popper=Object.assign({},i.styles.popper,Hi(Object.assign({},l,{offsets:i.modifiersData.popperOffsets,position:i.options.strategy,adaptive:s,roundOffsets:c})))),null!=i.modifiersData.arrow&&(i.styles.arrow=Object.assign({},i.styles.arrow,Hi(Object.assign({},l,{offsets:i.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),i.attributes.popper=Object.assign({},i.attributes.popper,{"data-popper-placement":i.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var i=t.state;Object.keys(i.elements).forEach((function(t){var e=i.styles[t]||{},a=i.attributes[t]||{},n=i.elements[t];wi(n)&&bi(n)&&(Object.assign(n.style,e),Object.keys(a).forEach((function(t){var i=a[t];!1===i?n.removeAttribute(t):n.setAttribute(t,!0===i?"":i)})))}))},effect:function(t){var i=t.state,e={popper:{position:i.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(i.elements.popper.style,e.popper),i.styles=e,i.elements.arrow&&Object.assign(i.elements.arrow.style,e.arrow),function(){Object.keys(i.elements).forEach((function(t){var a=i.elements[t],n=i.attributes[t]||{},o=Object.keys(i.styles.hasOwnProperty(t)?i.styles[t]:e[t]).reduce((function(t,i){return t[i]="",t}),{});wi(a)&&bi(a)&&(Object.assign(a.style,o),Object.keys(n).forEach((function(t){a.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var i=t.state,e=t.name,a=t.options.offset,n=void 0===a?[0,0]:a,o=ui.reduce((function(t,e){return t[e]=function(t,i,e){var a=yi(t),n=[si,ai].indexOf(a)>=0?-1:1,o="function"==typeof e?e(Object.assign({},i,{placement:t})):e,s=o[0],r=o[1];return s=s||0,r=(r||0)*n,[si,oi].indexOf(a)>=0?{x:r,y:s}:{x:s,y:r}}(e,i.rects,n),t}),{}),s=o[i.placement],r=s.y;null!=i.modifiersData.popperOffsets&&(i.modifiersData.popperOffsets.x+=s.x,i.modifiersData.popperOffsets.y+=r),i.modifiersData[e]=o}},ne,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var i=t.state,e=t.options,a=t.name,n=e.mainAxis,o=void 0===n||n,s=e.altAxis,r=void 0!==s&&s,c=e.tether,l=void 0===c||c,g=e.tetherOffset,h=void 0===g?0:g,m=ee(i,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),d=yi(i.placement),u=Wi(i.placement),p=!u,b=Vi(d),v="x"===b?"y":"x",f=i.modifiersData.popperOffsets,w=i.rects.reference,_=i.rects.popper,y="function"==typeof h?h(Object.assign({},i.rects,{placement:i.placement})):h,x="number"==typeof y?{mainAxis:y,altAxis:y}:Object.assign({mainAxis:0,altAxis:0},y),z=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null,k={x:0,y:0};if(f){if(o){var $,E="y"===b?ai:si,O="y"===b?ni:oi,P="y"===b?"height":"width",I=f[b],T=I+m[E],L=I-m[O],M=l?-_[P]/2:0,D=u===li?w[P]:_[P],j=u===li?-_[P]:-w[P],C=i.elements.arrow,V=l&&C?Pi(C):{width:0,height:0},q=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},A=q[E],S=q[O],W=qi(0,w[P],V[P]),B=p?w[P]/2-M-W-A-x.mainAxis:D-W-A-x.mainAxis,H=p?-w[P]/2+M+W+S+x.mainAxis:j+W+S+x.mainAxis,R=i.elements.arrow&&Ci(i.elements.arrow),F=null!=($=null==z?void 0:z[b])?$:0,N=I+H-F,G=qi(l?zi(T,I+B-F-(R?"y"===b?R.clientTop||0:R.clientLeft||0:0)):T,I,l?xi(L,N):L);f[b]=G,k[b]=G-I}if(r){var U,Y=f[v],K="y"===v?"height":"width",J=Y+m["x"===b?ai:si],X=Y-m["x"===b?ni:oi],Z=-1!==[ai,si].indexOf(d),Q=null!=(U=null==z?void 0:z[v])?U:0,tt=Z?J:Y-w[K]-_[K]-Q+x.altAxis,it=Z?Y+w[K]+_[K]-Q-x.altAxis:X,et=l&&Z?function(t,i,e){var a=qi(t,i,e);return a>e?e:a}(tt,Y,it):qi(l?tt:J,Y,l?it:X);f[v]=et,k[v]=et-Y}i.modifiersData[a]=k}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var i,e=t.state,a=t.name,n=t.options,o=e.elements.arrow,s=e.modifiersData.popperOffsets,r=yi(e.placement),c=Vi(r),l=[si,oi].indexOf(r)>=0?"height":"width";if(o&&s){var g=function(t,i){return Ai("number"!=typeof(t="function"==typeof t?t(Object.assign({},i.rects,{placement:i.placement})):t)?t:Si(t,ci))}(n.padding,e),h=Pi(o),m="y"===c?ai:si,d="y"===c?ni:oi,u=e.rects.reference[l]+e.rects.reference[c]-s[c]-e.rects.popper[l],p=s[c]-e.rects.reference[c],b=Ci(o),v=b?"y"===c?b.clientHeight||0:b.clientWidth||0:0,f=v/2-h[l]/2+(u/2-p/2),w=qi(g[m],f,v-h[l]-g[d]);e.modifiersData[a]=((i={})[c]=w,i.centerOffset=w-f,i)}},effect:function(t){var i=t.state,e=t.options.element,a=void 0===e?"[data-popper-arrow]":e;null!=a&&("string"!=typeof a||(a=i.elements.popper.querySelector(a)))&&Ii(i.elements.popper,a)&&(i.elements.arrow=a)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var i=t.state,e=t.name,a=i.rects.reference,n=i.rects.popper,o=i.modifiersData.preventOverflow,s=ee(i,{elementContext:"reference"}),r=ee(i,{altBoundary:!0}),c=oe(s,a),l=oe(r,n,o),g=se(c),h=se(l);i.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:g,hasPopperEscaped:h},i.attributes.popper=Object.assign({},i.attributes.popper,{"data-popper-reference-hidden":g,"data-popper-escaped":h})}}]});const de=class{constructor(i){t(this,i),this.displayChange=n(this,"display-change",7),this.componentClose=n(this,"component-close",7),this.identifier=o("mg-popover"),this.placement="bottom-start",this.closeButton=!1,this.display=!1,this.disabled=!1,this.clickOutside=t=>{const i=t.composedPath(),e=i.includes(this.element)||i.some((t=>t instanceof HTMLElement&&t.dataset.mgPopoverGuard===this.identifier));this.disabled||e||(this.display=!1)},this.show=()=>{this.mgPopover.dataset.show="",this.interactiveElement.setAttribute("aria-expanded","true"),this.setPopperListeners(!0),setTimeout((()=>{this.manageClickOutsideListeners("addEventListener")}))},this.hide=()=>{this.mgPopover.removeAttribute("data-show"),this.interactiveElement.setAttribute("aria-expanded","false"),this.setPopperListeners(!1),this.manageClickOutsideListeners("removeEventListener")},this.setPopperListeners=t=>{this.popper.setOptions((i=>Object.assign(Object.assign({},i),{modifiers:[...i.modifiers,{name:"eventListeners",enabled:t}]})))},this.manageClickOutsideListeners=t=>{var i,e;[...Array.from((null===(e=null===(i=document.querySelector(`[data-mg-popover-guard="${this.identifier}"]`))||void 0===i?void 0:i.shadowRoot)||void 0===e?void 0:e.children)||new Set),...this.windows].forEach((i=>{null!==i&&i[t]("click",this.clickOutside,!1)}))},this.handleHideContent=()=>{this.display=!1,this.componentClose.emit()},this.renderPopoverContent=()=>{const t=this.element.querySelector("mg-popover-content");null===t?(this.mgPopoverContent=document.createElement("mg-popover-content"),this.mgPopoverContent.setAttribute("slot","content"),this.mgPopoverContent.setAttribute("id",this.identifier),this.mgPopoverContent.addEventListener("hide-content",this.handleHideContent),['[slot="title"]','[slot="content"]:not(mg-popover-content)'].forEach((t=>{Array.from(this.element.querySelectorAll(t)).forEach((t=>{this.mgPopoverContent.appendChild(t)}))})),this.element.appendChild(this.mgPopoverContent)):t.setAttribute("id",this.identifier)}}validateIdentifier(t){if(!g(t))throw new Error(`<mg-popover> prop "identifier" value is invalid. Passed value: ${s(t)}.`);this.renderPopoverContent()}validateCloseButton(t){this.mgPopoverContent.closeButton=t}handleDisplay(t){t?this.show():this.hide(),this.displayChange.emit(t)}componentDidUpdate(){this.popper.update()}componentWillLoad(){this.windows=v(window),this.renderPopoverContent(),this.validateCloseButton(this.closeButton),this.validateIdentifier(this.identifier)}componentDidLoad(){this.mgPopover=this.element.querySelector(`#${this.identifier}`),this.interactiveElement=this.element.querySelector(":not([slot])"),this.interactiveElement.setAttribute("aria-controls",this.identifier),this.interactiveElement.setAttribute("aria-expanded",`${this.display}`),this.interactiveElement.setAttribute("data-mg-popover-trigger","");const t=[];void 0!==this.element.dataset.fallbackPlacement&&t.push(this.element.dataset.fallbackPlacement),this.popper=me(this.interactiveElement,this.mgPopover,{placement:this.placement,strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,2]}},{name:"flip",options:{fallbackPlacements:[...t,"auto"]}}]}),[this.interactiveElement,this.element.querySelector("mg-popover-content")].forEach((t=>{new ResizeObserver((()=>{this.popper.update()})).observe(t)})),this.interactiveElement.addEventListener("click",(()=>{this.disabled||(this.display=!this.display)})),this.element.addEventListener("click",(t=>{const i=t.target.closest("[popovertargetaction]");!0===this.display&&null!==i&&"hide"===i.getAttribute("popovertargetaction")&&(this.display=!1)})),this.element.addEventListener("keydown",(t=>{this.disabled||"Escape"!==t.code||(this.display=!1,this.componentClose.emit(),this.interactiveElement.focus())})),this.handleDisplay(this.display)}render(){return i(e,{key:"431539cd450da49af5587372a12cbe33956ec5b1"},i("slot",{key:"30e66567cc00667665b70306b3c9ba2fa541fa1e"}),i("slot",{key:"7fcfcd55904128ef4f7a66e16a31a957e5b7af75",name:"content"}))}get element(){return a(this)}static get watchers(){return{identifier:[{validateIdentifier:0}],closeButton:[{validateCloseButton:0}],display:[{handleDisplay:0}]}}};de.style=":host{--mg-c-card-spacing:var(--mg-c-popover-spacing-vertical, var(--mg-b-size-16)) var(--mg-c-popover-spacing-horizontal, var(--mg-b-size-16));--mg-c-card-border:none;--mg-c-card-border-radius:var(--mg-c-popover-border-radius);--mg-c-card-color-background:var(--mg-c-popover-color-background);position:relative;display:contents}:host::slotted(*){display:inline-block}";const ue=class{constructor(i){t(this,i),this.hideContent=n(this,"hide-content",7),this.closeButton=!1,this.classCollection=new r(["mg-c-popover-content"]),this.handleCloseButton=()=>{this.hideContent.emit()}}componentWillLoad(){this.messages=w(this.element).messages}componentDidLoad(){const t=["h1","h2","h3","h4","h5","h6"],i=this.element.querySelector('[slot="title"]');if(i&&!h(i,t))throw new Error(`<mg-popover> Slotted title must be a heading: ${t.join(", ")}.`)}render(){return i(e,{key:"7035d8f560b811596c9c641abc7fe28ee9fdf3a2"},i("mg-card",{key:"badc81425100283dac69cad111514d8c3edfba45",class:this.classCollection.join(),shadow:!0},this.closeButton&&i("mg-button",{key:"cb20d8c7db741051b532c3b1653d578df859f0d0","is-icon":!0,variant:"flat",label:this.messages.general.close,onClick:this.handleCloseButton},i("mg-icon",{key:"389dc26f4cfdbb899b2b9eb4b27ceb6369209b2f",icon:"cross"})),i("div",{key:"29b6721af3b6e06760affd6565e740bbc667f457",class:"mg-c-popover-content__title"},i("slot",{key:"5834364d298a4e65a9170f003d0ec1f5e8868c4a",name:"title"})),i("slot",{key:"8398f497064fe097151ca263225349a9d84d4f36",name:"content"})))}get element(){return a(this)}};ue.style=":host{position:relative;z-index:2000;display:none;color:var(--mg-c-popover-color-text)}:host([data-show]){display:block}.mg-c-popover-content{--mg-c-card-max-width:var(--mg-c-popover-max-width);--mg-c-card-min-width:var(--mg-c-popover-min-width);--mg-c-card-max-height:min( var(--mg-c-popover-max-height), 100vh - calc(var(--mg-b-size-min-height) + var(--mg-b-size-32)) );--mg-c-card-overflow:var(--mg-c-popover-overflow)}.mg-c-popover-content mg-button{margin-top:calc(-1*(var(--mg-b-size-min-height) - var(--mg-c-popover-title-font-size)*var(--mg-b-line-height))/2);margin-right:calc(-1*(var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);margin-left:var(--mg-b-size-32);float:right}.mg-c-popover-content__title ::slotted([slot=title]){margin:0 0 var(--mg-b-size-12) !important;font-size:var(--mg-c-popover-title-font-size) !important;font-weight:600 !important}.mg-c-popover-content ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}";const pe=class{constructor(i){t(this,i),this.goToAnchor=n(this,"go-to-anchor",7),this.handleLinkCLick=t=>{const i=t.currentTarget;i.blur(),this.goToAnchor.emit(i.getAttribute("href"))}}validateLinks(t){if(void 0===t||0===t.length||t.some((t=>!c(t.href)||!t.href.startsWith("#")||!c(t.label))))throw new Error('<mg-skip-links> prop "links": Cannot be empty and each link must contains an href starting with a "#" and a non empty label attributes.')}componentWillLoad(){this.validateLinks(this.links),this.messages=w(this.element).messages}render(){return i("nav",{key:"9208da538e001be23c8cc78e8a34498cd072cdc6",class:"mg-c-skip-links",role:"navigation","aria-label":this.messages.skipLinks.navLabel},i("ul",{key:"fcd69f398fad6964d5c017bb652ad7b8de34dee6",class:"mg-c-skip-links__list",role:"list"},this.links.map((t=>i("li",{key:t.href},i("a",{class:"mg-c-skip-links__link",href:t.href,onClick:this.handleLinkCLick},t.label))))))}get element(){return a(this)}static get watchers(){return{links:[{validateLinks:0}]}}};pe.style=".mg-c-skip-links{position:absolute;display:flex;min-height:var(--mg-b-size-56);align-items:center;background:var(--mg-b-color-light);opacity:0;transform:translateY(-100%)}.mg-c-skip-links:focus-within{position:relative;opacity:1;transform:translateY(0)}.mg-c-skip-links__list{display:flex;flex-wrap:wrap;align-items:center;padding:0 var(--mg-b-size-16);margin:0;gap:var(--mg-b-spacing-actions);list-style:none}.mg-c-skip-links__link{display:inline-block;padding:var(--mg-b-size-8) var(--mg-b-size-16);color:var(--mg-b-color-dark)}.mg-c-skip-links__link:hover{background:color-mix(in srgb, var(--mg-b-color-dark), transparent 90%)}";const be=["small","medium","large","xlarge"],ve=["left","center","right"],fe=["string","numeric","date"],we=class{constructor(i){t(this,i),this.componentClass="mg-c-table",this.componentWrapperClass="mg-c-table-wrapper",this.classFullWidth="mg-c-table--full-width",this.classBorderHide="mg-c-table--border-hide",this.alignmentStylesheet=new CSSStyleSheet,this.size="medium",this.fullWidth=!1,this.borderHide=!1,this.classCollection=new r([this.componentClass])}watchSize(t,i){if(!be.includes(t))throw new Error(`<mg-table> prop "size" must be one of: ${be.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-table--size-${i}`),this.classCollection.add(`mg-c-table--size-${t}`)}watchFullWidth(t){t?this.classCollection.add(this.classFullWidth):this.classCollection.delete(this.classFullWidth)}watchBorderHide(t){t?this.classCollection.add(this.classBorderHide):this.classCollection.delete(this.classBorderHide)}watchColumns(t){if(void 0!==t&&!(t=>"object"==typeof t&&!Array.isArray(t)&&Object.entries(t).every((([t,i])=>!isNaN(parseInt(t))&&"object"==typeof i&&!Array.isArray(i)&&(void 0!==i.align&&ve.includes(i.align)||void 0!==i.sortable&&"boolean"==typeof i.sortable||void 0!==i.datatype&&fe.includes(i.datatype))&&Object.keys(i).every((t=>["align","sortable","datatype"].includes(t))))))(t))throw new Error(`<mg-table> prop "columns" must be a ColumnsType object. Passed value: ${s(t)}.`)}renderTable(t){let i=!1;if(t.className="",t.classList.add(...this.classCollection.classes),void 0!==this.columns){const e=Array.from(t.querySelectorAll("tbody tr"));Object.entries(this.columns).forEach((([a,n])=>{if(void 0!==n.align?this.alignmentStylesheet.insertRule(`.${this.componentClass} th:nth-child(${a}),td:nth-child(${a}){text-align:${n.align};&>*{display:inline-block;}}`):"numeric"===n.datatype&&this.alignmentStylesheet.insertRule(`.${this.componentClass} th:nth-child(${a}),td:nth-child(${a}){text-align:right;&>*{display:inline-block;}}`),n.sortable){i=!0;const o=t.querySelector(`thead td:nth-child(${a}),thead th:nth-child(${a})`),s=document.createElement("button");s.classList.add("mg-c-table__sort-button");const r=o.innerHTML;o.innerHTML="",s.innerHTML=r;const c=document.createElement("mg-icon");c.setAttribute("icon","arrows-up-down"),s.append(c),o.append(s),s.addEventListener("click",(()=>{t.querySelectorAll(`thead td:not(:nth-child(${a})) [aria-pressed],thead th:not(:nth-child(${a})) [aria-pressed]`).forEach((t=>{t.removeAttribute("aria-pressed"),t.querySelector("mg-icon").setAttribute("icon","arrows-up-down")})),t.querySelectorAll(`thead td:not(:nth-child(${a}))[aria-sort],thead th:not(:nth-child(${a}))[aria-sort]`).forEach((t=>{t.removeAttribute("aria-sort")})),s.setAttribute("aria-pressed","true");let i=o.getAttribute("aria-sort");[null,"none"].includes(i)?o.setAttribute("aria-sort","ascending"):o.setAttribute("aria-sort","ascending"===i?"descending":"none"),i=o.getAttribute("aria-sort");const r=s.querySelector("mg-icon");let c="arrows-up-down";if("ascending"===i?c="arrow-up":"descending"===i&&(c="arrow-down"),r.setAttribute("icon",c),"none"===i)return void e.forEach((i=>t.querySelector("tbody").append(i)));const l=Array.from(t.querySelectorAll("tbody tr"));l.sort(((t,e)=>{var o,s;const r=t.querySelector(`td:nth-child(${a}),th:nth-child(${a})`),c=e.querySelector(`td:nth-child(${a}),th:nth-child(${a})`);return((t,i,e,a)=>{if(e){const e=t;t=i,i=e}return"date"===a?new Date(t).getTime()-new Date(i).getTime():t.localeCompare(i,void 0,{numeric:"numeric"===a})})(null!==(o=r.dataset.sort)&&void 0!==o?o:r.textContent,null!==(s=c.dataset.sort)&&void 0!==s?s:c.textContent,"descending"===i,n.datatype)})),l.forEach((i=>t.querySelector("tbody").append(i)))}))}}))}this.element.shadowRoot.adoptedStyleSheets.push(this.alignmentStylesheet);const e=document.createElement("div");e.setAttribute("class",this.componentWrapperClass),e.setAttribute("tabindex","0"),e.setAttribute("role","region");let a=t.querySelector("caption");null===a&&i&&(a=document.createElement("caption"),t.prepend(a)),null!==a&&(a.className="mg-u-visually-hidden",c(a.id)||a.setAttribute("id",o(`${this.componentClass}-caption`)),e.setAttribute("aria-labelledby",a.id),i&&(a.innerHTML=`${a.innerHTML} ${this.messages.table.sortableCaption}`.trim())),e.append(t);const n=this.element.shadowRoot.querySelector(`.${this.componentWrapperClass}`);null!==n&&n.remove(),this.element.shadowRoot.append(e)}componentWillLoad(){this.messages=w(this.element).messages}componentDidLoad(){this.watchSize(this.size),this.watchFullWidth(this.fullWidth),this.watchBorderHide(this.borderHide),this.watchColumns(this.columns),this.renderTable(this.element.querySelector("table"))}componentWillUpdate(){this.renderTable(this.element.shadowRoot.querySelector("table"))}get element(){return a(this)}static get watchers(){return{size:[{watchSize:0}],fullWidth:[{watchFullWidth:0}],borderHide:[{watchBorderHide:0}],columns:[{watchColumns:0}]}}};we.style='.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip-path:inset(50%) !important;white-space:nowrap !important}.mg-u-visually-hidden *{overflow:hidden !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}a{color:inherit;text-decoration:underline}a:has(mg-icon){display:inline-flex;align-items:center;gap:var(--mg-b-size-4)}a:hover,a:focus,a:active{text-decoration:none}@font-face{font-family:"Open Sans";src:url("fonts/OpenSans-Regular.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-weight:600;src:url("fonts/OpenSans-SemiBold.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-weight:700;src:url("fonts/OpenSans-Bold.ttf") format("truetype")}p{margin:0}p+p{margin-top:var(--mg-b-size-8)}h1,.mg-u-h1{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h1);font-weight:bold}h2,.mg-u-h2{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h2);font-weight:bold}h3,.mg-u-h3{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h3);font-weight:bold}h4,.mg-u-h4{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h4);font-weight:bold}h5,.mg-u-h5{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h5);font-weight:bold}h6,.mg-u-h6{font-family:var(--mg-b-font-family-heading);font-size:var(--mg-b-font-size-h6);font-weight:bold}hgroup{display:flex;flex-direction:column;gap:var(--mg-b-size-4)}hgroup h1,hgroup h2,hgroup h3,hgroup h4,hgroup h5,hgroup h6{margin:0}hgroup p{color:var(--mg-b-color-neutral-90)}small{font-size:var(--mg-b-small-font-size)}.mg-u-text-left{text-align:left !important}.mg-u-text-center{text-align:center !important}.mg-u-text-right{text-align:right !important}.mg-c-table{--mg-c-table-cell-spacing:var(--mg-b-size-8) var(--mg-b-size-16);--mg-c-table-cell-height:var(--mg-b-size-40);overflow:hidden;border:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);border-radius:var(--mg-b-size-12);background:var(--mg-b-color-light);border-spacing:0;color:var(--mg-b-color-dark)}.mg-c-table td,.mg-c-table th{height:var(--mg-c-table-cell-height);box-sizing:border-box;padding:var(--mg-c-table-cell-spacing);text-align:start}.mg-c-table thead{height:var(--mg-c-table-header-cell-height)}.mg-c-table thead,.mg-c-table tfoot{background-color:var(--mg-c-table-color-head-foot-background, var(--mg-b-color-neutral-10));color:var(--mg-b-color-neutral-90)}.mg-c-table tfoot tr:first-of-type :where(th,td){border-block-start:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30)}.mg-c-table thead td,.mg-c-table tfoot td,.mg-c-table th{font-weight:600}.mg-c-table tr :where(th,td){border-block-end:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30)}.mg-c-table tbody:last-of-type tr:last-of-type :where(th,td),.mg-c-table tfoot tr:last-of-type :where(th,td){border-block-end:none}.mg-c-table tfoot :where(th,td)[rowspan][scope=rowgroup],.mg-c-table tbody:last-of-type :where(th,td)[rowspan][scope=rowgroup]{border-block-end:none}.mg-c-table.mg-c-table--size-small{--mg-c-table-cell-spacing:var(--mg-b-size-4) var(--mg-b-size-16);--mg-c-table-cell-height:var(--mg-b-size-32)}.mg-c-table.mg-c-table--size-large{--mg-c-table-cell-height:calc(var(--mg-b-size-min-height) + 2 * var(--mg-b-size-8))}.mg-c-table.mg-c-table--size-xlarge{--mg-c-table-cell-spacing:var(--mg-b-size-12) var(--mg-b-size-16);--mg-c-table-cell-height:var(--mg-b-size-64)}.mg-c-table.mg-c-table--full-width{width:100%}.mg-c-table.mg-c-table--border-hide{border:unset;border-radius:unset}.mg-c-table-wrapper{overflow:auto}.mg-c-table thead td,.mg-c-table thead th{position:relative}.mg-c-table thead td .mg-c-table__sort-button,.mg-c-table thead th .mg-c-table__sort-button{display:inline-flex;align-items:center;padding:0;border:none;margin:0;background:none;color:inherit;font-size:inherit;font-weight:600;gap:var(--mg-b-size-4);text-align:left}.mg-c-table thead td .mg-c-table__sort-button::after,.mg-c-table thead th .mg-c-table__sort-button::after{position:absolute;content:"";inset:0}.mg-c-table thead td .mg-c-table__sort-button:hover,.mg-c-table thead th .mg-c-table__sort-button:hover{cursor:pointer}.mg-c-table thead td:has(.mg-c-table__sort-button):hover,.mg-c-table thead td[aria-sort=descending],.mg-c-table thead td[aria-sort=ascending],.mg-c-table thead th:has(.mg-c-table__sort-button):hover,.mg-c-table thead th[aria-sort=descending],.mg-c-table thead th[aria-sort=ascending]{background-color:var(--mg-b-color-neutral-20)}';const _e=t=>"object"==typeof t&&"string"==typeof t.label,ye=class{constructor(i){t(this,i),this.activeTabChange=n(this,"active-tab-change",7),this.tabPanel="panel",this.buttonTabBaseClass="mg-c-tabs__navigation-button",this.startIndex=1,this.identifier=o("mg-tabs"),this.tabs=[],this.classCollection=new r(["mg-c-tabs"]),this.isActivableTab=t=>[void 0,pt.ACTIVE,pt.VISIBLE].includes(t.status),this.tabHasStatus=(t,i)=>t.status===i,this.getElementId=(t,i)=>`${t}-${this.getTabItemIndex(i)}`,this.getTabItemIndex=t=>t+this.startIndex,this.handleClick=t=>{const i=t.currentTarget.dataset.index;this.isActivableTab(this.tabs[Number(i)-this.startIndex])?(this.activeTab=Number(i),this.tabFocus=void 0):t.preventDefault()},this.getNavigationButtonClass=t=>`${this.buttonTabBaseClass}--${t}`,this.handleKeydown=t=>{const i=t.target.parentElement;if([V.ARROWLEFT,V.ARROWRIGHT].includes(t.key)){this.tabFocus=Number(t.target.dataset.index),i.querySelector(`[data-index="${this.tabFocus}"]`).setAttribute("tabindex","-1"),t.key===V.ARROWRIGHT?(this.tabFocus++,this.tabFocus>this.tabs.length&&(this.tabFocus=this.startIndex)):t.key===V.ARROWLEFT&&(this.tabFocus--,this.tabFocus<this.startIndex&&(this.tabFocus=this.tabs.length));const e=i.querySelector(`[data-index="${this.tabFocus}"]`);this.tabHasStatus(this.tabs[this.tabFocus-1],pt.HIDDEN)?e.dispatchEvent(new KeyboardEvent("keydown",{key:t.key,bubbles:!0})):(e.setAttribute("tabindex","0"),e.focus())}else t.key===V.TAB&&this.resetFocus()},this.handleDocumentClick=t=>{t.target.closest("mg-tabs")!==this.element&&this.resetFocus()},this.resetFocus=()=>{l((()=>{this.tabFocus=void 0,Array.from(this.element.shadowRoot.querySelectorAll("[data-index]")).forEach(((t,i)=>{t.setAttribute("tabindex",this.activeTab-this.startIndex!==i?"-1":"0")}))}))},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.")}}watchIdentifier(t){g(t)||console.error(`<mg-tabs> prop "identifier" value is invalid. Passed value: ${s(t)}.`)}validateLabel(t){if(!c(t))throw new Error(`<mg-tabs> prop "label" is required and must be a string. Passed value: ${s(t)}.`)}validateItems(t){if(b(t))this.tabs=t.map((t=>({label:t,status:pt.VISIBLE})));else{if(!(Array.isArray(t)&&t.length>0&&t.every(_e)))throw new Error(`<mg-tabs> prop "items" is required and all items must be the same type: TabItem. Passed value: ${s(t)}.`);this.tabs=t}}validateActiveTab(t){if(void 0===t)this.activeTab=this.tabs.some((t=>this.tabHasStatus(t,pt.ACTIVE)))?this.getTabItemIndex(this.tabs.findIndex((t=>this.tabHasStatus(t,pt.ACTIVE)))):this.startIndex;else{if(!("number"==typeof t&&t>=this.startIndex&&t<=this.tabs.length&&this.isActivableTab(this.tabs[t-this.startIndex])))throw new Error(`<mg-tabs> prop "activeTab" must be a number between ${this.startIndex} and ${this.tabs.length} and new value must be "activable". Passed value: ${s(t)}.`);this.tabs.forEach(((i,e)=>{const a=e===t-this.startIndex;this.tabHasStatus(i,pt.ACTIVE)&&!a?i.status=pt.VISIBLE:this.isActivableTab(i)&&a&&(i.status=pt.ACTIVE)})),this.activeTabChange.emit(t)}}componentWillLoad(){this.watchIdentifier(this.identifier),this.validateLabel(this.label),this.validateItems(this.items),this.validateActiveTab(this.activeTab),this.validateSlots()}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("keydown",this.handleDocumentClick)}render(){return i("div",{key:"37be8d325dfea3a7b828236f3cc21da57be28154",class:this.classCollection.join()},i("header",{key:"d88f10c0331984a759f8abc311f11d913fb25206",role:"tablist","aria-label":this.label,class:"mg-c-tabs__header"},this.tabs.map(((t,e)=>i("button",{key:t.label,role:"tab",id:this.getElementId(this.identifier,e),class:{[`${this.buttonTabBaseClass}`]:!0,[`${this.buttonTabBaseClass}--horizontal`]:!0,[`${this.getNavigationButtonClass(pt.ACTIVE)}`]:this.tabHasStatus(t,pt.ACTIVE),[`${this.getNavigationButtonClass(pt.DISABLED)}`]:this.tabHasStatus(t,pt.DISABLED),[`${this.getNavigationButtonClass(pt.HIDDEN)}`]:this.tabHasStatus(t,pt.HIDDEN)},tabindex:this.tabHasStatus(t,pt.ACTIVE)?0:-1,"aria-selected":this.tabHasStatus(t,pt.ACTIVE).toString(),"aria-controls":this.getElementId(this.tabPanel,e),"aria-disabled":this.tabHasStatus(t,pt.DISABLED),onClick:this.handleClick,onKeyDown:this.handleKeydown,"data-index":this.getTabItemIndex(e)},void 0!==t.icon&&i("mg-icon",{icon:t.icon,size:"small"}),t.label,void 0!==t.badge&&i("mg-badge",{variant:"text-color",value:t.badge.value,label:t.badge.label,outline:"information"===t.badge.role}))))),this.tabs.map(((t,e)=>i("article",{key:t.label,role:"tabpanel",id:this.getElementId(this.tabPanel,e),hidden:!this.tabHasStatus(t,pt.ACTIVE),"aria-labelledby":this.getElementId(this.identifier,e),tabindex:this.tabHasStatus(t,pt.ACTIVE)?0:-1,class:"mg-c-tabs__content-container"},i("slot",{name:this.getElementId("tab_content",e)})))))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],label:[{validateLabel:0}],items:[{validateItems:0}],activeTab:[{validateActiveTab:0}]}}};ye.style='.mg-c-tabs__navigation-button{position:relative;display:flex;height:calc(var(--mg-c-tabs-button-spacing-vertical)*2 + var(--mg-c-tabs-height));box-sizing:border-box;align-items:center;padding:var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal)) var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal));border:none;border-radius:var(--mg-b-size-8);background-color:unset;color:var(--mg-c-tabs-color-text, var(--mg-b-color-dark));column-gap:var(--mg-b-size-8);cursor:pointer;font-family:var(--mg-b-font-family);font-weight:400;line-height:var(--mg-b-line-height);text-decoration:none;white-space:nowrap}.mg-c-tabs__navigation-button::after{position:absolute;background-color:var(--mg-c-tabs-color);content:""}.mg-c-tabs__navigation-button:disabled,.mg-c-tabs__navigation-button--disabled{cursor:default;opacity:var(--mg-b-opacity-element-disabled)}.mg-c-tabs__navigation-button:hover,.mg-c-tabs__navigation-button:focus-visible{z-index:10}.mg-c-tabs__navigation-button:hover:not(.mg-c-tabs__navigation-button--disabled)::before,.mg-c-tabs__navigation-button:focus-visible:not(.mg-c-tabs__navigation-button--disabled)::before{position:absolute;z-index:-1;top:0;left:0;width:stretch;height:var(--mg-c-tabs-height);box-sizing:border-box;border-radius:var(--mg-b-size-8);margin-right:var(--mg-c-tabs-button-margin-horizontal);margin-left:var(--mg-c-tabs-button-margin-horizontal);background-color:color-mix(in srgb, var(--mg-c-tabs-color-text, var(--mg-b-color-dark)), transparent 90%);content:""}.mg-c-tabs__navigation-button,.mg-c-tabs__navigation-button ::slotted([slot=label]),.mg-c-tabs__navigation-button ::slotted([slot=metadata]){font-size:var(--mg-b-font-size)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--horizontal::before{margin:var(--mg-c-tabs-button-spacing-vertical) var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--vertical::before{height:100%;margin:0 var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active{color:var(--mg-c-tabs-color);font-weight:600}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--horizontal::after{bottom:0;left:50%;width:calc(100% - var(--mg-b-size-12)*2);height:var(--mg-b-size-4);border-top-left-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateX(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--vertical::after{top:50%;left:0;width:var(--mg-b-size-4);height:calc(100% - var(--mg-b-size-8)*2);border-bottom-right-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateY(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--hidden{display:none}.mg-c-tabs__header{display:flex;flex-flow:row wrap;border-bottom:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30)}.mg-c-tabs__content-container:focus-visible{outline:none}.mg-c-tabs__navigation-button-text{flex:0 0 content}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--horizontal{--mg-c-tabs-height:var(--mg-b-size-24);--mg-c-tabs-button-spacing-vertical:var(--mg-b-size-8);--mg-c-tabs-button-margin-horizontal:var(--mg-b-size-4);--mg-c-tabs-button-padding-horizontal:var(--mg-b-size-8)}';const xe=["primary","secondary","success","warning","danger","info"],ze=class{constructor(i){t(this,i),this.classOutline="mg-c-tag--outline",this.classSoft="mg-c-tag--soft",this.variant="primary",this.outline=!1,this.soft=!1,this.classCollection=new r(["mg-c-tag"])}validateVariant(t,i){if(!xe.includes(t))throw new Error(`<mg-tag> prop "variant" must be one of: ${xe.join(", ")}. Passed value: ${s(t)}.`);void 0!==i&&this.classCollection.delete(`mg-c-tag--${i}`),this.classCollection.add(`mg-c-tag--${t}`)}validateOutline(t){t?this.classCollection.add(this.classOutline):this.classCollection.delete(this.classOutline)}validateSoft(t){if(t&&this.outline)throw new Error('<mg-tag> prop "soft" can NOT be used with prop "outline".');t?this.classCollection.add(this.classSoft):this.classCollection.delete(this.classSoft)}validateTextContent(t){if(!c(t))throw new Error("<mg-tag> slot must contain a text content.")}componentWillLoad(){this.validateVariant(this.variant),this.validateOutline(this.outline),this.validateSoft(this.soft),this.validateTextContent(this.element.textContent)}render(){return i("span",{key:"d0a9551f29695cd9c49751c4950db3c13065490e",class:this.classCollection.join()},i("slot",{key:"51f2a2e1c9578f6449bb9c124335ad707d5ebeb1"}))}get element(){return a(this)}static get watchers(){return{variant:[{validateVariant:0}],outline:[{validateOutline:0}],soft:[{validateSoft:0}]}}};ze.style=":host{display:inline-block}.mg-c-tag{display:inline-flex;min-height:var(--mg-c-tag-height);box-sizing:border-box;align-items:center;padding:calc((var(--mg-c-tag-height) - 2*var(--mg-b-size-border) - var(--mg-c-tag-font-size)*var(--mg-b-line-height))/2) calc(var(--mg-b-size-8) - var(--mg-b-size-border));border:var(--mg-b-size-border) solid;border-radius:var(--mg-c-tag-border-radius);font-size:var(--mg-c-tag-font-size);font-weight:600;vertical-align:middle}.mg-c-tag.mg-c-tag--primary{border-color:var(--mg-b-color-neutral-110);background-color:var(--mg-b-color-neutral-110);color:var(--mg-b-color-text-on-primary)}.mg-c-tag.mg-c-tag--primary.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-neutral-110)}.mg-c-tag.mg-c-tag--primary.mg-c-tag--soft{border-color:var(--mg-b-color-neutral-20);background-color:var(--mg-b-color-neutral-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--primary.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-neutral-110)}.mg-c-tag.mg-c-tag--secondary{border-color:var(--mg-b-color-neutral-10);background-color:var(--mg-b-color-neutral-10);color:var(--mg-b-color-text-on-secondary)}.mg-c-tag.mg-c-tag--secondary.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-neutral-10)}.mg-c-tag.mg-c-tag--secondary.mg-c-tag--soft{border-color:var(--mg-b-color-neutral-20);background-color:var(--mg-b-color-neutral-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--secondary.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-text-on-secondary)}.mg-c-tag.mg-c-tag--danger{border-color:var(--mg-b-color-danger);background-color:var(--mg-b-color-danger);color:var(--mg-b-color-text-on-danger)}.mg-c-tag.mg-c-tag--danger.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-danger)}.mg-c-tag.mg-c-tag--danger.mg-c-tag--soft{border-color:var(--mg-b-color-red-20);background-color:var(--mg-b-color-red-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--danger.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-danger)}.mg-c-tag.mg-c-tag--info{border-color:var(--mg-b-color-info);background-color:var(--mg-b-color-info);color:var(--mg-b-color-text-on-info)}.mg-c-tag.mg-c-tag--info.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-info)}.mg-c-tag.mg-c-tag--info.mg-c-tag--soft{border-color:var(--mg-b-color-blue-20);background-color:var(--mg-b-color-blue-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--info.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-info)}.mg-c-tag.mg-c-tag--success{border-color:var(--mg-b-color-success);background-color:var(--mg-b-color-success);color:var(--mg-b-color-text-on-success)}.mg-c-tag.mg-c-tag--success.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-success)}.mg-c-tag.mg-c-tag--success.mg-c-tag--soft{border-color:var(--mg-b-color-green-20);background-color:var(--mg-b-color-green-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--success.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-success)}.mg-c-tag.mg-c-tag--warning{border-color:var(--mg-b-color-warning);background-color:var(--mg-b-color-warning);color:var(--mg-b-color-text-on-warning)}.mg-c-tag.mg-c-tag--warning.mg-c-tag--outline{background-color:rgba(0,0,0,0);color:var(--mg-b-color-warning)}.mg-c-tag.mg-c-tag--warning.mg-c-tag--soft{border-color:var(--mg-b-color-yellow-20);background-color:var(--mg-b-color-yellow-20);color:var(--mg-b-color-dark);font-weight:400}.mg-c-tag.mg-c-tag--warning.mg-c-tag--soft ::slotted(mg-icon){color:var(--mg-b-color-warning)}::slotted(mg-icon){align-self:start;margin-right:var(--mg-b-size-4)}::slotted(mg-icon[size=small]){margin-top:calc(var(--mg-b-line-height)*1rem - var(--mg-b-size-12))}slot{display:inline-flex;align-items:center}";const ke={FOCUS:"focus",HOVER_TOOLTIP_ELEMENT:"hoverTooltip",HOVER_TOOLTIPED_ELEMENT:"hoverTooltiped",DISABLE_ON_CLICK:"disableOnClick"},$e=class{constructor(i){t(this,i),this.identifier=o("mg-tooltip"),this.placement="bottom",this.display=!1,this.disabled=!1,this.show=()=>{this.mgTooltipContent.dataset.show="",this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),l((()=>{this.windows.forEach((t=>{t.addEventListener("click",this.handleClickOutside,!1),t.addEventListener("keydown",this.handlePressEscape,!1)}))}))},this.hide=()=>{this.mgTooltipContent.removeAttribute("data-show"),this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.windows.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))},this.handleClickOutside=t=>{t.target.closest("mg-tooltip")!==this.element&&this.setDisplay(!1)},this.handlePressEscape=t=>{"Escape"===t.code&&(this.setDisplay(!1),this.resetGuard())},this.setDisplay=(t,i=!0)=>{!this.disabled&&i&&(this.display=t)},this.tooltipMouseListenerAction=(t,i,e)=>{[ke.FOCUS,ke.DISABLE_ON_CLICK].includes(this.guard)||(this.guard=t,"mouseenter"!==i?setTimeout((()=>{this.setDisplay(!1,this.guard!==e),this.resetGuard()}),100):this.guard===ke.HOVER_TOOLTIPED_ELEMENT&&this.setDisplay(!0))},this.resetGuard=()=>{this.guard=void 0},this.setMgButtonWrapper=t=>{const i="mg-c-tooltip__mg-button-wrapper",e=t.parentElement.classList.contains(i);if(t.disabled&&!e){const e=document.createElement("div");e.classList.add(i),t.parentNode.insertBefore(e,t),e.appendChild(t),this.setTooltipedElement(e)}else!t.disabled&&e&&(this.element.firstElementChild.replaceWith(t),this.setTooltipedElement(t))},this.setPopper=t=>{this.popper=me(this.tooltipedElement,this.mgTooltipContent,{placement:this.placement,strategy:t,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"flip",options:{fallbackPlacements:["auto"]}}]})},this.setTooltipedElement=t=>{this.tooltipedElement=t,this.tooltipedElement.addEventListener("focus",(()=>{this.guard=ke.FOCUS,this.setDisplay(!0)})),this.tooltipedElement.addEventListener("mouseup",(()=>{this.resetGuard()})),this.tooltipedElement.addEventListener("blur",(()=>{this.resetGuard(),this.setDisplay(!1)})),this.tooltipedElement.addEventListener("mouseenter",(()=>{this.tooltipMouseListenerAction(ke.HOVER_TOOLTIPED_ELEMENT,"mouseenter",ke.HOVER_TOOLTIP_ELEMENT)})),this.tooltipedElement.addEventListener("mouseleave",(()=>{this.tooltipMouseListenerAction(ke.HOVER_TOOLTIPED_ELEMENT,"mouseleave",ke.HOVER_TOOLTIP_ELEMENT)}))},this.setMgButtonMutationObserver=t=>{new MutationObserver((i=>{i.some((t=>["aria-disabled","disabled"].includes(t.attributeName)))&&(i.some((t=>t.target.disabled&&t.target.disableOnClick))&&(this.guard=ke.DISABLE_ON_CLICK),this.guard!==ke.DISABLE_ON_CLICK&&(this.setMgButtonWrapper(t),this.resetGuard(),this.popper.update()))})).observe(t,{attributes:!0})},this.setAriaDescribedby=t=>{t.hasAttribute("aria-describedby")?t.setAttribute("aria-describedby",`${[...new Set([...t.getAttribute("aria-describedby").split(" "),this.identifier])].join(" ")}`):this.tooltipedElement.setAttribute("aria-describedby",this.identifier)}}watchIdentifier(t){if(!g(t))throw new Error(`<mg-tooltip> prop "identifier" value is invalid. Passed value: ${s(t)}.`);this.renderTooltipContent()}watchMessage(t){if(!c(t))throw new Error(`<mg-tooltip> prop "message" is required and must be a string. Passed value: ${s(t)}.`);void 0!==this.mgTooltipContent&&(this.mgTooltipContent.message=t)}watchDisplay(t){t?this.show():this.hide()}watchDisabled(t){this.hasCustomTabIndex&&(t?this.tooltipedElement.removeAttribute("tabindex"):this.tooltipedElement.hasAttribute("tabindex")||this.tooltipedElement.setAttribute("tabindex","0"))}renderTooltipContent(){if(void 0!==this.mgTooltipContent)this.mgTooltipContent.setAttribute("id",this.identifier);else{this.mgTooltipContent=document.createElement("mg-tooltip-content"),this.mgTooltipContent.setAttribute("slot","content"),this.mgTooltipContent.setAttribute("id",this.identifier);const t=document.createElement("div");t.setAttribute("slot","arrow"),t.dataset.popperArrow="",this.mgTooltipContent.appendChild(t),this.mgTooltipContent.addEventListener("mouseenter",(()=>{this.tooltipMouseListenerAction(ke.HOVER_TOOLTIP_ELEMENT,"mouseenter",ke.HOVER_TOOLTIPED_ELEMENT)})),this.mgTooltipContent.addEventListener("mouseleave",(()=>{this.tooltipMouseListenerAction(ke.HOVER_TOOLTIP_ELEMENT,"mouseleave",ke.HOVER_TOOLTIPED_ELEMENT)})),this.element.appendChild(this.mgTooltipContent)}}componentWillLoad(){this.windows=v(window),this.renderTooltipContent(),this.watchDisabled(this.disabled),this.watchMessage(this.message),this.watchIdentifier(this.identifier)}componentDidLoad(){var t;const i=this.element.querySelector(`*:not(#${this.identifier})`),e=i.matches(f)?i:null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(f);var a;this.setTooltipedElement(e||i),"object"==typeof(a=i)&&["MG-BUTTON","BUTTON"].includes(a.tagName)&&(this.setMgButtonMutationObserver(i),this.setMgButtonWrapper(i)),null!==this.element.querySelector("mg-button[full-width]")&&this.element.classList.add("mg-c-tooltip--full-width"),!this.disabled&&[void 0,null].includes(e)&&(this.hasCustomTabIndex=!0,i.tabIndex=0,i.setAttribute("role","button")),this.setAriaDescribedby(i),this.setPopper(null!==this.element.closest("mg-popover")?"absolute":"fixed"),document.addEventListener("keydown",this.handlePressEscape),this.watchDisplay(this.display)}componentDidUpdate(){this.popper.update()}disconnectedCallback(){var t;document.removeEventListener("keydown",this.handlePressEscape),null===(t=this.windows)||void 0===t||t.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))}render(){return i(e,{key:"5cd926147c1b6723065c5334699764f32a8a06c9"},i("slot",{key:"a1b208798c79e34a207f3bedb2ad9662e02e83e2"}),i("slot",{key:"4f332961968fd3541caf47c2fd9072720fa2ee71",name:"content"}))}get element(){return a(this)}static get watchers(){return{identifier:[{watchIdentifier:0}],message:[{watchMessage:0}],display:[{watchDisplay:0}],disabled:[{watchDisabled:0}]}}};$e.style=":host{display:inline-block}:host(.mg-c-tooltip--full-width){display:block}:host(.mg-c-tooltip--full-width)::slotted(div.mg-c-tooltip__mg-button-wrapper){display:block;width:100%}";const Ee=class{constructor(i){t(this,i)}render(){return i(e,{key:"49dc32a8c7191fb291d2c47fc1e903d16e0774ab",role:"tooltip"},i("span",{key:"913adc1f23eec27eb4b83cc4f4d9b4c1d6f9b2c2",innerHTML:this.message,class:"mg-tooltip-content__message"}),i("slot",{key:"44da4832c535df385cbde0fd32791d901c538e84",name:"arrow"}))}};Ee.style=':host{z-index:1000;display:none;max-width:var(--mg-b-size-floating-element-max-width);box-sizing:border-box;padding:var(--mg-b-size-4) var(--mg-b-size-8);border-radius:var(--mg-c-tooltip-border-radius);background-color:var(--mg-c-tooltip-color-background);color:var(--mg-c-tooltip-color-text);font-family:var(--mg-b-font-family);font-size:var(--mg-b-font-size);font-weight:400;text-align:start}:host([data-show]){display:block}::slotted([slot=arrow]){visibility:hidden}::slotted([slot=arrow])::before{content:"";transform:rotate(45deg);visibility:visible}::slotted([slot=arrow]),::slotted([slot=arrow])::before{position:absolute;z-index:9999;width:var(--mg-b-size-8);height:var(--mg-b-size-8);background-color:var(--mg-c-tooltip-color-background)}:host([data-popper-placement^=top])>::slotted([slot=arrow]){bottom:calc(-1*var(--mg-b-size-4))}:host([data-popper-placement^=bottom])>::slotted([slot=arrow]){top:calc(-1*var(--mg-b-size-4))}:host([data-popper-placement^=left])>::slotted([slot=arrow]){right:calc(-1*var(--mg-b-size-4))}:host([data-popper-placement^=right])>::slotted([slot=arrow]){left:calc(-1*var(--mg-b-size-4))}';export{R as mg_action_more,N as mg_badge,Y as mg_button,J as mg_card,X as mg_character_left,Z as mg_details,tt as mg_divider,at as mg_form,rt as mg_icon,ht as mg_illustrated_message,mt as mg_input,ft as mg_input_checkbox,wt as mg_input_date,xt as mg_input_numeric,zt as mg_input_password,$t as mg_input_radio,Lt as mg_input_select,Vt as mg_input_text,qt as mg_input_textarea,At as mg_input_title,Wt as mg_input_toggle,Ht as mg_item_more,Rt as mg_menu,Ft as mg_menu_item,Ut as mg_message,Kt as mg_modal,Qt as mg_pagination,ei as mg_panel,de as mg_popover,ue as mg_popover_content,pe as mg_skip_links,we as mg_table,ye as mg_tabs,ze as mg_tag,$e as mg_tooltip,Ee as mg_tooltip_content}