@mgdis/mg-components 3.1.0 → 4.0.0

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

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

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

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

package/dist/mg-components/p-780bd52d.js

@@ -0,0 +1 @@
+function e(e="",a=10){let t="";const n="abcdefghijklmnopqrstuvwxyz0123456789",r=n.length;for(let e=0;e<a;e++)t+=n.charAt(Math.floor(Math.random()*r));return(""!==e?`${e}-`:"")+t}class a{constructor(e=[]){this.add=e=>{this.has(e)||this.classes.push(e)},this.delete=e=>{const a=this.classes.indexOf(e);a>-1&&this.classes.splice(a,1)},this.has=e=>this.classes.includes(e),this.join=()=>this.classes.join(" "),this.classes=e}}function t(e){return e&&e.every((e=>"string"==typeof e))}const n={en:{errors:{required:"This field is required.",date:{badInput:'The date format must be <span aria-hidden="true">mm/dd/yyyy</span><span class="sr-only">m m / d d / y y y y</span> and the date must be greater than {min}',min:"The date cannot be earlier than {min}",max:"The date cannot be later than {max}",minMax:"The date must be between {min} and {max}"},numeric:{min:"The value cannot be less than {min}",max:"The value cannot be greater than {max}",minMax:"The value must be between {min} et {max}"}},nbCharLeft:"{counter} characters left.",input:{select:{placeholder:"Select a value"}},form:{required:'Fields with a <strong class="is-asterisk">*</strong> are required',allRequired:"All fields are required"},message:{closeButton:"Close message"},modal:{closeButton:"Close modal"},pagination:{label:"Pagination",page:"page",pages:"pages",nextPage:"Next page",previousPage:"Previous page",selectPage:"Select the page to display."},panel:{editLabel:"Edit section title."},general:{confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous"}},fr:{errors:{required:"Ce champ est obligatoire.",date:{badInput:'Le format de la date doit être du type <span aria-hidden="true">jj/mm/aaaa</span><span class="sr-only">j j / m m / a a a a</span> et la date supérieure au {min}',min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},nbCharLeft:"{counter} caractères disponibles.",input:{select:{placeholder:"Sélectionnez une valeur"}},form:{required:'Les champs marqués d\'un <strong class="is-asterisk">*</strong> sont obligatoires',allRequired:"Tous les champs sont obligatoires"},message:{closeButton:"Fermer le message"},modal:{closeButton:"Fermer la modale"},pagination:{label:"Pagination",page:"page",pages:"pages",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."},panel:{editLabel:"Modifier le titre de la section."},general:{confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent"}}},r=e=>{const a=(e=>{var a;return(null===(a=e.closest("[lang]"))||void 0===a?void 0:a.lang)||navigator.language||"en"})(e),t=a.split("-").shift();return{locale:a,messages:n[t]||n.en}};export{a as C,t as a,e as c,r as i}

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

@@ -0,0 +1,2 @@
+let t,e,n,l=!1,o=!1,s=!1,r=!1,c=!1;const i="undefined"!=typeof window?window:{},f=i.document||{head:{}},a={t:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},u=t=>Promise.resolve(t),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=m(t,n),r=h(e,o),c=p(n);a.ael(s,l,r,c),(e.o=e.o||[]).push((()=>a.rel(s,l,r,c)))}))},h=(t,e)=>n=>{try{256&t.t?t.i[e](n):(t.u=t.u||[]).push([e,n])}catch(t){at(t)}},m=(t,e)=>8&e?i:t,p=t=>0!=(2&t),y=new WeakMap,b=t=>"sc-"+t.$,w={},g=t=>"object"==(t=typeof t)||"function"===t,v=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1;const c=[],i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!g(l))&&(l+=""),s&&r?c[c.length-1].h+=l:c.push(s?j(null,l):l),r=s)};if(i(n),e){e.name&&(o=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,O);const f=j(t,null);return f.m=e,c.length>0&&(f.p=c),f.g=o,f},j=(t,e)=>({t:0,v:t,h:e,j:null,p:null,m:null,g:null}),S={},O={forEach:(t,e)=>t.map(k).forEach(e),map:(t,e)=>t.map(k).map(e).map(M)},k=t=>({vattrs:t.m,vchildren:t.p,vkey:t.S,vname:t.g,vtag:t.v,vtext:t.h}),M=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),v(t.vtag,e,...t.vchildren||[])}const e=j(t.vtag,t.vtext);return e.m=t.vattrs,e.p=t.vchildren,e.S=t.vkey,e.g=t.vname,e},C=(t,e,n,l,o,s)=>{if(n!==l){let r=ft(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=x(n),s=x(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const c=g(l);if((r||c&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||o)&&!c&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):ft(i,c)?c.slice(2):c[2]+e.slice(3),n&&a.rel(t,e,n,!1),l&&a.ael(t,e,l,!1)}},R=/\s/,x=t=>t?t.split(R):[],P=(t,e,n,l)=>{const o=11===e.j.nodeType&&e.j.host?e.j.host:e.j,s=t&&t.m||w,r=e.m||w;for(l in s)l in r||C(o,l,s[l],void 0,n,e.t);for(l in r)C(o,l,s[l],r[l],n,e.t)},T=(o,c,i,a)=>{const u=c.p[i];let $,d,h,m=0;if(l||(s=!0,"slot"===u.v&&(t&&a.classList.add(t+"-s"),u.t|=u.p?2:1)),null!==u.h)$=u.j=f.createTextNode(u.h);else if(1&u.t)$=u.j=f.createTextNode("");else{if(r||(r="svg"===u.v),$=u.j=f.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.t?"slot-fb":u.v),r&&"foreignObject"===u.v&&(r=!1),P(null,u,r),null!=t&&$["s-si"]!==t&&$.classList.add($["s-si"]=t),u.p)for(m=0;m<u.p.length;++m)d=T(o,u,m,$),d&&$.appendChild(d);"svg"===u.v?r=!1:"foreignObject"===$.tagName&&(r=!0)}return $["s-hn"]=n,3&u.t&&($["s-sr"]=!0,$["s-cr"]=e,$["s-sn"]=u.g||"",h=o&&o.p&&o.p[i],h&&h.v===u.v&&o.j&&E(o.j,!1)),$},E=(t,e)=>{a.t|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const o=l[t];o["s-hn"]!==n&&o["s-ol"]&&(D(o).insertBefore(o,A(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&E(o,e)}a.t&=-2},L=(t,e,l,o,s,r)=>{let c,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=T(null,l,s,t),c&&(o[s].j=c,i.insertBefore(c,A(e))))},N=(t,e,n,l,s)=>{for(;e<=n;++e)(l=t[e])&&(s=l.j,_(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},W=(t,e)=>t.v===e.v&&("slot"!==t.v||t.g===e.g),A=t=>t&&t["s-ol"]||t,D=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,F=(t,e)=>{const n=e.j=t.j,l=t.p,o=e.p,s=e.v,c=e.h;let i;null===c?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||P(t,e,r),null!==l&&null!==o?((t,e,n,l)=>{let o,s=0,r=0,c=e.length-1,i=e[0],f=e[c],a=l.length-1,u=l[0],$=l[a];for(;s<=c&&r<=a;)null==i?i=e[++s]:null==f?f=e[--c]:null==u?u=l[++r]:null==$?$=l[--a]:W(i,u)?(F(i,u),i=e[++s],u=l[++r]):W(f,$)?(F(f,$),f=e[--c],$=l[--a]):W(i,$)?("slot"!==i.v&&"slot"!==$.v||E(i.j.parentNode,!1),F(i,$),t.insertBefore(i.j,f.j.nextSibling),i=e[++s],$=l[--a]):W(f,u)?("slot"!==i.v&&"slot"!==$.v||E(f.j.parentNode,!1),F(f,u),t.insertBefore(f.j,i.j),f=e[--c],u=l[++r]):(o=T(e&&e[r],n,r,t),u=l[++r],o&&D(i.j).insertBefore(o,A(i.j)));s>c?L(t,null==l[a+1]?null:l[a+1].j,n,l,r,a):r>a&&N(e,s,c)})(n,l,e,o):null!==o?(null!==t.h&&(n.textContent=""),L(n,null,e,o,0,o.length-1)):null!==l&&N(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:t.h!==c&&(n.data=c)},H=t=>{const e=t.childNodes;let n,l,o,s,r,c;for(l=0,o=e.length;l<o;l++)if(n=e[l],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=e[s].nodeType,e[s]["s-hn"]!==n["s-hn"]||""!==r){if(1===c&&r===e[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==e[s].textContent.trim()){n.hidden=!0;break}H(n)}},U=[],q=t=>{let e,n,l,s,r,c,i=0;const f=t.childNodes,a=f.length;for(;i<a;i++){if(e=f[i],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(V(n,s)?(r=U.find((t=>t.O===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.k=e:U.push({k:e,O:n}),n["s-sr"]&&U.map((t=>{V(t.O,n["s-sn"])&&(r=U.find((t=>t.O===n)),r&&!t.k&&(t.k=r.k))}))):U.some((t=>t.O===n))||U.push({O:n}));1===e.nodeType&&q(e)}},V=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,_=t=>{t.m&&t.m.ref&&t.m.ref(null),t.p&&t.p.map(_)},z=t=>rt(t).M,B=(t,e,n)=>{const l=z(t);return{emit:t=>G(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},G=(t,e,n)=>{const l=a.ce(e,n);return t.dispatchEvent(l),l},I=(t,e)=>{e&&!t.C&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.C=e)))},J=(t,e)=>{if(t.t|=16,!(4&t.t))return I(t,t.R),gt((()=>K(t,e)));t.t|=512},K=(t,e)=>{const n=t.i;let l;return e&&(t.t|=256,t.u&&(t.u.map((([t,e])=>tt(n,t,e))),t.u=null),l=tt(n,"componentWillLoad")),et(l,(()=>Q(t,n,e)))},Q=async(t,e,n)=>{const l=t.M,o=l["s-rc"];n&&(t=>{const e=t.P,n=t.M,l=e.t,o=((t,e)=>{let n=b(e);const l=dt.get(n);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let e,o=y.get(t=t.head||t);o||y.set(t,o=new Set),o.has(n)||(e=f.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);X(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>Y(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},X=(r,c)=>{try{c=c.render(),r.t&=-17,r.t|=2,((r,c)=>{const i=r.M,u=r.P,$=r.T||j(null,null),d=(t=>t&&t.v===S)(c)?c:v(null,null,c);if(n=i.tagName,u.L&&(d.m=d.m||{},u.L.map((([t,e])=>d.m[e]=i[t]))),d.v=null,d.t|=4,r.T=d,d.j=$.j=i.shadowRoot||i,t=i["s-sc"],e=i["s-cr"],l=0!=(1&u.t),o=!1,F($,d),a.t|=1,s){let t,e,n,l,o,s;q(d.j);let r=0;for(;r<U.length;r++)t=U[r],e=t.O,e["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<U.length;r++)if(t=U[r],e=t.O,t.k){for(l=t.k.parentNode,o=t.k.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===e["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,o))}else 1===e.nodeType&&(e.hidden=!0)}o&&H(d.j),a.t&=-2,U.length=0})(r,c)}catch(t){at(t,r.M)}return null},Y=t=>{const e=t.M,n=t.i,l=t.R;tt(n,"componentDidRender"),64&t.t||(t.t|=64,nt(e),tt(n,"componentDidLoad"),t.N(e),l||Z()),t.W(e),t.C&&(t.C(),t.C=void 0),512&t.t&&wt((()=>J(t,!1))),t.t&=-517},Z=()=>{nt(f.documentElement),wt((()=>G(i,"appload",{detail:{namespace:"mg-components"}})))},tt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){at(t)}},et=(t,e)=>t&&t.then?t.then(e):e(),nt=t=>t.classList.add("hydrated"),lt=(t,e,n)=>{if(e.A){t.watchers&&(e.D=t.watchers);const l=Object.entries(e.A),o=t.prototype;if(l.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,t,{get(){return((t,e)=>rt(this).F.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=rt(t),s=o.M,r=o.F.get(e),c=o.t,i=o.i;if(n=((t,e)=>null==t||g(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.A[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.F.set(e,n),i)){if(l.D&&128&c){const t=l.D[e];t&&t.map((t=>{try{i[t](n,r,e)}catch(t){at(t,s)}}))}2==(18&c)&&J(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=rt(this);return n.H.then((()=>n.i[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){a.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const o=l[1]||t;return n.set(o,t),512&l[0]&&e.L.push([t,o]),o}))}}return t},ot=(t,e={})=>{const n=[],l=e.exclude||[],o=i.customElements,s=f.head,r=s.querySelector("meta[charset]"),c=f.createElement("style"),u=[];let h,m=!0;Object.assign(a,e),a.l=new URL(e.resourcesUrl||"./",f.baseURI).href,t.map((t=>{t[1].map((e=>{const s={t:e[0],$:e[1],A:e[2],U:e[3]};s.A=e[2],s.U=e[3],s.L=[],s.D={};const r=s.$,c=class extends HTMLElement{constructor(t){super(t),it(t=this,s),1&s.t&&t.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),m?u.push(this):a.jmp((()=>(t=>{if(0==(1&a.t)){const e=rt(t),n=e.P,l=()=>{};if(1&e.t)d(t,e,n.U);else{e.t|=1,12&n.t&&(t=>{const e=t["s-cr"]=f.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){I(e,e.R=n);break}}n.A&&Object.entries(n.A).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,o)=>{if(0==(32&e.t)){{if(e.t|=32,(o=$t(n)).then){const t=()=>{};o=await o,t()}o.isProxied||(n.D=o.watchers,lt(o,n,2),o.isProxied=!0);const t=()=>{};e.t|=8;try{new o(e)}catch(t){at(t)}e.t&=-9,e.t|=128,t()}if(o.style){let t=o.style;const e=b(n);if(!dt.has(e)){const l=()=>{};((t,e,n)=>{let l=dt.get(t);$&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,dt.set(t,l)})(e,t,!!(1&n.t)),l()}}}const s=e.R,r=()=>J(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const t=rt(this);t.o&&(t.o.map((t=>t())),t.o=void 0)}})()))}componentOnReady(){return rt(this).q}};s.V=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,lt(c,s,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),m=!1,u.length?u.map((t=>t.connectedCallback())):a.jmp((()=>h=setTimeout(Z,30)))},st=new WeakMap,rt=t=>st.get(t),ct=(t,e)=>st.set(e.i=t,e),it=(t,e)=>{const n={t:0,M:t,P:e,F:new Map};return n.H=new Promise((t=>n.W=t)),n.q=new Promise((t=>n.N=t)),t["s-p"]=[],t["s-rc"]=[],d(t,n,e.U),st.set(t,n)},ft=(t,e)=>e in t,at=(t,e)=>(0,console.error)(t,e),ut=new Map,$t=t=>{const e=t.$.replace(/-/g,"_"),n=t.V,l=ut.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(ut.set(n,t),t[e])),at)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},dt=new Map,ht=[],mt=[],pt=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&a.t?wt(bt):a.raf(bt))},yt=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){at(t)}t.length=0},bt=()=>{yt(ht),yt(mt),(c=ht.length>0)&&a.raf(bt)},wt=t=>u().then(t),gt=pt(mt,!0);export{S as H,ot as b,B as c,z as g,v as h,u as p,ct as r}

package/dist/mg-components/variables.css

@@ -53,11 +53,11 @@
   --color-info: var(--color-info-h), var(--color-info-s), var(--color-info-l);
 
   /* Danger */
-  /* #df242c; */
-  /* rgb(223, 36, 44); */
+  /* #db1f29; */
+  /* rgb(219, 31, 41); */
   --color-danger-h: 357;
-  --color-danger-s: 74.5%;
-  --color-danger-l: 50.8%;
+  --color-danger-s: 75%;
+  --color-danger-l: 49%;
   --color-danger: var(--color-danger-h), var(--color-danger-s), var(--color-danger-l);
 
   /* Dark */
@@ -76,6 +76,21 @@
   --color-light-l: 100%;
   --color-light: var(--color-light-h), var(--color-light-s), var(--color-light-l);
 
+  /* Primary */
+  --color-primary-h: hsl(var(--color-dark-h));
+  --color-primary-s: hsl(var(--color-dark-s));
+  --color-primary-l: hsl(var(--color-dark-l));
+  --color-primary: hsl(var(--color-dark));
+
+  /* Secondary */
+  --color-secondary-h: hsl(var(--color-neutral-h));
+  --color-secondary-s: hsl(var(--color-neutral-s));
+  --color-secondary-l: hsl(var(--color-neutral-l));
+  --color-secondary: hsl(var(--color-neutral));
+
+  /* Shadow */
+  --box-shadow: 0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);
+
   /*
     Global
    */
@@ -84,6 +99,7 @@
   /*
     <mg-icon>
    */
+  --mg-icon-small-size: 1.2rem;
   --mg-icon-regular-size: 1.6rem;
   --mg-icon-large-size: 2.4rem;
   --mg-icon-extra-large-size: 3.6rem;
@@ -95,6 +111,8 @@
   --mg-button-border-radius: 0.3rem;
   --mg-button-icon-border-radius: var(--default-size);
   --mg-button-disabled-opacity: 0.6;
+  --mg-button-gradient: 1; /* Can only be 1 or 0 to enable disable gradient */
+  --mg-button-border-variation: 1; /* Can only be 1 or 0 to enable disable border variation */
 
   /* Primary */
   --mg-button-primary-color-h: var(--color-dark-h);
@@ -140,6 +158,20 @@
    */
   --mg-message-border-radius: 0.3rem;
 
+  /*
+    <mg-modal>
+   */
+  --mg-modal-border-radius: 0.5rem;
+  --mg-modal-title-font-size: 1.8rem;
+  --mg-modal-content-font-size: 1.2rem;
+
+  /*
+    <mg-panel>
+   */
+
+  --mg-panel-border-radius: 0.5rem;
+  --mg-panel-background: var(--color-info-h) var(--color-info-s) calc(var(--color-info-l) + 68%);
+
   /*
     Layout
    */
@@ -148,7 +180,6 @@
   /*
     Forms
    */
-  --mg-form-group-vertical-space: 1.5rem;
 
   /*
     <mg-input-...>
@@ -158,6 +189,9 @@
   --mg-inputs-color: #b5c2c9;
   --mg-inputs-spacer: 1rem;
 
+  /* Error message background */
+  --mg-inputs-error-bg-color: var(--color-danger-h), calc(var(--color-danger-s) + 5%), calc(var(--color-danger-l) + 49%);
+
   /* Input focus shadow */
   /* #b5c2c9 */
   /* rgb(0, 221, 255); */

package/dist/mg-components/variables.scss

@@ -53,11 +53,11 @@
   --color-info: var(--color-info-h), var(--color-info-s), var(--color-info-l);
 
   /* Danger */
-  /* #df242c; */
-  /* rgb(223, 36, 44); */
+  /* #db1f29; */
+  /* rgb(219, 31, 41); */
   --color-danger-h: 357;
-  --color-danger-s: 74.5%;
-  --color-danger-l: 50.8%;
+  --color-danger-s: 75%;
+  --color-danger-l: 49%;
   --color-danger: var(--color-danger-h), var(--color-danger-s), var(--color-danger-l);
 
   /* Dark */
@@ -76,6 +76,21 @@
   --color-light-l: 100%;
   --color-light: var(--color-light-h), var(--color-light-s), var(--color-light-l);
 
+  /* Primary */
+  --color-primary-h: hsl(var(--color-dark-h));
+  --color-primary-s: hsl(var(--color-dark-s));
+  --color-primary-l: hsl(var(--color-dark-l));
+  --color-primary: hsl(var(--color-dark));
+
+  /* Secondary */
+  --color-secondary-h: hsl(var(--color-neutral-h));
+  --color-secondary-s: hsl(var(--color-neutral-s));
+  --color-secondary-l: hsl(var(--color-neutral-l));
+  --color-secondary: hsl(var(--color-neutral));
+
+  /* Shadow */
+  --box-shadow: 0 0.3rem 0.8rem 0 rgba(0, 0, 0, 0.1);
+
   /*
     Global
    */
@@ -84,6 +99,7 @@
   /*
     <mg-icon>
    */
+  --mg-icon-small-size: 1.2rem;
   --mg-icon-regular-size: 1.6rem;
   --mg-icon-large-size: 2.4rem;
   --mg-icon-extra-large-size: 3.6rem;
@@ -95,6 +111,8 @@
   --mg-button-border-radius: 0.3rem;
   --mg-button-icon-border-radius: var(--default-size);
   --mg-button-disabled-opacity: 0.6;
+  --mg-button-gradient: 1; /* Can only be 1 or 0 to enable disable gradient */
+  --mg-button-border-variation: 1; /* Can only be 1 or 0 to enable disable border variation */
 
   /* Primary */
   --mg-button-primary-color-h: var(--color-dark-h);
@@ -140,6 +158,20 @@
    */
   --mg-message-border-radius: 0.3rem;
 
+  /*
+    <mg-modal>
+   */
+  --mg-modal-border-radius: 0.5rem;
+  --mg-modal-title-font-size: 1.8rem;
+  --mg-modal-content-font-size: 1.2rem;
+
+  /*
+    <mg-panel>
+   */
+
+  --mg-panel-border-radius: 0.5rem;
+  --mg-panel-background: var(--color-info-h) var(--color-info-s) calc(var(--color-info-l) + 68%);
+
   /*
     Layout
    */
@@ -148,7 +180,6 @@
   /*
     Forms
    */
-  --mg-form-group-vertical-space: 1.5rem;
 
   /*
     <mg-input-...>
@@ -158,6 +189,9 @@
   --mg-inputs-color: #b5c2c9;
   --mg-inputs-spacer: 1rem;
 
+  /* Error message background */
+  --mg-inputs-error-bg-color: var(--color-danger-h), calc(var(--color-danger-s) + 5%), calc(var(--color-danger-l) + 49%);
+
   /* Input focus shadow */
   /* #b5c2c9 */
   /* rgb(0, 221, 255); */

package/dist/types/components/atoms/mg-badge/{mg-badge.stories.d.ts → doc/mg-badge.stories.d.ts}

@@ -7,6 +7,11 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
     value: {
       control: {

package/dist/types/components/atoms/mg-badge/mg-badge.d.ts

@@ -1,11 +1,18 @@
 import { BadgeType } from './mg-badge.conf';
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgBadge {
+  /************
+   * Internal *
+   ************/
+  private classOutline;
+  /**************
+   * Decorators *
+   **************/
   /**
    * Badge value
    */
   value: BadgeType['value'];
-  valideValue(newValue: any): void;
+  validateValue(newValue: BadgeType['value']): void;
   /**
    * Badge label. Include short description.
    * Required for accessibility
@@ -14,12 +21,12 @@ export declare class MgBadge {
   /**
    * Define button variant
    */
-  variant?: string;
-  validateVariant(newValue: string): void;
+  variant: string;
+  validateVariant(newValue: string, oldValue?: string): void;
   /**
    * Define if button is using outline style
    */
-  outline?: boolean;
+  outline: boolean;
   validateOutline(newValue: boolean): void;
   /**
    * Component classes
@@ -27,10 +34,14 @@ export declare class MgBadge {
   classList: ClassList;
   /**
    * Check if props are well configured on init
+   *
+   * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
+   *
+   * @returns {HTMLElement} HTML Element
    */
-  render(): any;
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-button/{mg-button.stories.d.ts → doc/mg-button.stories.d.ts}

@@ -7,6 +7,11 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
 };

package/dist/types/components/atoms/mg-button/mg-button.d.ts

@@ -15,12 +15,12 @@ export declare class MgButton {
    * Define button variant
    */
   variant: string;
-  validateVariant(newValue: string): void;
+  validateVariant(newValue: string, oldValue?: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
    * If not set, it will be created.
    */
-  identifier?: string;
+  identifier: string;
   /**
    * aria-label
    * In case button text is not explicit enough
@@ -41,6 +41,19 @@ export declare class MgButton {
    * Parent component have to remove the attribute 'disabled' when the process ends.
    */
   disableOnClick: boolean;
+  /**
+   * Prop to set aria-expanded on button element
+   */
+  expanded: boolean;
+  /**
+   * Prop to set aria-controls on button element
+   */
+  controls: string;
+  /**
+   * Option to set aria-haspopup
+   * The aria-haspopup state informs assistive technology users that there is a popup and the type of popup it is, but provides no interactivity.
+   */
+  haspopup: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
   /**
    * Define if button is loading, default to false.
    * Trigger when button is clicked or key-up ['enter', 'space], then value change to true.
@@ -54,14 +67,21 @@ export declare class MgButton {
   classList: ClassList;
   /**
    * Trigger actions onClick event
+   *
+   * @param {MouseEvent} event click event
+   * @returns {void}
    */
   private handleClick;
   /**
    * Check if props are well configured on init
+   *
+   * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render component
+   *
+   * @returns {HTMLElement} html element
    */
-  render(): any;
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-character-left/{mg-character-left.stories.d.ts → doc/mg-character-left.stories.d.ts}

@@ -1,6 +1,15 @@
 declare const _default: {
   component: string;
   title: string;
+  argTypes: {
+    template: {
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
 };
 export default _default;
 export declare const MgCharacterLeft: any;

package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts

@@ -2,21 +2,19 @@ export declare class MgCharacterLeft {
   /************
    * Internal *
    ************/
-  private mustacheCounter;
+  private messages;
   /**************
    * Decorators *
    **************/
+  /**
+   * Get component DOM element
+   */
+  element: HTMLMgCharacterLeftElement;
   /**
    * Sets an `id` attribute.
    * Needed by the input for accessibility `aria-decribedby`.
    */
   identifier: string;
-  /**
-   * Template to display remaining characters.
-   * Must have {counter} inside
-   */
-  template: string;
-  validateTemplate(newValue: string): void;
   /**
    * Sets the characters to count
    */
@@ -26,14 +24,19 @@ export declare class MgCharacterLeft {
    */
   maxlength: number;
   validateMaxlength(newValue: number): void;
-  /**
-   * Calculate number character left
-   * @returns {string}
-   */
-  private getMessage;
   /*************
    * Lifecycle *
    *************/
+  /**
+   * Check if props are well configured on init
+   *
+   * @returns {void}
+   */
   componentWillLoad(): void;
-  render(): any;
+  /**
+   * Render component
+   *
+   * @returns {HTMLElement} HTML Element
+   */
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-icon/mg-icon.conf.d.ts

@@ -1,7 +1,7 @@
 /**
  * Icon SVG paths
  */
-export declare const icons: Object;
+export declare const icons: unknown;
 /**
  * List of all possibles sizes
  */

package/dist/types/components/atoms/mg-icon/mg-icon.d.ts

@@ -4,18 +4,18 @@ export declare class MgIcon {
    * Icon to display
    */
   icon: string;
-  validateIcon(newValue: string): void;
+  validateIcon(newValue: string, oldValue?: string): void;
   /**
    * Define icon size
    */
   size: string;
-  validateSize(newValue: string): void;
+  validateSize(newValue: string, oldValue?: string): void;
   /**
    * Define icon variant
    * Add a background to the icon based on variant color
    */
   variant: string;
-  validateVariant(newValue: string): void;
+  validateVariant(newValue: string, oldValue?: string): void;
   /**
    * Make the icon spin
    */
@@ -25,12 +25,22 @@ export declare class MgIcon {
    * Component classes
    */
   classList: ClassList;
+  /**
+   * getIcon
+   *
+   * @returns {HTMLElement} icon html
+   */
+  private getIcon;
   /**
    * Check if props are well configured on init
+   *
+   * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render component
+   *
+   * @returns {HTMLElement} HTML Element
    */
-  render(): any;
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts

@@ -19,6 +19,16 @@ export declare class MgInputTitle {
   /*************
    * Lifecycle *
    *************/
+  /**
+   * Init tag name
+   *
+   * @returns {void}
+   */
   componentWillLoad(): void;
-  render(): any;
+  /**
+   * Render
+   *
+   * @returns {HTMLElement} HTML Element
+   */
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-tag/{mg-tag.stories.d.ts → doc/mg-tag.stories.d.ts}

@@ -7,6 +7,11 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
 };

package/dist/types/components/atoms/mg-tag/mg-tag.d.ts

@@ -1,25 +1,39 @@
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgTag {
+  /************
+   * Internal *
+   ************/
+  private classOutline;
+  /**************
+   * Decorators *
+   **************/
   /**
    * Define button variant
    */
-  variant?: string;
-  validateVariant(newValue: string): void;
+  variant: string;
+  validateVariant(newValue: string, oldValue?: string): void;
   /**
    * Define if button is using outline style
    */
-  outline?: boolean;
+  outline: boolean;
   validateOutline(newValue: boolean): void;
   /**
    * Component classes
    */
   classList: ClassList;
+  /*************
+   * Lifecycle *
+   *************/
   /**
    * Check if props are well configured on init
+   *
+   * @returns {void}
    */
   componentWillLoad(): void;
   /**
    * Render
+   *
+   * @returns {HTMLElement} HTML Element
    */
-  render(): any;
+  render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-tooltip/doc/mg-tooltip.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  component: string;
+  title: string;
+  parameters: {
+    layout: string;
+  };
+  argTypes: {
+    placement: {
+      options: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: "auto";
+        };
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const MgTooltip: any;
+export declare const MgTooltipOnButton: any;
+export declare const MgTooltipOnSpan: any;