@mozaic-ds/web-components 0.27.0 → 0.28.1-beta.0

package/public/adeo/components/card/Card.js

@@ -1,2 +1,2 @@
-import{S as t,i,a as o,g as e,b as r,f as m,s as n,c,e as l,d as a,n as d,a4 as s,h as b,j as h,l as u,p as g,q as f,r as p,u as x,x as w,t as _,a5 as k,o as v,R as y}from"../../index-48da6c1f.js";function $(t){let i,o,e;return{c(){i=l(t[3]),o=_("$"),e=_(t[0]),k(t[3])(i,{class:"mc-card__title"})},m(t,m){r(t,i,m),u(i,o),u(i,e)},p(t,i){1&i&&v(e,t[0])},d(t){t&&f(i)}}}function z(t){let i,o=t[6],e=t[6]&&j(t);return{c(){e&&e.c(),i=y()},m(t,o){e&&e.m(t,o),r(t,i,o)},p(t,r){t[6]?o?n(o,t[6])?(e.d(1),e=j(t),o=t[6],e.c(),e.m(i.parentNode,i)):e.p(t,r):(e=j(t),o=t[6],e.c(),e.m(i.parentNode,i)):o&&(e.d(1),e=null,o=t[6])},d(t){t&&f(i),e&&e.d(t)}}}function j(t){let i,o,e;return{c(){i=l(t[6]),o=_("$"),e=_(t[5]),k(t[6])(i,{class:"mc-card__subtitle"})},m(t,m){r(t,i,m),u(i,o),u(i,e)},p(t,i){32&i&&v(e,t[5])},d(t){t&&f(i)}}}function R(t){let i;return{c(){i=l("footer"),i.innerHTML='<slot name="footer"></slot>',b(i,"class","mc-card__footer")},m(t,o){r(t,i,o)},d(t){t&&f(i)}}}function C(t){let i,o,e,m,p,x,w,_,k,v,y,j,C=t[3],q=t[3]&&$(t),Y=t[5]&&z(t),E=t[10].footer&&R(),H=[{class:j="mc-card"+(t[2]?" mc-card--bordered":"")+" "+t[9]},t[8]],L={};for(let t=0;t<H.length;t+=1)L=c(L,H[t]);return{c(){i=l("div"),o=l("figure"),e=l("img"),x=a(),w=l("article"),q&&q.c(),_=a(),Y&&Y.c(),k=a(),v=l("div"),v.innerHTML="<slot></slot>",y=a(),E&&E.c(),this.c=d,s(e.src,m=t[1])||b(e,"src",m),b(e,"alt",t[4]),b(e,"class","mc-card__img"),b(o,"class",p="mc-card__visual "+(t[7]?`mc-card__visual--${t[7]}`:"")),b(v,"class","mc-card__body"),b(w,"class","mc-card__content"),h(i,L)},m(t,m){r(t,i,m),u(i,o),u(o,e),u(i,x),u(i,w),q&&q.m(w,null),u(w,_),Y&&Y.m(w,null),u(w,k),u(w,v),u(w,y),E&&E.m(w,null)},p(t,[r]){2&r&&!s(e.src,m=t[1])&&b(e,"src",m),16&r&&b(e,"alt",t[4]),128&r&&p!==(p="mc-card__visual "+(t[7]?`mc-card__visual--${t[7]}`:""))&&b(o,"class",p),t[3]?C?n(C,t[3])?(q.d(1),q=$(t),C=t[3],q.c(),q.m(w,_)):q.p(t,r):(q=$(t),C=t[3],q.c(),q.m(w,_)):C&&(q.d(1),q=null,C=t[3]),t[5]?Y?Y.p(t,r):(Y=z(t),Y.c(),Y.m(w,k)):Y&&(Y.d(1),Y=null),t[10].footer?E||(E=R(),E.c(),E.m(w,null)):E&&(E.d(1),E=null),h(i,L=g(H,[516&r&&j!==(j="mc-card"+(t[2]?" mc-card--bordered":"")+" "+t[9])&&{class:j},256&r&&t[8]]))},i:d,o:d,d(t){t&&f(i),q&&q.d(t),Y&&Y.d(),E&&E.d()}}}function q(t,i,o){let e,r;const m=["title","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio"];let n=p(i,m),{$$slots:l={},$$scope:a}=i;const d=x(l);let{title:s}=i,{imgsrc:b}=i,{outlined:h=!1}=i,{titletag:u="h1"}=i,{imgalt:g}=i,{subtitle:f}=i,{subtitletag:_="h2"}=i,{imageratio:k="4x3"}=i;return t.$$set=t=>{o(12,i=c(c({},i),w(t))),o(11,n=p(i,m)),"title"in t&&o(0,s=t.title),"imgsrc"in t&&o(1,b=t.imgsrc),"outlined"in t&&o(2,h=t.outlined),"titletag"in t&&o(3,u=t.titletag),"imgalt"in t&&o(4,g=t.imgalt),"subtitle"in t&&o(5,f=t.subtitle),"subtitletag"in t&&o(6,_=t.subtitletag),"imageratio"in t&&o(7,k=t.imageratio)},t.$$.update=()=>{o(9,e=i.class),o(8,r=Object.assign({},n)),256&t.$$.dirty&&delete r.class},i=w(i),[s,b,h,u,g,f,_,k,r,e,d]}class Y extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled,.mc-button--bordered-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled,.mc-button--bordered-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-card{font-family:"Roboto", sans-serif;max-width:17.75rem}.mc-card,.mc-card *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-card{max-width:18.25rem}}@media screen and (min-width: 1024px){.mc-card{max-width:18rem}}@media screen and (min-width: 1280px){.mc-card{max-width:17.5rem}}@media screen and (min-width: 1920px){.mc-card{max-width:27.25rem}}.mc-card__visual{margin:0;overflow:hidden;position:relative}.mc-card__visual::before{content:"";display:block;width:100%;padding-top:75%}.mc-card__visual--1x1::before{padding-top:100%}.mc-card__visual--16x9::before{padding-top:56.25%}.mc-card__img{height:auto;left:0;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-card__content{padding-top:1rem}.mc-card__title,.mc-card__subtitle{margin-top:0;margin-bottom:0.5rem}.mc-card__title{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000}.mc-card__subtitle{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-card__body{font-size:1rem;line-height:1.375;color:#191919}.mc-card__body:not(:last-child){margin-bottom:1rem}.mc-card--bordered{background:#ffffff;border:2px solid #808080;border-radius:0.25rem;overflow:hidden}.mc-card--bordered .mc-card__content{padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem}.mc-card--fluid{max-width:none}',this.shadowRoot.appendChild(c),i(this,{target:this.shadowRoot,props:{...o(this.attributes),$$slots:e(this)},customElement:!0},q,C,n,{title:0,imgsrc:1,outlined:2,titletag:3,imgalt:4,subtitle:5,subtitletag:6,imageratio:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),m()))}static get observedAttributes(){return["title","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio"]}get title(){return this.$$.ctx[0]}set title(t){this.$$set({title:t}),m()}get imgsrc(){return this.$$.ctx[1]}set imgsrc(t){this.$$set({imgsrc:t}),m()}get outlined(){return this.$$.ctx[2]}set outlined(t){this.$$set({outlined:t}),m()}get titletag(){return this.$$.ctx[3]}set titletag(t){this.$$set({titletag:t}),m()}get imgalt(){return this.$$.ctx[4]}set imgalt(t){this.$$set({imgalt:t}),m()}get subtitle(){return this.$$.ctx[5]}set subtitle(t){this.$$set({subtitle:t}),m()}get subtitletag(){return this.$$.ctx[6]}set subtitletag(t){this.$$set({subtitletag:t}),m()}get imageratio(){return this.$$.ctx[7]}set imageratio(t){this.$$set({imageratio:t}),m()}}export{Y as default};
+import{S as t,i,a as o,g as e,b as r,f as m,s as n,c,e as l,d as a,n as d,a5 as s,h as b,j as h,k as u,l as g,m as f,o as p,p as x,u as w,v as _,w as k,y as v,T as y}from"../../index-c222d0b7.js";function $(t){let i,o,e;return{c(){i=l(t[3]),o=_("$"),e=_(t[0]),k(t[3])(i,{class:"mc-card__title"})},m(t,m){r(t,i,m),u(i,o),u(i,e)},p(t,i){1&i&&v(e,t[0])},d(t){t&&f(i)}}}function z(t){let i,o=t[6],e=t[6]&&j(t);return{c(){e&&e.c(),i=y()},m(t,o){e&&e.m(t,o),r(t,i,o)},p(t,r){t[6]?o?n(o,t[6])?(e.d(1),e=j(t),o=t[6],e.c(),e.m(i.parentNode,i)):e.p(t,r):(e=j(t),o=t[6],e.c(),e.m(i.parentNode,i)):o&&(e.d(1),e=null,o=t[6])},d(t){t&&f(i),e&&e.d(t)}}}function j(t){let i,o,e;return{c(){i=l(t[6]),o=_("$"),e=_(t[5]),k(t[6])(i,{class:"mc-card__subtitle"})},m(t,m){r(t,i,m),u(i,o),u(i,e)},p(t,i){32&i&&v(e,t[5])},d(t){t&&f(i)}}}function C(t){let i;return{c(){i=l("footer"),i.innerHTML='<slot name="footer"></slot>',b(i,"class","mc-card__footer")},m(t,o){r(t,i,o)},d(t){t&&f(i)}}}function R(t){let i,o,e,m,p,x,w,_,k,v,y,j,R=t[3],T=t[3]&&$(t),Y=t[5]&&z(t),q=t[10].footer&&C(),E=[{class:j="mc-card"+(t[2]?" mc-card--bordered":"")+" "+t[9]},t[8]],H={};for(let t=0;t<E.length;t+=1)H=c(H,E[t]);return{c(){i=l("div"),o=l("figure"),e=l("img"),x=a(),w=l("article"),T&&T.c(),_=a(),Y&&Y.c(),k=a(),v=l("div"),v.innerHTML="<slot></slot>",y=a(),q&&q.c(),this.c=d,s(e.src,m=t[1])||b(e,"src",m),b(e,"alt",t[4]),b(e,"class","mc-card__img"),b(o,"class",p="mc-card__visual "+(t[7]?`mc-card__visual--${t[7]}`:"")),b(v,"class","mc-card__body"),b(w,"class","mc-card__content"),h(i,H)},m(t,m){r(t,i,m),u(i,o),u(o,e),u(i,x),u(i,w),T&&T.m(w,null),u(w,_),Y&&Y.m(w,null),u(w,k),u(w,v),u(w,y),q&&q.m(w,null)},p(t,[r]){2&r&&!s(e.src,m=t[1])&&b(e,"src",m),16&r&&b(e,"alt",t[4]),128&r&&p!==(p="mc-card__visual "+(t[7]?`mc-card__visual--${t[7]}`:""))&&b(o,"class",p),t[3]?R?n(R,t[3])?(T.d(1),T=$(t),R=t[3],T.c(),T.m(w,_)):T.p(t,r):(T=$(t),R=t[3],T.c(),T.m(w,_)):R&&(T.d(1),T=null,R=t[3]),t[5]?Y?Y.p(t,r):(Y=z(t),Y.c(),Y.m(w,k)):Y&&(Y.d(1),Y=null),t[10].footer?q||(q=C(),q.c(),q.m(w,null)):q&&(q.d(1),q=null),h(i,H=g(E,[516&r&&j!==(j="mc-card"+(t[2]?" mc-card--bordered":"")+" "+t[9])&&{class:j},256&r&&t[8]]))},i:d,o:d,d(t){t&&f(i),T&&T.d(t),Y&&Y.d(),q&&q.d()}}}function T(t,i,o){let e,r;const m=["title","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio"];let n=p(i,m),{$$slots:l={},$$scope:a}=i;const d=x(l);let{title:s}=i,{imgsrc:b}=i,{outlined:h=!1}=i,{titletag:u="h1"}=i,{imgalt:g}=i,{subtitle:f}=i,{subtitletag:_="h2"}=i,{imageratio:k="4x3"}=i;return t.$$set=t=>{o(12,i=c(c({},i),w(t))),o(11,n=p(i,m)),"title"in t&&o(0,s=t.title),"imgsrc"in t&&o(1,b=t.imgsrc),"outlined"in t&&o(2,h=t.outlined),"titletag"in t&&o(3,u=t.titletag),"imgalt"in t&&o(4,g=t.imgalt),"subtitle"in t&&o(5,f=t.subtitle),"subtitletag"in t&&o(6,_=t.subtitletag),"imageratio"in t&&o(7,k=t.imageratio)},t.$$.update=()=>{o(9,e=i.class),o(8,r=Object.assign({},n)),256&t.$$.dirty&&delete r.class},i=w(i),[s,b,h,u,g,f,_,k,r,e,d]}class Y extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled,.mc-button--bordered-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled,.mc-button--bordered-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-card{font-family:"Roboto", sans-serif;max-width:17.75rem}.mc-card,.mc-card *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-card{max-width:18.25rem}}@media screen and (min-width: 1024px){.mc-card{max-width:18rem}}@media screen and (min-width: 1280px){.mc-card{max-width:17.5rem}}@media screen and (min-width: 1920px){.mc-card{max-width:27.25rem}}.mc-card__visual{margin:0;overflow:hidden;position:relative}.mc-card__visual::before{content:"";display:block;width:100%;padding-top:75%}.mc-card__visual--1x1::before{padding-top:100%}.mc-card__visual--16x9::before{padding-top:56.25%}.mc-card__img{height:auto;left:0;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-card__content{padding-top:1rem}.mc-card__title,.mc-card__subtitle{margin-top:0;margin-bottom:0.5rem}.mc-card__title{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000}.mc-card__subtitle{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-card__body{font-size:1rem;line-height:1.375;color:#191919}.mc-card__body:not(:last-child){margin-bottom:1rem}.mc-card--bordered{background:#ffffff;border:2px solid #808080;border-radius:0.25rem;overflow:hidden}.mc-card--bordered .mc-card__content{padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem}.mc-card--fluid{max-width:none}',this.shadowRoot.appendChild(c),i(this,{target:this.shadowRoot,props:{...o(this.attributes),$$slots:e(this)},customElement:!0},T,R,n,{title:0,imgsrc:1,outlined:2,titletag:3,imgalt:4,subtitle:5,subtitletag:6,imageratio:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),m()))}static get observedAttributes(){return["title","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio"]}get title(){return this.$$.ctx[0]}set title(t){this.$$set({title:t}),m()}get imgsrc(){return this.$$.ctx[1]}set imgsrc(t){this.$$set({imgsrc:t}),m()}get outlined(){return this.$$.ctx[2]}set outlined(t){this.$$set({outlined:t}),m()}get titletag(){return this.$$.ctx[3]}set titletag(t){this.$$set({titletag:t}),m()}get imgalt(){return this.$$.ctx[4]}set imgalt(t){this.$$set({imgalt:t}),m()}get subtitle(){return this.$$.ctx[5]}set subtitle(t){this.$$set({subtitle:t}),m()}get subtitletag(){return this.$$.ctx[6]}set subtitletag(t){this.$$set({subtitletag:t}),m()}get imageratio(){return this.$$.ctx[7]}set imageratio(t){this.$$set({imageratio:t}),m()}}export{Y as default};
 //# sourceMappingURL=Card.js.map

package/public/adeo/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { CardTitleTag, CardSubtitleTag, CardRatio } from './card.types';\n\n  export let title: string;\n  export let imgsrc: string;\n  export let outlined = false;\n  export let titletag: CardTitleTag = 'h1';\n  export let imgalt: string;\n  export let subtitle: string;\n  export let subtitletag: CardSubtitleTag = 'h2';\n  export let imageratio: CardRatio = '4x3';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<div\n  class=\"mc-card{outlined ? ' mc-card--bordered' : ''} {userClass}\"\n  {...attributes}\n>\n  <figure\n    class=\"mc-card__visual {imageratio ? `mc-card__visual--${imageratio}` : ''}\"\n  >\n    <img src={imgsrc} alt={imgalt} class=\"mc-card__img\" />\n  </figure>\n  <article class=\"mc-card__content\">\n    <svelte:element this={titletag} class=\"mc-card__title\"\n      >${title}</svelte:element\n    >\n\n    {#if subtitle}\n      <svelte:element this={subtitletag} class=\"mc-card__subtitle\"\n        >${subtitle}</svelte:element\n      >\n    {/if}\n\n    <div class=\"mc-card__body\">\n      <slot />\n    </div>\n\n    {#if $$slots.footer}\n      <footer class=\"mc-card__footer\">\n        <slot name=\"footer\" />\n      </footer>\n    {/if}\n  </article>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.card';\n</style>\n"],"names":["ctx","svelte_element","class","insert","target","anchor","create_dynamic_element","footer","create_dynamic_element_1","create_if_block_1","if_block1","create_if_block","div1_class_value","attr","img","img_src_value","div1","append","figure","article","div0","dirty","title","$$props","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4OA4B0BA,EAAQ,QAC3B,SAAEA,EAAK,MADYA,EAAQ,IAAAC,EAAA,CAAAC,MAAA,2BAA9BC,EAEAC,EAAAH,EAAAI,kCADKL,EAAK,0CAIcA,EAAW,KAAXA,EAAW,IAAAM,EAAAN,kEAAXA,EAAW,SAAXA,EAAW,qBAAXA,EAAW,iDAAXA,EAAW,kDAAXA,EAAW,qEAAXA,EAAW,QAC9B,SAAEA,EAAQ,MADSA,EAAW,IAAAC,EAAA,CAAAC,MAAA,8BAAjCC,EAEAC,EAAAH,EAAAI,mCADKL,EAAQ,kJASbG,EAEQC,EAAAG,EAAAF,+DAjBYL,EAAQ,KAARA,EAAQ,IAAAQ,EAAAR,KAIzBA,EAAQ,IAAAS,EAAAT,GAURU,EAAAV,MAAQO,QAAMI,QAvBNT,MAAAU,EAAA,WAAAZ,EAAW,GAAA,qBAAuB,QAAKA,EAAS,IAC3DA,EAAU,4NAKFA,EAAM,KAAAa,EAAAC,EAAA,MAAAC,aAAOf,EAAM,kEAFLA,EAAU,uBAAuBA,EAAU,KAAK,iFAL5EG,EA8BKC,EAAAY,EAAAX,GA1BHY,EAIQD,EAAAE,GADND,EAAqDC,EAAAJ,UAEvDG,EAoBSD,EAAAG,+CATPF,EAEKE,EAAAC,mDAfKpB,EAAM,kCAAOA,EAAM,sCAFLA,EAAU,uBAAuBA,EAAU,KAAK,qBAKlDA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,sCAARA,EAAQ,uCAARA,EAAQ,IAIzBA,EAAQ,yDAURA,MAAQO,kEAvBA,IAAAc,GAAAT,KAAAA,EAAA,WAAAZ,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAA,CAAAE,MAAAU,UAC3DZ,EAAU,mPAfHsB,GAAaC,UACbC,GAAcD,GACdE,SAAAA,GAAW,GAAKF,GAChBG,SAAAA,EAAyB,MAAIH,UAC7BI,GAAcJ,YACdK,GAAgBL,GAChBM,YAAAA,EAA+B,MAAIN,GACnCO,WAAAA,EAAwB,OAAKP,0VACrCQ,EAAA,EAAAC,EAAYT,EAAQrB,WACpB+B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW/B"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { CardTitleTag, CardSubtitleTag, CardRatio } from './card.types';\n\n  export let title: string;\n  export let imgsrc: string;\n  export let outlined = false;\n  export let titletag: CardTitleTag = 'h1';\n  export let imgalt: string;\n  export let subtitle: string;\n  export let subtitletag: CardSubtitleTag = 'h2';\n  export let imageratio: CardRatio = '4x3';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<div\n  class=\"mc-card{outlined ? ' mc-card--bordered' : ''} {userClass}\"\n  {...attributes}\n>\n  <figure\n    class=\"mc-card__visual {imageratio ? `mc-card__visual--${imageratio}` : ''}\"\n  >\n    <img src={imgsrc} alt={imgalt} class=\"mc-card__img\" />\n  </figure>\n  <article class=\"mc-card__content\">\n    <svelte:element this={titletag} class=\"mc-card__title\"\n      >${title}</svelte:element\n    >\n\n    {#if subtitle}\n      <svelte:element this={subtitletag} class=\"mc-card__subtitle\"\n        >${subtitle}</svelte:element\n      >\n    {/if}\n\n    <div class=\"mc-card__body\">\n      <slot />\n    </div>\n\n    {#if $$slots.footer}\n      <footer class=\"mc-card__footer\">\n        <slot name=\"footer\" />\n      </footer>\n    {/if}\n  </article>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.card';\n</style>\n"],"names":["ctx","svelte_element","class","insert","target","anchor","create_dynamic_element","footer","create_dynamic_element_1","create_if_block_1","if_block1","create_if_block","div1_class_value","attr","img","img_src_value","div1","append","figure","article","div0","dirty","title","$$props","imgsrc","outlined","titletag","imgalt","subtitle","subtitletag","imageratio","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"2OA4B0BA,EAAQ,QAC3B,SAAEA,EAAK,MADYA,EAAQ,IAAAC,EAAA,CAAAC,MAAA,2BAA9BC,EAEAC,EAAAH,EAAAI,kCADKL,EAAK,0CAIcA,EAAW,KAAXA,EAAW,IAAAM,EAAAN,kEAAXA,EAAW,SAAXA,EAAW,qBAAXA,EAAW,iDAAXA,EAAW,kDAAXA,EAAW,qEAAXA,EAAW,QAC9B,SAAEA,EAAQ,MADSA,EAAW,IAAAC,EAAA,CAAAC,MAAA,8BAAjCC,EAEAC,EAAAH,EAAAI,mCADKL,EAAQ,kJASbG,EAEQC,EAAAG,EAAAF,+DAjBYL,EAAQ,KAARA,EAAQ,IAAAQ,EAAAR,KAIzBA,EAAQ,IAAAS,EAAAT,GAURU,EAAAV,MAAQO,QAAMI,QAvBNT,MAAAU,EAAA,WAAAZ,EAAW,GAAA,qBAAuB,QAAKA,EAAS,IAC3DA,EAAU,4NAKFA,EAAM,KAAAa,EAAAC,EAAA,MAAAC,aAAOf,EAAM,kEAFLA,EAAU,uBAAuBA,EAAU,KAAK,iFAL5EG,EA8BKC,EAAAY,EAAAX,GA1BHY,EAIQD,EAAAE,GADND,EAAqDC,EAAAJ,UAEvDG,EAoBSD,EAAAG,+CATPF,EAEKE,EAAAC,mDAfKpB,EAAM,kCAAOA,EAAM,sCAFLA,EAAU,uBAAuBA,EAAU,KAAK,qBAKlDA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,sCAARA,EAAQ,uCAARA,EAAQ,IAIzBA,EAAQ,yDAURA,MAAQO,kEAvBA,IAAAc,GAAAT,KAAAA,EAAA,WAAAZ,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAA,CAAAE,MAAAU,UAC3DZ,EAAU,mPAfHsB,GAAaC,UACbC,GAAcD,GACdE,SAAAA,GAAW,GAAKF,GAChBG,SAAAA,EAAyB,MAAIH,UAC7BI,GAAcJ,YACdK,GAAgBL,GAChBM,YAAAA,EAA+B,MAAIN,GACnCO,WAAAA,EAAwB,OAAKP,0VACrCQ,EAAA,EAAAC,EAAYT,EAAQrB,WACpB+B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW/B"}

package/public/adeo/components/carousel/Carousel.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as s,f as a,s as l,e as o,d as n,D as r,n as c,h as d,L as m,l as u,E as p,m as b,A as h,z as f,y as w,q as x,F as _,Q as g,v as $,w as v,a6 as k,t as y,a5 as z,o as j,B as L,J as V}from"../../index-48da6c1f.js";import W from"../link/Link.nested.js";import S from"./CarouselCard.nested.js";import A from"../button/Button.nested.js";import{E}from"../../EventHandler-f7ee47ca.js";import"../../EventForward-78ecc73b.js";import"../loader/Loader.nested.js";function H(e,t,i){const s=e.slice();return s[33]=t[i],s}function C(e){let t,i;return{c(){t=o(e[1]),i=y(e[0]),z(e[1])(t,{style:"margin:0"})},m(e,a){s(e,t,a),u(t,i)},p(e,t){1&t[0]&&j(i,e[0])},d(e){e&&x(t)}}}function I(e){let t,i,a,l,c,m;function f(...t){return e[24](e[33],...t)}return i=new S({props:{title:e[33].title,imgSrc:e[33].imgSrc,imgAlt:e[33].imgAlt}}),{c(){t=o("button"),r(i.$$.fragment),a=n(),d(t,"class","mc-carousel__item")},m(e,o){s(e,t,o),p(i,t,null),u(t,a),l=!0,c||(m=b(t,"click",f),c=!0)},p(t,s){e=t;const a={};32&s[0]&&(a.title=e[33].title),32&s[0]&&(a.imgSrc=e[33].imgSrc),32&s[0]&&(a.imgAlt=e[33].imgAlt),i.$set(a)},i(e){l||(h(i.$$.fragment,e),l=!0)},o(e){w(i.$$.fragment,e),l=!1},d(e){e&&x(t),_(i),c=!1,m()}}}function N(e){let t,i,a,$,v,k,y,z,j,V,S,E,N,O,P,F,R,q,D=e[1],Q=e[1]&&C(e);k=new W({props:{href:"#layer",iconname:"navigation-arrow-arrow--right-24px",iconposition:"right",label:e[2],size:"s",target:"_self"}}),k.$on("click",e[16]),j=new A({props:{theme:"neutral",size:"s",bordered:!0,iconmode:"only",iconname:"navigation-arrow-arrow--left-32px","aria-label":"Previous page",disabled:e[7],label:"Previous",loader:""}}),j.$on("click",e[13]),S=new A({props:{theme:"neutral",size:"s",type:"button",bordered:!0,disabled:e[8],iconmode:"only",iconname:"navigation-arrow-arrow--right-32px","aria-label":"Next Page",label:"Next",loader:""}}),S.$on("click",e[12]);let T=e[5],G=[];for(let t=0;t<T.length;t+=1)G[t]=I(H(e,T,t));const K=e=>w(G[e],1,1,(()=>{G[e]=null}));return{c(){t=o("div"),i=o("div"),a=o("div"),Q&&Q.c(),$=n(),v=o("div"),r(k.$$.fragment),y=n(),z=o("nav"),r(j.$$.fragment),V=n(),r(S.$$.fragment),N=n(),O=o("div"),P=o("div");for(let e=0;e<G.length;e+=1)G[e].c();this.c=c,d(v,"class","mc-carousel__subtitle"),d(a,"class","mc-carousel__titles"),d(z,"aria-label","pagination"),d(z,"class",E="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")),d(i,"class","mc-carousel__header"),d(P,"class","mc-carousel__content"),m(P,"--carousel__container-width-space",e[10]+"px"),m(P,"--carousel__items-count",e[4]),m(P,"--carousel__item-width-space",e[11]+"px"),m(P,"--carousel__items-visible",e[9]),m(P,"--carousel__scrollbar-left",M),m(P,"--carousel__container-separate-item-size",B+"px"),d(O,"class","mc-carousel__body"),m(O,"--carousel__accessibility-focus-padding",J+"px"),d(t,"class","mc-carousel")},m(l,o){s(l,t,o),u(t,i),u(i,a),Q&&Q.m(a,null),u(a,$),u(a,v),p(k,v,null),u(i,y),u(i,z),p(j,z,null),u(z,V),p(S,z,null),u(t,N),u(t,O),u(O,P);for(let e=0;e<G.length;e+=1)G[e]&&G[e].m(P,null);e[25](O),F=!0,R||(q=b(O,"scroll",e[14]),R=!0)},p(e,t){e[1]?D?l(D,e[1])?(Q.d(1),Q=C(e),D=e[1],Q.c(),Q.m(a,$)):Q.p(e,t):(Q=C(e),D=e[1],Q.c(),Q.m(a,$)):D&&(Q.d(1),Q=null,D=e[1]);const i={};4&t[0]&&(i.label=e[2]),k.$set(i);const s={};128&t[0]&&(s.disabled=e[7]),j.$set(s);const o={};if(256&t[0]&&(o.disabled=e[8]),S.$set(o),(!F||8&t[0]&&E!==(E="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")))&&d(z,"class",E),32800&t[0]){let i;for(T=e[5],i=0;i<T.length;i+=1){const s=H(e,T,i);G[i]?(G[i].p(s,t),h(G[i],1)):(G[i]=I(s),G[i].c(),h(G[i],1),G[i].m(P,null))}for(L(),i=T.length;i<G.length;i+=1)K(i);f()}(!F||1024&t[0])&&m(P,"--carousel__container-width-space",e[10]+"px"),(!F||16&t[0])&&m(P,"--carousel__items-count",e[4]),(!F||2048&t[0])&&m(P,"--carousel__item-width-space",e[11]+"px"),(!F||512&t[0])&&m(P,"--carousel__items-visible",e[9])},i(e){if(!F){h(k.$$.fragment,e),h(j.$$.fragment,e),h(S.$$.fragment,e);for(let e=0;e<T.length;e+=1)h(G[e]);F=!0}},o(e){w(k.$$.fragment,e),w(j.$$.fragment,e),w(S.$$.fragment,e),G=G.filter(Boolean);for(let e=0;e<G.length;e+=1)w(G[e]);F=!1},d(i){i&&x(t),Q&&Q.d(i),_(k),_(j),_(S),g(G,i),e[25](null),R=!1,q()}}}let B=16,J=4,M=0;function O(e,t){return t?e*B:(e-1)*B}function P(e,t,i){let s,a,l,o,n,r,c,d,m,{title:u}=t,{titletag:p="h1"}=t,{subtitlelink:b}=t,{mobile:h=!1}=t,{options:f}=t,{items:w}=t;const x=window.matchMedia("(max-width: 679px)"),_=window.matchMedia("(min-width: 680px) and (max-width: 1279px)"),g=window.matchMedia("(min-width: 1280px)"),y={s:{itemsVisible:1,hasHalfItemVisible:!0},m:{itemsVisible:3,hasHalfItemVisible:!1},xl:{itemsVisible:5,hasHalfItemVisible:!1}};let z,j=new E($(),v()),L=function(e,t){return t.matches?"xl":e.matches?"m":"s"}(_,g),W=!0,S=!1;function A(e){z.scrollTo({behavior:"smooth",left:function(){if(!n)return z.scrollLeft+e*(z.clientWidth+B-2*J);const t=function(){const e=O(o,n);return n?(z.clientWidth-e)/c:(z.clientWidth-e)/o}();return W?z.scrollLeft+(e*(z.clientWidth-3/4*t-B)+J):S?z.scrollLeft+e*(z.clientWidth-3/4*t-B):z.scrollLeft+e*(z.clientWidth-t/2-B+2*J)}()})}function H(e,t){return j.dispatch("carousel-item-clicked",e),t}function C(e,t){return e.matches&&i(19,L=t),e}k((()=>{x.onchange=e=>{C(e,"s")},_.onchange=e=>{C(e,"m")},g.onchange=e=>{C(e,"xl")}}));return e.$$set=e=>{"title"in e&&i(0,u=e.title),"titletag"in e&&i(1,p=e.titletag),"subtitlelink"in e&&i(2,b=e.subtitlelink),"mobile"in e&&i(3,h=e.mobile),"options"in e&&i(17,f=e.options),"items"in e&&i(18,w=e.items)},e.$$.update=()=>{262144&e.$$.dirty[0]&&i(5,s=w?JSON.parse(w):[]),131072&e.$$.dirty[0]&&i(23,a=f?Object.assign({},y,JSON.parse(f)):y),32&e.$$.dirty[0]&&i(22,l=null==s?void 0:s.length),8912896&e.$$.dirty[0]&&i(21,o=a[L].itemsVisible),8912896&e.$$.dirty[0]&&i(20,n=a[L].hasHalfItemVisible||!1),6291456&e.$$.dirty[0]&&i(4,r=l<o?o:l),3145728&e.$$.dirty[0]&&i(9,c=n?o+.5:o),3145728&e.$$.dirty[0]&&i(11,d=O(o,n)),16&e.$$.dirty[0]&&i(10,m=(r-1)*B)},[u,p,b,h,r,s,z,W,S,c,m,d,function(){A(1)},function(){A(-1)},function(){i(7,W=(null==z?void 0:z.scrollLeft)<=0),i(8,S=(null==z?void 0:z.scrollWidth)-(null==z?void 0:z.scrollLeft)<=z.offsetWidth)},H,function(e){return j.dispatch("carousel-link-clicked",{}),e},f,w,L,n,o,l,a,(e,t)=>H(e,t),function(e){V[e?"unshift":"push"]((()=>{z=e,i(6,z)}))}]}class F extends e{constructor(e){super();const o=document.createElement("style");o.textContent='@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}@media screen and (min-width: 1024px){}.mc-carousel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.mc-carousel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-carousel__titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.25rem}.mc-carousel__nav{gap:0.5rem}.mc-carousel__nav--mobile{display:none}.mc-carousel__nav--desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-carousel__body{position:relative;overflow-x:auto;overflow-y:hidden;padding:var(--carousel__accessibility-focus-padding)}.mc-carousel__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:var(--carousel__container-separate-item-size);-moz-column-gap:var(--carousel__container-separate-item-size);column-gap:var(--carousel__container-separate-item-size);width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible) * var(--carousel__items-count) + var(--carousel__container-width-space));margin-bottom:1.25rem}.mc-carousel__item{display:-webkit-box;display:-ms-flexbox;display:flex;background:none;border:none;margin:0;padding:0;cursor:pointer;width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible));position:relative}.mc-carousel__item::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-carousel__item:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}::-webkit-scrollbar{border-radius:0.25rem;height:6px;background:#e6e6e6;border-top:1px solid white;border-bottom:1px solid white}::-webkit-scrollbar-thumb{background:#333333;border-radius:6px}',this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},P,N,l,{title:0,titletag:1,subtitlelink:2,mobile:3,options:17,items:18},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","titletag","subtitlelink","mobile","options","items"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),a()}get titletag(){return this.$$.ctx[1]}set titletag(e){this.$$set({titletag:e}),a()}get subtitlelink(){return this.$$.ctx[2]}set subtitlelink(e){this.$$set({subtitlelink:e}),a()}get mobile(){return this.$$.ctx[3]}set mobile(e){this.$$set({mobile:e}),a()}get options(){return this.$$.ctx[17]}set options(e){this.$$set({options:e}),a()}get items(){return this.$$.ctx[18]}set items(e){this.$$set({items:e}),a()}}export{F as default};
+import{S as e,i as t,a as i,b as s,f as a,s as l,e as o,d as n,E as r,n as c,h as d,M as m,k as u,F as p,x as b,B as h,A as f,z as w,m as x,G as _,R as g,q as $,r as v,a6 as k,v as y,w as z,y as j,C as L,K as V}from"../../index-c222d0b7.js";import W from"../link/Link.nested.js";import S from"./CarouselCard.nested.js";import A from"../button/Button.nested.js";import{E}from"../../EventHandler-f7ee47ca.js";import"../../EventForward-c4c8cd29.js";import"../loader/Loader.nested.js";function C(e,t,i){const s=e.slice();return s[33]=t[i],s}function H(e){let t,i;return{c(){t=o(e[1]),i=y(e[0]),z(e[1])(t,{style:"margin:0"})},m(e,a){s(e,t,a),u(t,i)},p(e,t){1&t[0]&&j(i,e[0])},d(e){e&&x(t)}}}function I(e){let t,i,a,l,c,m;function f(...t){return e[24](e[33],...t)}return i=new S({props:{title:e[33].title,imgSrc:e[33].imgSrc,imgAlt:e[33].imgAlt}}),{c(){t=o("button"),r(i.$$.fragment),a=n(),d(t,"class","mc-carousel__item")},m(e,o){s(e,t,o),p(i,t,null),u(t,a),l=!0,c||(m=b(t,"click",f),c=!0)},p(t,s){e=t;const a={};32&s[0]&&(a.title=e[33].title),32&s[0]&&(a.imgSrc=e[33].imgSrc),32&s[0]&&(a.imgAlt=e[33].imgAlt),i.$set(a)},i(e){l||(h(i.$$.fragment,e),l=!0)},o(e){w(i.$$.fragment,e),l=!1},d(e){e&&x(t),_(i),c=!1,m()}}}function M(e){let t,i,a,$,v,k,y,z,j,V,S,E,M,P,R,F,J,q,G=e[1],K=e[1]&&H(e);k=new W({props:{href:"#layer",iconname:"navigation-arrow-arrow--right-24px",iconposition:"right",label:e[2],size:"s",target:"_self"}}),k.$on("click",e[16]),j=new A({props:{theme:"neutral",size:"s",bordered:!0,iconmode:"only",iconname:"navigation-arrow-arrow--left-32px","aria-label":"Previous page",disabled:e[7],label:"Previous",loader:""}}),j.$on("click",e[13]),S=new A({props:{theme:"neutral",size:"s",type:"button",bordered:!0,disabled:e[8],iconmode:"only",iconname:"navigation-arrow-arrow--right-32px","aria-label":"Next Page",label:"Next",loader:""}}),S.$on("click",e[12]);let T=e[5],D=[];for(let t=0;t<T.length;t+=1)D[t]=I(C(e,T,t));const Q=e=>w(D[e],1,1,(()=>{D[e]=null}));return{c(){t=o("div"),i=o("div"),a=o("div"),K&&K.c(),$=n(),v=o("div"),r(k.$$.fragment),y=n(),z=o("nav"),r(j.$$.fragment),V=n(),r(S.$$.fragment),M=n(),P=o("div"),R=o("div");for(let e=0;e<D.length;e+=1)D[e].c();this.c=c,d(v,"class","mc-carousel__subtitle"),d(a,"class","mc-carousel__titles"),d(z,"aria-label","pagination"),d(z,"class",E="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")),d(i,"class","mc-carousel__header"),d(R,"class","mc-carousel__content"),m(R,"--carousel__container-width-space",e[10]+"px"),m(R,"--carousel__items-count",e[4]),m(R,"--carousel__item-width-space",e[11]+"px"),m(R,"--carousel__items-visible",e[9]),m(R,"--carousel__scrollbar-left",O),m(R,"--carousel__container-separate-item-size",N+"px"),d(P,"class","mc-carousel__body"),m(P,"--carousel__accessibility-focus-padding",B+"px"),d(t,"class","mc-carousel")},m(l,o){s(l,t,o),u(t,i),u(i,a),K&&K.m(a,null),u(a,$),u(a,v),p(k,v,null),u(i,y),u(i,z),p(j,z,null),u(z,V),p(S,z,null),u(t,M),u(t,P),u(P,R);for(let e=0;e<D.length;e+=1)D[e]&&D[e].m(R,null);e[25](P),F=!0,J||(q=b(P,"scroll",e[14]),J=!0)},p(e,t){e[1]?G?l(G,e[1])?(K.d(1),K=H(e),G=e[1],K.c(),K.m(a,$)):K.p(e,t):(K=H(e),G=e[1],K.c(),K.m(a,$)):G&&(K.d(1),K=null,G=e[1]);const i={};4&t[0]&&(i.label=e[2]),k.$set(i);const s={};128&t[0]&&(s.disabled=e[7]),j.$set(s);const o={};if(256&t[0]&&(o.disabled=e[8]),S.$set(o),(!F||8&t[0]&&E!==(E="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")))&&d(z,"class",E),32800&t[0]){let i;for(T=e[5],i=0;i<T.length;i+=1){const s=C(e,T,i);D[i]?(D[i].p(s,t),h(D[i],1)):(D[i]=I(s),D[i].c(),h(D[i],1),D[i].m(R,null))}for(L(),i=T.length;i<D.length;i+=1)Q(i);f()}(!F||1024&t[0])&&m(R,"--carousel__container-width-space",e[10]+"px"),(!F||16&t[0])&&m(R,"--carousel__items-count",e[4]),(!F||2048&t[0])&&m(R,"--carousel__item-width-space",e[11]+"px"),(!F||512&t[0])&&m(R,"--carousel__items-visible",e[9])},i(e){if(!F){h(k.$$.fragment,e),h(j.$$.fragment,e),h(S.$$.fragment,e);for(let e=0;e<T.length;e+=1)h(D[e]);F=!0}},o(e){w(k.$$.fragment,e),w(j.$$.fragment,e),w(S.$$.fragment,e),D=D.filter(Boolean);for(let e=0;e<D.length;e+=1)w(D[e]);F=!1},d(i){i&&x(t),K&&K.d(i),_(k),_(j),_(S),g(D,i),e[25](null),J=!1,q()}}}let N=16,B=4,O=0;function P(e,t){return t?e*N:(e-1)*N}function R(e,t,i){let s,a,l,o,n,r,c,d,m,{title:u}=t,{titletag:p="h1"}=t,{subtitlelink:b}=t,{mobile:h=!1}=t,{options:f}=t,{items:w}=t;const x=window.matchMedia("(max-width: 679px)"),_=window.matchMedia("(min-width: 680px) and (max-width: 1279px)"),g=window.matchMedia("(min-width: 1280px)"),y={s:{itemsVisible:1,hasHalfItemVisible:!0},m:{itemsVisible:3,hasHalfItemVisible:!1},xl:{itemsVisible:5,hasHalfItemVisible:!1}};let z,j=new E($(),v()),L=function(e,t){return t.matches?"xl":e.matches?"m":"s"}(_,g),W=!0,S=!1;function A(e){z.scrollTo({behavior:"smooth",left:function(){if(!n)return z.scrollLeft+e*(z.clientWidth+N-2*B);const t=function(){const e=P(o,n);return n?(z.clientWidth-e)/c:(z.clientWidth-e)/o}();return W?z.scrollLeft+(e*(z.clientWidth-3/4*t-N)+B):S?z.scrollLeft+e*(z.clientWidth-3/4*t-N):z.scrollLeft+e*(z.clientWidth-t/2-N+2*B)}()})}function C(e,t){return j.dispatch("carousel-item-clicked",e),t}function H(e,t){return e.matches&&i(19,L=t),e}k((()=>{x.onchange=e=>{H(e,"s")},_.onchange=e=>{H(e,"m")},g.onchange=e=>{H(e,"xl")}}));return e.$$set=e=>{"title"in e&&i(0,u=e.title),"titletag"in e&&i(1,p=e.titletag),"subtitlelink"in e&&i(2,b=e.subtitlelink),"mobile"in e&&i(3,h=e.mobile),"options"in e&&i(17,f=e.options),"items"in e&&i(18,w=e.items)},e.$$.update=()=>{262144&e.$$.dirty[0]&&i(5,s=w?JSON.parse(w):[]),131072&e.$$.dirty[0]&&i(23,a=f?Object.assign({},y,JSON.parse(f)):y),32&e.$$.dirty[0]&&i(22,l=null==s?void 0:s.length),8912896&e.$$.dirty[0]&&i(21,o=a[L].itemsVisible),8912896&e.$$.dirty[0]&&i(20,n=a[L].hasHalfItemVisible||!1),6291456&e.$$.dirty[0]&&i(4,r=l<o?o:l),3145728&e.$$.dirty[0]&&i(9,c=n?o+.5:o),3145728&e.$$.dirty[0]&&i(11,d=P(o,n)),16&e.$$.dirty[0]&&i(10,m=(r-1)*N)},[u,p,b,h,r,s,z,W,S,c,m,d,function(){A(1)},function(){A(-1)},function(){i(7,W=(null==z?void 0:z.scrollLeft)<=0),i(8,S=(null==z?void 0:z.scrollWidth)-(null==z?void 0:z.scrollLeft)<=z.offsetWidth)},C,function(e){return j.dispatch("carousel-link-clicked",{}),e},f,w,L,n,o,l,a,(e,t)=>C(e,t),function(e){V[e?"unshift":"push"]((()=>{z=e,i(6,z)}))}]}class F extends e{constructor(e){super();const o=document.createElement("style");o.textContent='@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}@media screen and (min-width: 1024px){}.mc-carousel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.mc-carousel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-carousel__titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.25rem}.mc-carousel__nav{gap:0.5rem}.mc-carousel__nav--mobile{display:none}.mc-carousel__nav--desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-carousel__body{position:relative;overflow-x:auto;overflow-y:hidden;padding:var(--carousel__accessibility-focus-padding)}.mc-carousel__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:var(--carousel__container-separate-item-size);-moz-column-gap:var(--carousel__container-separate-item-size);column-gap:var(--carousel__container-separate-item-size);width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible) * var(--carousel__items-count) + var(--carousel__container-width-space));margin-bottom:1.25rem}.mc-carousel__item{display:-webkit-box;display:-ms-flexbox;display:flex;background:none;border:none;margin:0;padding:0;cursor:pointer;width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible));position:relative}.mc-carousel__item::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-carousel__item:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}::-webkit-scrollbar{border-radius:0.25rem;height:6px;background:#e6e6e6;border-top:1px solid white;border-bottom:1px solid white}::-webkit-scrollbar-thumb{background:#333333;border-radius:6px}',this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},R,M,l,{title:0,titletag:1,subtitlelink:2,mobile:3,options:17,items:18},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","titletag","subtitlelink","mobile","options","items"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),a()}get titletag(){return this.$$.ctx[1]}set titletag(e){this.$$set({titletag:e}),a()}get subtitlelink(){return this.$$.ctx[2]}set subtitlelink(e){this.$$set({subtitlelink:e}),a()}get mobile(){return this.$$.ctx[3]}set mobile(e){this.$$set({mobile:e}),a()}get options(){return this.$$.ctx[17]}set options(e){this.$$set({options:e}),a()}get items(){return this.$$.ctx[18]}set items(e){this.$$set({items:e}),a()}}export{F as default};
 //# sourceMappingURL=Carousel.js.map

package/public/adeo/components/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../../src/components/carousel/Carousel.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    CarouselDevice,\n    CarouselItem,\n    CarouselOptions,\n    CarouselTitleTag,\n  } from './carousel.types';\n  import Link from '../link/Link.nested.svelte';\n  import CarouselCard from './CarouselCard.nested.svelte';\n  import Button from '../button/Button.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { onMount } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let title: string;\n  export let titletag: CarouselTitleTag = 'h1';\n  export let subtitlelink: string;\n  export let mobile = false;\n  export let options: string;\n  export let items: string;\n\n  const mediaQueryS: MediaQueryList = window.matchMedia('(max-width: 679px)');\n  const mediaQueryM: MediaQueryList = window.matchMedia(\n    '(min-width: 680px) and (max-width: 1279px)',\n  );\n  const mediaQueryXL: MediaQueryList = window.matchMedia('(min-width: 1280px)');\n\n  // default options for all 3 screen sizes (s = <m ; m = >=m to <xl ; xl  = >=xl)\n  const defaultCarouselOptions: CarouselOptions = {\n    s: {\n      itemsVisible: 1,\n      hasHalfItemVisible: true,\n    },\n    m: {\n      itemsVisible: 3,\n      hasHalfItemVisible: false,\n    },\n    xl: {\n      itemsVisible: 5,\n      hasHalfItemVisible: false,\n    },\n  };\n\n  // size using to separate item. Useful for gap in css and for move the scroll.\n  let betweenItemsPixelSize = 16;\n\n  // needed padding to display the outlined focus border on carousel items\n  let accessibilityFocusPadding = 4;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  let currentDevice: CarouselDevice = initCurrentDevice(\n    mediaQueryM,\n    mediaQueryXL,\n  );\n\n  let carouselContainer: HTMLDivElement;\n  let carouselScrollbarLeft = 0;\n\n  let isScrollBeginning = true;\n  let isScrollEnd = false;\n\n  $: carouselItems = items ? (JSON.parse(items) as CarouselItem[]) : [];\n  $: carouselOptions = options\n    ? Object.assign(\n        {},\n        defaultCarouselOptions,\n        JSON.parse(options) as CarouselOptions,\n      )\n    : defaultCarouselOptions;\n  $: carouselItemsSize = carouselItems?.length;\n\n  $: carouselCurrentItemsVisible = carouselOptions[currentDevice].itemsVisible;\n  $: carouselCurrentHasHalfItemVisible =\n    carouselOptions[currentDevice].hasHalfItemVisible || false;\n  $: carouselCurrentItemsSize =\n    carouselItemsSize < carouselCurrentItemsVisible\n      ? carouselCurrentItemsVisible\n      : carouselItemsSize;\n\n  $: carouselCurrentItemsVisibleAndHalf = carouselCurrentHasHalfItemVisible\n    ? carouselCurrentItemsVisible + 0.5\n    : carouselCurrentItemsVisible;\n\n  $: carouselItemWidthSpace = getCarouselItemsWidthSpace(\n    carouselCurrentItemsVisible,\n    carouselCurrentHasHalfItemVisible,\n  );\n  $: carouselContainerWidthSpace = getCarouselContainerWidthSpace(\n    carouselCurrentItemsSize,\n  );\n\n  /* returns the total size of the spacing between items for the big container */\n  function getCarouselContainerWidthSpace(totalItems: number) {\n    return (totalItems - 1) * betweenItemsPixelSize;\n  }\n\n  /* returns the total size of the spacing between items for the screen size */\n  function getCarouselItemsWidthSpace(\n    itemsVisible: number,\n    itemsAndHalfVisible: boolean,\n  ) {\n    if (itemsAndHalfVisible) {\n      return itemsVisible * betweenItemsPixelSize;\n    }\n    return (itemsVisible - 1) * betweenItemsPixelSize;\n  }\n\n  /* move the scroll to change the displaying items.\n     1 to move right, -1 to move left\n     */\n  function moveScroll(signe: 1 | -1) {\n    /* returns the size in pixel of an item according to screen size and the number of items visible. */\n    function getCarouselItemWidth() {\n      const carouselItemsWidthSpace = getCarouselItemsWidthSpace(\n        carouselCurrentItemsVisible,\n        carouselCurrentHasHalfItemVisible,\n      );\n      if (carouselCurrentHasHalfItemVisible) {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisibleAndHalf\n        );\n      } else {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisible\n        );\n      }\n    }\n\n    /* returns the new left position of the scrollbar\n     *  in the case of visible half items, the calculation depends if the carousel is at the beginnind, at the end or in the middle.\n     *\n     */\n    function getLeft() {\n      if (!carouselCurrentHasHalfItemVisible) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth +\n              betweenItemsPixelSize -\n              accessibilityFocusPadding * 2)\n        );\n      }\n      const itemWidth = getCarouselItemWidth();\n      if (isScrollBeginning) {\n        return (\n          carouselContainer.scrollLeft +\n          (signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize) +\n            accessibilityFocusPadding)\n        );\n      }\n      if (isScrollEnd) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize)\n        );\n      }\n      return (\n        carouselContainer.scrollLeft +\n        signe *\n          (carouselContainer.clientWidth -\n            itemWidth / 2 -\n            betweenItemsPixelSize +\n            accessibilityFocusPadding * 2)\n      );\n    }\n\n    carouselContainer.scrollTo({ behavior: 'smooth', left: getLeft() });\n  }\n\n  function nextCards() {\n    moveScroll(1);\n  }\n\n  function previousCards() {\n    moveScroll(-1);\n  }\n\n  function handleScrollCarousel() {\n    isScrollBeginning = carouselContainer?.scrollLeft <= 0;\n    isScrollEnd =\n      carouselContainer?.scrollWidth - carouselContainer?.scrollLeft <=\n      carouselContainer.offsetWidth;\n  }\n\n  function handleClickCard(item: CarouselItem, event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-item-clicked', item);\n    return event;\n  }\n  function handleClickLink(event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-link-clicked', {});\n    return event;\n  }\n\n  // returns device according to screen size\n  function initCurrentDevice(\n    mediaQueryM: MediaQueryList,\n    mediaQueryXL: MediaQueryList,\n  ) {\n    if (mediaQueryXL.matches) {\n      return 'xl';\n    }\n    if (mediaQueryM.matches) {\n      return 'm';\n    }\n    return 's';\n  }\n\n  function handleMediaQueryChange(\n    event: MediaQueryListEvent,\n    matchingDevice: CarouselDevice,\n  ): MediaQueryListEvent {\n    if (event.matches) {\n      currentDevice = matchingDevice;\n    }\n    return event;\n  }\n\n  onMount(() => {\n    mediaQueryS.onchange = (e) => {\n      handleMediaQueryChange(e, 's');\n    };\n    mediaQueryM.onchange = (e) => {\n      handleMediaQueryChange(e, 'm');\n    };\n    mediaQueryXL.onchange = (e) => {\n      handleMediaQueryChange(e, 'xl');\n    };\n  });\n</script>\n\n<div class=\"mc-carousel\">\n  <div class=\"mc-carousel__header\">\n    <div class=\"mc-carousel__titles\">\n      <svelte:element this={titletag} style=\"margin:0\">{title}</svelte:element>\n      <div class=\"mc-carousel__subtitle\">\n        <Link\n          href=\"#layer\"\n          iconname=\"navigation-arrow-arrow--right-24px\"\n          iconposition=\"right\"\n          label={subtitlelink}\n          on:click={handleClickLink}\n          size=\"s\"\n          target=\"_self\"\n        />\n      </div>\n    </div>\n    <nav\n      aria-label=\"pagination\"\n      class=\"mc-carousel__nav {mobile\n        ? 'mc-carousel__nav--mobile'\n        : 'mc-carousel__nav--desktop'}\"\n    >\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        bordered={true}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--left-32px\"\n        aria-label=\"Previous page\"\n        disabled={isScrollBeginning}\n        on:click={previousCards}\n        label=\"Previous\"\n        loader=\"\"\n      />\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        type=\"button\"\n        bordered={true}\n        disabled={isScrollEnd}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--right-32px\"\n        aria-label=\"Next Page\"\n        on:click={nextCards}\n        label=\"Next\"\n        loader=\"\"\n      />\n    </nav>\n  </div>\n  <div\n    class=\"mc-carousel__body\"\n    bind:this={carouselContainer}\n    on:scroll={handleScrollCarousel}\n    style=\"--carousel__accessibility-focus-padding: {accessibilityFocusPadding}px;\"\n  >\n    <div\n      class=\"mc-carousel__content\"\n      style=\"\n             --carousel__container-width-space: {carouselContainerWidthSpace}px;\n             --carousel__items-count: {carouselCurrentItemsSize};\n             --carousel__item-width-space: {carouselItemWidthSpace}px;\n             --carousel__items-visible: {carouselCurrentItemsVisibleAndHalf};\n             --carousel__scrollbar-left: {carouselScrollbarLeft};\n             --carousel__container-separate-item-size: {betweenItemsPixelSize}px;\"\n    >\n      {#each carouselItems as item}\n        <button\n          class=\"mc-carousel__item\"\n          on:click={(event) => handleClickCard(item, event)}\n        >\n          <CarouselCard\n            title={item.title}\n            imgSrc={item.imgSrc}\n            imgAlt={item.imgAlt}\n          />\n        </button>\n      {/each}\n    </div>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.pagination';\n\n  .mc-carousel {\n    display: flex;\n    flex-direction: column;\n    gap: $mu100;\n\n    &__header {\n      /* Auto layout */\n\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    &__titles {\n      display: flex;\n      flex-direction: column;\n      gap: $mu025;\n    }\n    &__nav {\n      gap: $mu050;\n      &--mobile {\n        display: none;\n      }\n      &--desktop {\n        display: flex;\n      }\n    }\n\n    &__body {\n      position: relative;\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: var(--carousel__accessibility-focus-padding);\n    }\n\n    &__content {\n      display: flex;\n      flex-wrap: nowrap;\n      column-gap: var(--carousel__container-separate-item-size);\n      // the total size of the big container for all items: taille d'un item * le nbre d'items + espace entre chaque item\n      width: calc(\n        (\n            (100% - var(--carousel__item-width-space)) /\n              var(--carousel__items-visible)\n          ) * var(--carousel__items-count) +\n          var(--carousel__container-width-space)\n      );\n      margin-bottom: $mu125;\n    }\n\n    &__item {\n      display: flex;\n      background: none;\n      border: none;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      // taille d'un item: (100% - les espaces entre chaque item isible) / le nombre d'items visible\n      width: calc(\n        (100% - var(--carousel__item-width-space)) /\n          var(--carousel__items-visible)\n      );\n      @include set-focus-floating-base();\n\n      &:focus {\n        @include set-focus-floating();\n      }\n    }\n\n    &-footer {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  ::-webkit-scrollbar {\n    border-radius: $mu025;\n    height: 6px;\n    background: $color-grey-100;\n    border-top: 1px solid white;\n    border-bottom: 1px solid white;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: $color-grey-800;\n    border-radius: 6px;\n  }\n</style>\n"],"names":["ctx","svelte_element","style","insert","target","anchor","title","imgSrc","imgAlt","button","dirty","carouselcard_changes","create_dynamic_element","length","i","carouselScrollbarLeft","betweenItemsPixelSize","accessibilityFocusPadding","div5","append","div2","div1","div0","nav","div4","div3","each_blocks","getCarouselItemsWidthSpace","itemsVisible","itemsAndHalfVisible","$$props","titletag","subtitlelink","mobile","options","items","mediaQueryS","window","matchMedia","mediaQueryM","mediaQueryXL","defaultCarouselOptions","s","hasHalfItemVisible","m","xl","carouselContainer","eventHandler","EventHandler","get_current_component","createEventDispatcher","currentDevice","matches","initCurrentDevice","isScrollBeginning","isScrollEnd","moveScroll","signe","scrollTo","behavior","left","carouselCurrentHasHalfItemVisible","scrollLeft","clientWidth","itemWidth","carouselItemsWidthSpace","carouselCurrentItemsVisible","carouselCurrentItemsVisibleAndHalf","getCarouselItemWidth","getLeft","handleClickCard","item","event","dispatch","handleMediaQueryChange","matchingDevice","$$invalidate","onMount","onchange","e","carouselItems","JSON","parse","carouselOptions","Object","assign","carouselItemsSize","carouselCurrentItemsSize","carouselItemWidthSpace","carouselContainerWidthSpace","scrollWidth","offsetWidth","$$value"],"mappings":"+jBA0P4BA,EAAQ,QAAoBA,EAAK,MAAjCA,EAAQ,IAAAC,EAAA,CAAAC,MAAA,qBAA9BC,EAAwEC,EAAAH,EAAAI,8BAAtBL,EAAK,mHAoE1CM,MAAAN,MAAKM,MACJC,OAAAP,MAAKO,OACLC,OAAAR,MAAKQ,6FAPjBL,EASQC,EAAAK,EAAAJ,6EAJG,GAAAK,EAAA,KAAAC,EAAAL,MAAAN,MAAKM,OACJ,GAAAI,EAAA,KAAAC,EAAAJ,OAAAP,MAAKO,QACL,GAAAG,EAAA,KAAAC,EAAAH,OAAAR,MAAKQ,yKAtEGR,EAAQ,KAARA,EAAQ,IAAAY,EAAAZ,0GAMnBA,EAAY,4CACTA,EAAe,wDAejB,qGAIAA,EAAiB,+CACjBA,EAAa,sEAQb,WACAA,EAAW,kIAIXA,EAAS,WAsBdA,EAAa,wBAAlBa,OAAIC,GAAA,gaA/CmBd,EAAA,GACrB,2BACA,6IAsCuCA,EAA2B,IAAA,oCACrCA,EAAwB,uCACnBA,EAAsB,IAAA,sCACzBA,EAAkC,qCACjCe,kDACcC,EAAqB,qFAVxBC,EAAyB,yCArD9Ed,EA+EKC,EAAAc,EAAAb,GA9EHc,EA+CKD,EAAAE,GA9CHD,EAaKC,EAAAC,yBAXHF,EAUKE,EAAAC,sBAEPH,EA+BKC,EAAAG,yCAEPJ,EA6BKD,EAAAM,GAvBHL,EAsBKK,EAAAC,qFAzBMzB,EAAoB,mBAjDPA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,sCAARA,EAAQ,uCAARA,EAAQ,gCAMnBA,EAAY,+CAoBXA,EAAiB,kDAUjBA,EAAW,uDArBEA,EAAA,GACrB,2BACA,uEA6CGA,EAAa,WAAlBa,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,oEAPqCd,EAA2B,IAAA,mDACrCA,EAAwB,wDACnBA,EAAsB,IAAA,sDACzBA,EAAkC,0FAInEa,OAAIC,GAAA,iNAvQN,IAAAE,EAAwB,GAGxBC,EAA4B,EAa5BF,EAAwB,WAyCnBY,EACPC,EACAC,UAEIA,EACKD,EAAeZ,GAEhBY,EAAe,GAAKZ,iDA9FnBV,GAAawB,GACbC,SAAAA,EAA6B,MAAID,gBACjCE,GAAoBF,GACpBG,OAAAA,GAAS,GAAKH,WACdI,GAAeJ,SACfK,GAAaL,EAElB,MAAAM,EAA8BC,OAAOC,WAAW,sBAChDC,EAA8BF,OAAOC,WACzC,8CAEIE,EAA+BH,OAAOC,WAAW,uBAGjDG,EAAsB,CAC1BC,EAAC,CACCd,aAAc,EACde,oBAAoB,GAEtBC,EAAC,CACChB,aAAc,EACde,oBAAoB,GAEtBE,GAAE,CACAjB,aAAc,EACde,oBAAoB,IAUpB,IAUAG,EAVAC,EAAmB,IAAAC,EACrBC,IACAC,KAGEC,WAyJFZ,EACAC,GAEI,OAAAA,EAAaY,QACR,KAELb,EAAYa,QACP,IAEF,IAlK2BC,CAClCd,EACAC,GAMEc,GAAoB,EACpBC,GAAc,EAmDT,SAAAC,EAAWC,GAgElBX,EAAkBY,SAAW,CAAAC,SAAU,SAAUC,oBAvC1CC,EAED,OAAAf,EAAkBgB,WAClBL,GACGX,EAAkBiB,YACjB/C,EAC4B,EAA5BC,GAGF,MAAA+C,aA/BA,MAAAC,EAA0BtC,EAC9BuC,EACAL,UAEEA,GAECf,EAAkBiB,YAAcE,GACjCE,GAICrB,EAAkBiB,YAAcE,GACjCC,EAmBcE,UACdd,EAEAR,EAAkBgB,YACjBL,GACEX,EAAkBiB,YAChB,EAAI,EAAKC,EACVhD,GACFC,GAGFsC,EAEAT,EAAkBgB,WAClBL,GACGX,EAAkBiB,YAChB,EAAI,EAAKC,EACVhD,GAIN8B,EAAkBgB,WAClBL,GACGX,EAAkBiB,YACjBC,EAAY,EACZhD,EAC4B,EAA5BC,GAI+CoD,cAkBhDC,EAAgBC,EAAoBC,UAC3CzB,EAAa0B,SAAS,wBAAyBF,GACxCC,WAqBAE,EACPF,EACAG,UAEIH,EAAMpB,SACRwB,EAAA,GAAAzB,EAAgBwB,GAEXH,EAGTK,GAAO,KACLzC,EAAY0C,SAAYC,IACtBL,EAAuBK,EAAG,IAAG,EAE/BxC,EAAYuC,SAAYC,IACtBL,EAAuBK,EAAG,IAAG,EAE/BvC,EAAasC,SAAYC,IACvBL,EAAuBK,EAAG,KAAI,oQA5KjCH,EAAA,EAAEI,EAAgB7C,EAAS8C,KAAKC,MAAM/C,GAAK,0BAC3CyC,EAAA,GAAEO,EAAkBjD,EACjBkD,OAAOC,OAEL,GAAA5C,EACAwC,KAAKC,MAAMhD,IAEbO,qBACHmC,EAAA,GAAEU,EAAoBN,eAAAA,EAAenE,oCAEnCqD,EAA8BiB,EAAgBhC,GAAevB,qCAC/DgD,EAAA,GAAEf,EACDsB,EAAgBhC,GAAeR,qBAAsB,0BACpDiC,EAAA,EAAAW,EACDD,EAAoBpB,EAChBA,EACAoB,0BAELV,EAAA,EAAET,EAAqCN,EACpCK,EAA8B,GAC9BA,+BAEDsB,EAAyB7D,EAC1BuC,EACAL,sBAECe,EAAA,GAAAa,GACDF,EAKqB,GAAKvE,wCAqF1BwC,EAAW,eAIXA,GAAY,eAIZoB,EAAA,EAAAtB,GAAoBR,eAAAA,EAAmBgB,aAAc,GACrDc,EAAA,EAAArB,GACET,eAAAA,EAAmB4C,cAAc5C,eAAAA,EAAmBgB,aACpDhB,EAAkB6C,gBAOb,SAAgBnB,UACvBzB,EAAa0B,SAAS,wBAAuB,CAAA,GACtCD,iBA4GU,CAAAD,EAAAC,IAAUF,EAAgBC,EAAMC,2CAjBtC1B,EAAiB8C"}
+{"version":3,"file":"Carousel.js","sources":["../../../../src/components/carousel/Carousel.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    CarouselDevice,\n    CarouselItem,\n    CarouselOptions,\n    CarouselTitleTag,\n  } from './carousel.types';\n  import Link from '../link/Link.nested.svelte';\n  import CarouselCard from './CarouselCard.nested.svelte';\n  import Button from '../button/Button.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { onMount } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let title: string;\n  export let titletag: CarouselTitleTag = 'h1';\n  export let subtitlelink: string;\n  export let mobile = false;\n  export let options: string;\n  export let items: string;\n\n  const mediaQueryS: MediaQueryList = window.matchMedia('(max-width: 679px)');\n  const mediaQueryM: MediaQueryList = window.matchMedia(\n    '(min-width: 680px) and (max-width: 1279px)',\n  );\n  const mediaQueryXL: MediaQueryList = window.matchMedia('(min-width: 1280px)');\n\n  // default options for all 3 screen sizes (s = <m ; m = >=m to <xl ; xl  = >=xl)\n  const defaultCarouselOptions: CarouselOptions = {\n    s: {\n      itemsVisible: 1,\n      hasHalfItemVisible: true,\n    },\n    m: {\n      itemsVisible: 3,\n      hasHalfItemVisible: false,\n    },\n    xl: {\n      itemsVisible: 5,\n      hasHalfItemVisible: false,\n    },\n  };\n\n  // size using to separate item. Useful for gap in css and for move the scroll.\n  let betweenItemsPixelSize = 16;\n\n  // needed padding to display the outlined focus border on carousel items\n  let accessibilityFocusPadding = 4;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  let currentDevice: CarouselDevice = initCurrentDevice(\n    mediaQueryM,\n    mediaQueryXL,\n  );\n\n  let carouselContainer: HTMLDivElement;\n  let carouselScrollbarLeft = 0;\n\n  let isScrollBeginning = true;\n  let isScrollEnd = false;\n\n  $: carouselItems = items ? (JSON.parse(items) as CarouselItem[]) : [];\n  $: carouselOptions = options\n    ? Object.assign(\n        {},\n        defaultCarouselOptions,\n        JSON.parse(options) as CarouselOptions,\n      )\n    : defaultCarouselOptions;\n  $: carouselItemsSize = carouselItems?.length;\n\n  $: carouselCurrentItemsVisible = carouselOptions[currentDevice].itemsVisible;\n  $: carouselCurrentHasHalfItemVisible =\n    carouselOptions[currentDevice].hasHalfItemVisible || false;\n  $: carouselCurrentItemsSize =\n    carouselItemsSize < carouselCurrentItemsVisible\n      ? carouselCurrentItemsVisible\n      : carouselItemsSize;\n\n  $: carouselCurrentItemsVisibleAndHalf = carouselCurrentHasHalfItemVisible\n    ? carouselCurrentItemsVisible + 0.5\n    : carouselCurrentItemsVisible;\n\n  $: carouselItemWidthSpace = getCarouselItemsWidthSpace(\n    carouselCurrentItemsVisible,\n    carouselCurrentHasHalfItemVisible,\n  );\n  $: carouselContainerWidthSpace = getCarouselContainerWidthSpace(\n    carouselCurrentItemsSize,\n  );\n\n  /* returns the total size of the spacing between items for the big container */\n  function getCarouselContainerWidthSpace(totalItems: number) {\n    return (totalItems - 1) * betweenItemsPixelSize;\n  }\n\n  /* returns the total size of the spacing between items for the screen size */\n  function getCarouselItemsWidthSpace(\n    itemsVisible: number,\n    itemsAndHalfVisible: boolean,\n  ) {\n    if (itemsAndHalfVisible) {\n      return itemsVisible * betweenItemsPixelSize;\n    }\n    return (itemsVisible - 1) * betweenItemsPixelSize;\n  }\n\n  /* move the scroll to change the displaying items.\n     1 to move right, -1 to move left\n     */\n  function moveScroll(signe: 1 | -1) {\n    /* returns the size in pixel of an item according to screen size and the number of items visible. */\n    function getCarouselItemWidth() {\n      const carouselItemsWidthSpace = getCarouselItemsWidthSpace(\n        carouselCurrentItemsVisible,\n        carouselCurrentHasHalfItemVisible,\n      );\n      if (carouselCurrentHasHalfItemVisible) {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisibleAndHalf\n        );\n      } else {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisible\n        );\n      }\n    }\n\n    /* returns the new left position of the scrollbar\n     *  in the case of visible half items, the calculation depends if the carousel is at the beginnind, at the end or in the middle.\n     *\n     */\n    function getLeft() {\n      if (!carouselCurrentHasHalfItemVisible) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth +\n              betweenItemsPixelSize -\n              accessibilityFocusPadding * 2)\n        );\n      }\n      const itemWidth = getCarouselItemWidth();\n      if (isScrollBeginning) {\n        return (\n          carouselContainer.scrollLeft +\n          (signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize) +\n            accessibilityFocusPadding)\n        );\n      }\n      if (isScrollEnd) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize)\n        );\n      }\n      return (\n        carouselContainer.scrollLeft +\n        signe *\n          (carouselContainer.clientWidth -\n            itemWidth / 2 -\n            betweenItemsPixelSize +\n            accessibilityFocusPadding * 2)\n      );\n    }\n\n    carouselContainer.scrollTo({ behavior: 'smooth', left: getLeft() });\n  }\n\n  function nextCards() {\n    moveScroll(1);\n  }\n\n  function previousCards() {\n    moveScroll(-1);\n  }\n\n  function handleScrollCarousel() {\n    isScrollBeginning = carouselContainer?.scrollLeft <= 0;\n    isScrollEnd =\n      carouselContainer?.scrollWidth - carouselContainer?.scrollLeft <=\n      carouselContainer.offsetWidth;\n  }\n\n  function handleClickCard(item: CarouselItem, event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-item-clicked', item);\n    return event;\n  }\n  function handleClickLink(event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-link-clicked', {});\n    return event;\n  }\n\n  // returns device according to screen size\n  function initCurrentDevice(\n    mediaQueryM: MediaQueryList,\n    mediaQueryXL: MediaQueryList,\n  ) {\n    if (mediaQueryXL.matches) {\n      return 'xl';\n    }\n    if (mediaQueryM.matches) {\n      return 'm';\n    }\n    return 's';\n  }\n\n  function handleMediaQueryChange(\n    event: MediaQueryListEvent,\n    matchingDevice: CarouselDevice,\n  ): MediaQueryListEvent {\n    if (event.matches) {\n      currentDevice = matchingDevice;\n    }\n    return event;\n  }\n\n  onMount(() => {\n    mediaQueryS.onchange = (e) => {\n      handleMediaQueryChange(e, 's');\n    };\n    mediaQueryM.onchange = (e) => {\n      handleMediaQueryChange(e, 'm');\n    };\n    mediaQueryXL.onchange = (e) => {\n      handleMediaQueryChange(e, 'xl');\n    };\n  });\n</script>\n\n<div class=\"mc-carousel\">\n  <div class=\"mc-carousel__header\">\n    <div class=\"mc-carousel__titles\">\n      <svelte:element this={titletag} style=\"margin:0\">{title}</svelte:element>\n      <div class=\"mc-carousel__subtitle\">\n        <Link\n          href=\"#layer\"\n          iconname=\"navigation-arrow-arrow--right-24px\"\n          iconposition=\"right\"\n          label={subtitlelink}\n          on:click={handleClickLink}\n          size=\"s\"\n          target=\"_self\"\n        />\n      </div>\n    </div>\n    <nav\n      aria-label=\"pagination\"\n      class=\"mc-carousel__nav {mobile\n        ? 'mc-carousel__nav--mobile'\n        : 'mc-carousel__nav--desktop'}\"\n    >\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        bordered={true}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--left-32px\"\n        aria-label=\"Previous page\"\n        disabled={isScrollBeginning}\n        on:click={previousCards}\n        label=\"Previous\"\n        loader=\"\"\n      />\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        type=\"button\"\n        bordered={true}\n        disabled={isScrollEnd}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--right-32px\"\n        aria-label=\"Next Page\"\n        on:click={nextCards}\n        label=\"Next\"\n        loader=\"\"\n      />\n    </nav>\n  </div>\n  <div\n    class=\"mc-carousel__body\"\n    bind:this={carouselContainer}\n    on:scroll={handleScrollCarousel}\n    style=\"--carousel__accessibility-focus-padding: {accessibilityFocusPadding}px;\"\n  >\n    <div\n      class=\"mc-carousel__content\"\n      style=\"\n             --carousel__container-width-space: {carouselContainerWidthSpace}px;\n             --carousel__items-count: {carouselCurrentItemsSize};\n             --carousel__item-width-space: {carouselItemWidthSpace}px;\n             --carousel__items-visible: {carouselCurrentItemsVisibleAndHalf};\n             --carousel__scrollbar-left: {carouselScrollbarLeft};\n             --carousel__container-separate-item-size: {betweenItemsPixelSize}px;\"\n    >\n      {#each carouselItems as item}\n        <button\n          class=\"mc-carousel__item\"\n          on:click={(event) => handleClickCard(item, event)}\n        >\n          <CarouselCard\n            title={item.title}\n            imgSrc={item.imgSrc}\n            imgAlt={item.imgAlt}\n          />\n        </button>\n      {/each}\n    </div>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.pagination';\n\n  .mc-carousel {\n    display: flex;\n    flex-direction: column;\n    gap: $mu100;\n\n    &__header {\n      /* Auto layout */\n\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    &__titles {\n      display: flex;\n      flex-direction: column;\n      gap: $mu025;\n    }\n    &__nav {\n      gap: $mu050;\n      &--mobile {\n        display: none;\n      }\n      &--desktop {\n        display: flex;\n      }\n    }\n\n    &__body {\n      position: relative;\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: var(--carousel__accessibility-focus-padding);\n    }\n\n    &__content {\n      display: flex;\n      flex-wrap: nowrap;\n      column-gap: var(--carousel__container-separate-item-size);\n      // the total size of the big container for all items: taille d'un item * le nbre d'items + espace entre chaque item\n      width: calc(\n        (\n            (100% - var(--carousel__item-width-space)) /\n              var(--carousel__items-visible)\n          ) * var(--carousel__items-count) +\n          var(--carousel__container-width-space)\n      );\n      margin-bottom: $mu125;\n    }\n\n    &__item {\n      display: flex;\n      background: none;\n      border: none;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      // taille d'un item: (100% - les espaces entre chaque item isible) / le nombre d'items visible\n      width: calc(\n        (100% - var(--carousel__item-width-space)) /\n          var(--carousel__items-visible)\n      );\n      @include set-focus-floating-base();\n\n      &:focus {\n        @include set-focus-floating();\n      }\n    }\n\n    &-footer {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  ::-webkit-scrollbar {\n    border-radius: $mu025;\n    height: 6px;\n    background: $color-grey-100;\n    border-top: 1px solid white;\n    border-bottom: 1px solid white;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: $color-grey-800;\n    border-radius: 6px;\n  }\n</style>\n"],"names":["ctx","svelte_element","style","insert","target","anchor","title","imgSrc","imgAlt","button","dirty","carouselcard_changes","create_dynamic_element","length","i","carouselScrollbarLeft","betweenItemsPixelSize","accessibilityFocusPadding","div5","append","div2","div1","div0","nav","div4","div3","each_blocks","getCarouselItemsWidthSpace","itemsVisible","itemsAndHalfVisible","$$props","titletag","subtitlelink","mobile","options","items","mediaQueryS","window","matchMedia","mediaQueryM","mediaQueryXL","defaultCarouselOptions","s","hasHalfItemVisible","m","xl","carouselContainer","eventHandler","EventHandler","get_current_component","createEventDispatcher","currentDevice","matches","initCurrentDevice","isScrollBeginning","isScrollEnd","moveScroll","signe","scrollTo","behavior","left","carouselCurrentHasHalfItemVisible","scrollLeft","clientWidth","itemWidth","carouselItemsWidthSpace","carouselCurrentItemsVisible","carouselCurrentItemsVisibleAndHalf","getCarouselItemWidth","getLeft","handleClickCard","item","event","dispatch","handleMediaQueryChange","matchingDevice","$$invalidate","onMount","onchange","e","carouselItems","JSON","parse","carouselOptions","Object","assign","carouselItemsSize","carouselCurrentItemsSize","carouselItemWidthSpace","carouselContainerWidthSpace","scrollWidth","offsetWidth","$$value"],"mappings":"8jBA0P4BA,EAAQ,QAAoBA,EAAK,MAAjCA,EAAQ,IAAAC,EAAA,CAAAC,MAAA,qBAA9BC,EAAwEC,EAAAH,EAAAI,8BAAtBL,EAAK,mHAoE1CM,MAAAN,MAAKM,MACJC,OAAAP,MAAKO,OACLC,OAAAR,MAAKQ,6FAPjBL,EASQC,EAAAK,EAAAJ,6EAJG,GAAAK,EAAA,KAAAC,EAAAL,MAAAN,MAAKM,OACJ,GAAAI,EAAA,KAAAC,EAAAJ,OAAAP,MAAKO,QACL,GAAAG,EAAA,KAAAC,EAAAH,OAAAR,MAAKQ,yKAtEGR,EAAQ,KAARA,EAAQ,IAAAY,EAAAZ,0GAMnBA,EAAY,4CACTA,EAAe,wDAejB,qGAIAA,EAAiB,+CACjBA,EAAa,sEAQb,WACAA,EAAW,kIAIXA,EAAS,WAsBdA,EAAa,wBAAlBa,OAAIC,GAAA,gaA/CmBd,EAAA,GACrB,2BACA,6IAsCuCA,EAA2B,IAAA,oCACrCA,EAAwB,uCACnBA,EAAsB,IAAA,sCACzBA,EAAkC,qCACjCe,kDACcC,EAAqB,qFAVxBC,EAAyB,yCArD9Ed,EA+EKC,EAAAc,EAAAb,GA9EHc,EA+CKD,EAAAE,GA9CHD,EAaKC,EAAAC,yBAXHF,EAUKE,EAAAC,sBAEPH,EA+BKC,EAAAG,yCAEPJ,EA6BKD,EAAAM,GAvBHL,EAsBKK,EAAAC,qFAzBMzB,EAAoB,mBAjDPA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,sCAARA,EAAQ,uCAARA,EAAQ,gCAMnBA,EAAY,+CAoBXA,EAAiB,kDAUjBA,EAAW,uDArBEA,EAAA,GACrB,2BACA,uEA6CGA,EAAa,WAAlBa,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,oEAPqCd,EAA2B,IAAA,mDACrCA,EAAwB,wDACnBA,EAAsB,IAAA,sDACzBA,EAAkC,0FAInEa,OAAIC,GAAA,iNAvQN,IAAAE,EAAwB,GAGxBC,EAA4B,EAa5BF,EAAwB,WAyCnBY,EACPC,EACAC,UAEIA,EACKD,EAAeZ,GAEhBY,EAAe,GAAKZ,iDA9FnBV,GAAawB,GACbC,SAAAA,EAA6B,MAAID,gBACjCE,GAAoBF,GACpBG,OAAAA,GAAS,GAAKH,WACdI,GAAeJ,SACfK,GAAaL,EAElB,MAAAM,EAA8BC,OAAOC,WAAW,sBAChDC,EAA8BF,OAAOC,WACzC,8CAEIE,EAA+BH,OAAOC,WAAW,uBAGjDG,EAAsB,CAC1BC,EAAC,CACCd,aAAc,EACde,oBAAoB,GAEtBC,EAAC,CACChB,aAAc,EACde,oBAAoB,GAEtBE,GAAE,CACAjB,aAAc,EACde,oBAAoB,IAUpB,IAUAG,EAVAC,EAAmB,IAAAC,EACrBC,IACAC,KAGEC,WAyJFZ,EACAC,GAEI,OAAAA,EAAaY,QACR,KAELb,EAAYa,QACP,IAEF,IAlK2BC,CAClCd,EACAC,GAMEc,GAAoB,EACpBC,GAAc,EAmDT,SAAAC,EAAWC,GAgElBX,EAAkBY,SAAW,CAAAC,SAAU,SAAUC,oBAvC1CC,EAED,OAAAf,EAAkBgB,WAClBL,GACGX,EAAkBiB,YACjB/C,EAC4B,EAA5BC,GAGF,MAAA+C,aA/BA,MAAAC,EAA0BtC,EAC9BuC,EACAL,UAEEA,GAECf,EAAkBiB,YAAcE,GACjCE,GAICrB,EAAkBiB,YAAcE,GACjCC,EAmBcE,UACdd,EAEAR,EAAkBgB,YACjBL,GACEX,EAAkBiB,YAChB,EAAI,EAAKC,EACVhD,GACFC,GAGFsC,EAEAT,EAAkBgB,WAClBL,GACGX,EAAkBiB,YAChB,EAAI,EAAKC,EACVhD,GAIN8B,EAAkBgB,WAClBL,GACGX,EAAkBiB,YACjBC,EAAY,EACZhD,EAC4B,EAA5BC,GAI+CoD,cAkBhDC,EAAgBC,EAAoBC,UAC3CzB,EAAa0B,SAAS,wBAAyBF,GACxCC,WAqBAE,EACPF,EACAG,UAEIH,EAAMpB,SACRwB,EAAA,GAAAzB,EAAgBwB,GAEXH,EAGTK,GAAO,KACLzC,EAAY0C,SAAYC,IACtBL,EAAuBK,EAAG,IAAG,EAE/BxC,EAAYuC,SAAYC,IACtBL,EAAuBK,EAAG,IAAG,EAE/BvC,EAAasC,SAAYC,IACvBL,EAAuBK,EAAG,KAAI,oQA5KjCH,EAAA,EAAEI,EAAgB7C,EAAS8C,KAAKC,MAAM/C,GAAK,0BAC3CyC,EAAA,GAAEO,EAAkBjD,EACjBkD,OAAOC,OAEL,GAAA5C,EACAwC,KAAKC,MAAMhD,IAEbO,qBACHmC,EAAA,GAAEU,EAAoBN,eAAAA,EAAenE,oCAEnCqD,EAA8BiB,EAAgBhC,GAAevB,qCAC/DgD,EAAA,GAAEf,EACDsB,EAAgBhC,GAAeR,qBAAsB,0BACpDiC,EAAA,EAAAW,EACDD,EAAoBpB,EAChBA,EACAoB,0BAELV,EAAA,EAAET,EAAqCN,EACpCK,EAA8B,GAC9BA,+BAEDsB,EAAyB7D,EAC1BuC,EACAL,sBAECe,EAAA,GAAAa,GACDF,EAKqB,GAAKvE,wCAqF1BwC,EAAW,eAIXA,GAAY,eAIZoB,EAAA,EAAAtB,GAAoBR,eAAAA,EAAmBgB,aAAc,GACrDc,EAAA,EAAArB,GACET,eAAAA,EAAmB4C,cAAc5C,eAAAA,EAAmBgB,aACpDhB,EAAkB6C,gBAOb,SAAgBnB,UACvBzB,EAAa0B,SAAS,wBAAuB,CAAA,GACtCD,iBA4GU,CAAAD,EAAAC,IAAUF,EAAgBC,EAAMC,2CAjBtC1B,EAAiB8C"}

package/public/adeo/components/carousel/CarouselCard.nested.js

@@ -1,2 +1,2 @@
-import{G as e,i as t,s,H as l,c as a,e as i,d as r,t as c,h as o,a4 as d,j as m,k as g,b as n,l as v,o as y,p as j,n as q,q as f,r as b,x}from"../../index-48da6c1f.js";function p(e){l(e,"svelte-1yq09gj",'.mc-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;max-width:17.75rem}.mc-card.svelte-1yq09gj.svelte-1yq09gj,.mc-card.svelte-1yq09gj .svelte-1yq09gj{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18.25rem}}@media screen and (min-width: 1024px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18rem}}@media screen and (min-width: 1280px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:17.5rem}}@media screen and (min-width: 1920px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:27.25rem}}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj{margin:0;overflow:hidden;position:relative}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj::before{content:"";display:block;width:100%;padding-top:75%}.mc-card__visual--1x1.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:100%}.mc-card__visual--16x9.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:56.25%}.mc-card__img.svelte-1yq09gj.svelte-1yq09gj{height:auto;left:0;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-card__content.svelte-1yq09gj.svelte-1yq09gj{padding-top:1rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj,.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{margin-top:0;margin-bottom:0.5rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000}.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj{font-size:1rem;line-height:1.375;color:#191919}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj:not(:last-child){margin-bottom:1rem}.mc-card--bordered.svelte-1yq09gj.svelte-1yq09gj{background:#ffffff;border:2px solid #808080;border-radius:0.25rem;overflow:hidden}.mc-card--fluid.svelte-1yq09gj.svelte-1yq09gj{max-width:none}.mc-carousel-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0.5rem;gap:0.25rem;border:1px solid #666666;border-radius:0.25rem}.mc-carousel-card.svelte-1yq09gj .mc-carousel-card__image.svelte-1yq09gj{width:100%}')}function u(e){let t,s,l,b,x,p,u,h=[e[3],{class:"mc-carousel-card"}],_={};for(let e=0;e<h.length;e+=1)_=a(_,h[e]);return{c(){t=i("div"),s=i("picture"),l=i("img"),x=r(),p=i("div"),u=c(e[0]),o(l,"class","mc-carousel-card__image svelte-1yq09gj"),d(l.src,b=e[1])||o(l,"src",b),o(l,"alt",e[2]),o(s,"class","svelte-1yq09gj"),o(p,"class","mc-carousel-card__title svelte-1yq09gj"),m(t,_),g(t,"svelte-1yq09gj",!0)},m(e,a){n(e,t,a),v(t,s),v(s,l),v(t,x),v(t,p),v(p,u)},p(e,[s]){2&s&&!d(l.src,b=e[1])&&o(l,"src",b),4&s&&o(l,"alt",e[2]),1&s&&y(u,e[0]),m(t,_=j(h,[8&s&&e[3],{class:"mc-carousel-card"}])),g(t,"svelte-1yq09gj",!0)},i:q,o:q,d(e){e&&f(t)}}}function h(e,t,s){let l;const i=["title","imgSrc","imgAlt"];let r=b(t,i),{title:c}=t,{imgSrc:o}=t,{imgAlt:d}=t;return e.$$set=e=>{t=a(a({},t),x(e)),s(4,r=b(t,i)),"title"in e&&s(0,c=e.title),"imgSrc"in e&&s(1,o=e.imgSrc),"imgAlt"in e&&s(2,d=e.imgAlt)},e.$$.update=()=>{s(3,l=Object.assign({},r))},[c,o,d,l]}class _ extends e{constructor(e){super(),t(this,e,h,u,s,{title:0,imgSrc:1,imgAlt:2},p)}}export{_ as default};
+import{H as e,i as t,s,I as l,c as a,e as i,d as r,v as c,h as o,a5 as d,j as m,t as g,b as n,k as v,y,l as j,n as q,m as f,o as b,u}from"../../index-c222d0b7.js";function x(e){l(e,"svelte-1yq09gj",'.mc-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;max-width:17.75rem}.mc-card.svelte-1yq09gj.svelte-1yq09gj,.mc-card.svelte-1yq09gj .svelte-1yq09gj{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18.25rem}}@media screen and (min-width: 1024px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18rem}}@media screen and (min-width: 1280px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:17.5rem}}@media screen and (min-width: 1920px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:27.25rem}}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj{margin:0;overflow:hidden;position:relative}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj::before{content:"";display:block;width:100%;padding-top:75%}.mc-card__visual--1x1.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:100%}.mc-card__visual--16x9.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:56.25%}.mc-card__img.svelte-1yq09gj.svelte-1yq09gj{height:auto;left:0;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-card__content.svelte-1yq09gj.svelte-1yq09gj{padding-top:1rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj,.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{margin-top:0;margin-bottom:0.5rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000}.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj{font-size:1rem;line-height:1.375;color:#191919}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj:not(:last-child){margin-bottom:1rem}.mc-card--bordered.svelte-1yq09gj.svelte-1yq09gj{background:#ffffff;border:2px solid #808080;border-radius:0.25rem;overflow:hidden}.mc-card--fluid.svelte-1yq09gj.svelte-1yq09gj{max-width:none}.mc-carousel-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0.5rem;gap:0.25rem;border:1px solid #666666;border-radius:0.25rem}.mc-carousel-card.svelte-1yq09gj .mc-carousel-card__image.svelte-1yq09gj{width:100%}')}function h(e){let t,s,l,b,u,x,h,p=[e[3],{class:"mc-carousel-card"}],_={};for(let e=0;e<p.length;e+=1)_=a(_,p[e]);return{c(){t=i("div"),s=i("picture"),l=i("img"),u=r(),x=i("div"),h=c(e[0]),o(l,"class","mc-carousel-card__image svelte-1yq09gj"),d(l.src,b=e[1])||o(l,"src",b),o(l,"alt",e[2]),o(s,"class","svelte-1yq09gj"),o(x,"class","mc-carousel-card__title svelte-1yq09gj"),m(t,_),g(t,"svelte-1yq09gj",!0)},m(e,a){n(e,t,a),v(t,s),v(s,l),v(t,u),v(t,x),v(x,h)},p(e,[s]){2&s&&!d(l.src,b=e[1])&&o(l,"src",b),4&s&&o(l,"alt",e[2]),1&s&&y(h,e[0]),m(t,_=j(p,[8&s&&e[3],{class:"mc-carousel-card"}])),g(t,"svelte-1yq09gj",!0)},i:q,o:q,d(e){e&&f(t)}}}function p(e,t,s){let l;const i=["title","imgSrc","imgAlt"];let r=b(t,i),{title:c}=t,{imgSrc:o}=t,{imgAlt:d}=t;return e.$$set=e=>{t=a(a({},t),u(e)),s(4,r=b(t,i)),"title"in e&&s(0,c=e.title),"imgSrc"in e&&s(1,o=e.imgSrc),"imgAlt"in e&&s(2,d=e.imgAlt)},e.$$.update=()=>{s(3,l=Object.assign({},r))},[c,o,d,l]}class _ extends e{constructor(e){super(),t(this,e,p,h,s,{title:0,imgSrc:1,imgAlt:2},x)}}export{_ as default};
 //# sourceMappingURL=CarouselCard.nested.js.map

package/public/adeo/components/carousel/CarouselCard.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselCard.nested.js","sources":["../../../../src/components/carousel/CarouselCard.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let title: string;\n  export let imgSrc: string;\n  export let imgAlt: string;\n  $: attributes = { ...$$restProps };\n</script>\n\n<div {...attributes} class=\"mc-carousel-card\">\n  <picture>\n    <img class=\"mc-carousel-card__image\" src={imgSrc} alt={imgAlt} />\n  </picture>\n  <div class=\"mc-carousel-card__title\">{title}</div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.card';\n\n  .mc-carousel-card {\n    $parent: get-parent-selector(&);\n    @include set-font-face();\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: $mu050;\n    gap: $mu025;\n    border: 1px solid $color-grey-600;\n    border-radius: $mu025;\n\n    #{$parent}__image {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["ctx","class","attr","img","img_src_value","insert","target","div1","anchor","append","picture","div0","title","$$props","imgSrc","imgAlt","attributes","Object","assign","$$restProps"],"mappings":"qnFASSA,EAAU,GAAA,CAAAC,MAAA,uIAIqBD,EAAK,oEAFCA,EAAM,KAAAE,EAAAC,EAAA,MAAAC,aAAOJ,EAAM,gIAFjEK,EAKKC,EAAAC,EAAAC,GAJHC,EAESF,EAAAG,GADPD,EAAgEC,EAAAP,UAElEM,EAAiDF,EAAAI,oCAFLX,EAAM,iCAAOA,EAAM,aAEzBA,EAAK,oBAJpCA,EAAU,kKANNY,GAAaC,UACbC,GAAcD,UACdE,GAAcF,mKACtBG,EAALC,OAAAC,UAAuBC,GAAW"}
+{"version":3,"file":"CarouselCard.nested.js","sources":["../../../../src/components/carousel/CarouselCard.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let title: string;\n  export let imgSrc: string;\n  export let imgAlt: string;\n  $: attributes = { ...$$restProps };\n</script>\n\n<div {...attributes} class=\"mc-carousel-card\">\n  <picture>\n    <img class=\"mc-carousel-card__image\" src={imgSrc} alt={imgAlt} />\n  </picture>\n  <div class=\"mc-carousel-card__title\">{title}</div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.card';\n\n  .mc-carousel-card {\n    $parent: get-parent-selector(&);\n    @include set-font-face();\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: $mu050;\n    gap: $mu025;\n    border: 1px solid $color-grey-600;\n    border-radius: $mu025;\n\n    #{$parent}__image {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["ctx","class","attr","img","img_src_value","insert","target","div1","anchor","append","picture","div0","title","$$props","imgSrc","imgAlt","attributes","Object","assign","$$restProps"],"mappings":"gnFASSA,EAAU,GAAA,CAAAC,MAAA,uIAIqBD,EAAK,oEAFCA,EAAM,KAAAE,EAAAC,EAAA,MAAAC,aAAOJ,EAAM,gIAFjEK,EAKKC,EAAAC,EAAAC,GAJHC,EAESF,EAAAG,GADPD,EAAgEC,EAAAP,UAElEM,EAAiDF,EAAAI,oCAFLX,EAAM,iCAAOA,EAAM,aAEzBA,EAAK,oBAJpCA,EAAU,kKANNY,GAAaC,UACbC,GAAcD,UACdE,GAAcF,mKACtBG,EAALC,OAAAC,UAAuBC,GAAW"}

package/public/adeo/components/chart/BarChart.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,I as c,n as l,L as u,h as d,q as m,Q as h,v as g,w as f,a6 as p,t as $,l as b,o as x,R as k,J as v,a3 as y}from"../../index-48da6c1f.js";import{s as w}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as S}from"../../axis-fbc0f7b5.js";import{b as j}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const s=t.slice();return s[4]=e[r],s}function O(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=$(o),d(e,"class","tooltip"),d(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),b(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&x(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&d(e,"style",a)},d(t){t&&m(e)}}}function R(t){let e,r,a=t[4]+"";return{c(){e=new y(!1),r=k(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function J(t){let e,r,a,o,g,f,p=t[2].show&&O(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=R(C(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),d(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=O(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=C(t,$,e);b[e]?b[e].p(s,r):(b[e]=R(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&m(e),t[18](null),s&&m(r),p&&p.d(s),s&&m(a),s&&m(o),h(b,s),s&&m(g),s&&m(f)}}}function q(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function z(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:d=50}=e,{scalemin:m=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:$=4}=e,{tickleftformat:b}=e;b=t=>`${t}`;let x,k,y,{tickbottomformat:C=(t=>`${t}`)}=e,{svgs:O}=e,{margins:R}=e,J=!1,z={show:!1,text:"",top:0,left:0,width:0},F=new A(g(),f());function I(){let t=w(k).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function B(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function L(t){const e=j().domain(s).range([0,t-(q(R).left/2+q(R).right/2)]).padding(.2),r=E().domain([m,d]).range([a,0]),o=j().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function D(t,e,s){y.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>B(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{y.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,z.show=!1,z)})).on("mouseover",((t,s)=>{y.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,z={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{F.dispatch("bar-clicked",e)})),y.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(m)))).delay(((t,e)=>100*e))}function H(t,e){y.select(".x-axis").call(N(t).tickFormat(C)),y.select(".y-axis").call(S(e).ticks($).tickFormat(b));const r=I();y.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function M(){var t;if(x){const e=I();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=L(e);H(r,s),y.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>B(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return p((()=>{new ResizeObserver(M).observe(k),r(17,J=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,d=t.scalemax),"scalemin"in t&&r(9,m=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,$=t.ticknumbers),"tickleftformat"in t&&r(5,b=t.tickleftformat),"tickbottomformat"in t&&r(12,C=t.tickbottomformat),"svgs"in t&&r(13,O=t.svgs),"margins"in t&&r(14,R=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=O?JSON.parse(O):[]),196672&t.$$.dirty[0]&&c.length>0&&J&&(x?c!==x&&(!function(){var t;const e=I();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=L(e);H(r,s),y.selectAll(".bar").remove(),D(r,a,s)}(),r(16,x=c)):(!function(){const t=I(),{x:e,y:s,xSubgroup:o}=L(t);r(4,y=w(k).append("svg").attr("width",t).attr("height",Number(a)+Number(q(R).top)+Number(q(R).bottom)+Number(q(R).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${q(R).left/2+q(R).right/2},${q(R).top})`)),y.append("g").attr("transform",`translate(0, ${Number(a)+Number(q(R).xAxis)})`).call(N(e)).attr("class","x-axis").attr("stroke-width","0"),y.append("g").call(S(s).ticks($).tickFormat(b)).attr("class","y-axis").attr("stroke-width","0"),D(e,o,s)}(),r(16,x=c)))},[u,k,z,o,y,b,c,l,d,m,h,$,C,O,R,i,x,J,function(t){v[t?"unshift":"push"]((()=>{k=t,r(1,k)}))}]}class F extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,J,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{F as default};
+import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,J as c,n as l,M as u,h as m,m as d,R as h,q as g,r as f,a6 as p,v as $,k as b,y as x,T as k,K as y,a4 as v}from"../../index-c222d0b7.js";import{s as w}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as S}from"../../axis-fbc0f7b5.js";import{b as j}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const s=t.slice();return s[4]=e[r],s}function O(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=$(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),b(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&x(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}function R(t){let e,r,a=t[4]+"";return{c(){e=new v(!1),r=k(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function J(t){let e,r,a,o,g,f,p=t[2].show&&O(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=R(C(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=O(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=C(t,$,e);b[e]?b[e].p(s,r):(b[e]=R(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),p&&p.d(s),s&&d(a),s&&d(o),h(b,s),s&&d(g),s&&d(f)}}}function q(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function z(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:$=4}=e,{tickleftformat:b}=e;b=t=>`${t}`;let x,k,v,{tickbottomformat:C=(t=>`${t}`)}=e,{svgs:O}=e,{margins:R}=e,J=!1,z={show:!1,text:"",top:0,left:0,width:0},F=new A(g(),f());function B(){let t=w(k).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function M(t){const e=j().domain(s).range([0,t-(q(R).left/2+q(R).right/2)]).padding(.2),r=E().domain([d,m]).range([a,0]),o=j().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function D(t,e,s){v.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>I(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{v.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,z.show=!1,z)})).on("mouseover",((t,s)=>{v.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,z={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{F.dispatch("bar-clicked",e)})),v.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function H(t,e){v.select(".x-axis").call(N(t).tickFormat(C)),v.select(".y-axis").call(S(e).ticks($).tickFormat(b));const r=B();v.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function K(){var t;if(x){const e=B();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=M(e);H(r,s),v.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>I(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return p((()=>{new ResizeObserver(K).observe(k),r(17,J=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,$=t.ticknumbers),"tickleftformat"in t&&r(5,b=t.tickleftformat),"tickbottomformat"in t&&r(12,C=t.tickbottomformat),"svgs"in t&&r(13,O=t.svgs),"margins"in t&&r(14,R=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=O?JSON.parse(O):[]),196672&t.$$.dirty[0]&&c.length>0&&J&&(x?c!==x&&(!function(){var t;const e=B();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=M(e);H(r,s),v.selectAll(".bar").remove(),D(r,a,s)}(),r(16,x=c)):(!function(){const t=B(),{x:e,y:s,xSubgroup:o}=M(t);r(4,v=w(k).append("svg").attr("width",t).attr("height",Number(a)+Number(q(R).top)+Number(q(R).bottom)+Number(q(R).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${q(R).left/2+q(R).right/2},${q(R).top})`)),v.append("g").attr("transform",`translate(0, ${Number(a)+Number(q(R).xAxis)})`).call(N(e)).attr("class","x-axis").attr("stroke-width","0"),v.append("g").call(S(s).ticks($).tickFormat(b)).attr("class","y-axis").attr("stroke-width","0"),D(e,o,s)}(),r(16,x=c)))},[u,k,z,o,v,b,c,l,m,d,h,$,C,O,R,i,x,J,function(t){y[t?"unshift":"push"]((()=>{k=t,r(1,k)}))}]}class F extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,J,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{F as default};
 //# sourceMappingURL=BarChart.js.map

package/public/adeo/components/chart/Donut.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,h as g,L as d,l as c,q as h,Q as m,v as f,w as u,a6 as p,I as x,m as y,t as b,o as w,R as k,J as $,a3 as v}from"../../index-48da6c1f.js";import{s as _,a as A}from"../../transform-15d69d5d.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import{c as E,a as T}from"../../array-5b770a93.js";import{w as R,p as j,c as D,s as F,h as O,e as S,t as C,a as M,m as N,b as I,d as J,f as P,g as q,i as B}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function L(t){return t.outerRadius}function Q(t){return t.startAngle}function V(t){return t.endAngle}function X(t){return t&&t.padAngle}function Y(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/M(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*M(B(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,E=(-$*y+b*v)/w,T=_-p,R=A-x,j=z-p,D=E-x;return T*T+R*R>j*j+D*D&&(_=z,A=E),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function G(){var t=H,e=L,n=E(0),i=null,r=Q,a=V,l=X,o=null,s=R(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-O,f=a.apply(this,arguments)-O,u=I(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>S)if(u>C-S)o.moveTo(h*D(m),h*F(m)),o.arc(0,0,h,m,f,!p),c>S&&(o.moveTo(c*D(f),c*F(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>S&&(i?+i.apply(this,arguments):M(c*c+h*h)),E=N(I(h-c)/2,+n.apply(this,arguments)),T=E,R=E;if(z>S){var B=P(z/c*F(A)),H=P(z/h*F(A));(v-=2*B)>S?(k+=B*=p?1:-1,$-=B):(v=0,k=$=(m+f)/2),(_-=2*H)>S?(b+=H*=p?1:-1,w-=H):(_=0,b=w=(m+f)/2)}var L=h*D(b),Q=h*F(b),V=c*D($),X=c*F($);if(E>S){var G,K=h*D(w),U=h*F(w),W=c*D(k),Z=c*F(k);if(u<j)if(G=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<S))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(L,Q,W,Z,K,U,V,X)){var tt=L-G[0],et=Q-G[1],nt=K-G[0],it=U-G[1],rt=1/F(q((tt*nt+et*it)/(M(tt*tt+et*et)*M(nt*nt+it*it)))/2),at=M(G[0]*G[0]+G[1]*G[1]);T=N(E,(c-at)/(rt-1)),R=N(E,(h-at)/(rt+1))}else T=R=0}_>S?R>S?(x=Y(W,Z,L,Q,h,R,p),y=Y(K,U,V,X,h,R,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),R<E?o.arc(x.cx,x.cy,R,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,R,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,h,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,R,J(y.y11,y.x11),J(y.y01,y.x01),!p))):(o.moveTo(L,Q),o.arc(0,0,h,b,w,!p)):o.moveTo(L,Q),c>S&&v>S?T>S?(x=Y(V,X,K,U,c,-T,p),y=Y(L,Q,W,Z,c,-T,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),T<E?o.arc(x.cx,x.cy,T,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,T,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,c,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,T,J(y.y11,y.x11),J(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(V,X)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[D(i)*n,F(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:E(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:E(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:E(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:E(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function K(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function U(t){return t}function W(t,e,n){const i=t.slice();return i[7]=e[n],i}function Z(t,e,n){const i=t.slice();return i[4]=e[n],i[35]=n,i}function tt(t,e,n){const i=t.slice();return i[36]=e[n],i}function et(t){let e,n,r,a=t[36].split(t[1])[1]+"";return{c(){e=l("span"),n=b("("),r=b(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[36].split(t[1])[1]+"")&&w(r,a)},d(t){t&&h(e)}}}function nt(t){let e,n,r,a,s,d=t[36].split(t[1])[0]+"",m=t[36].split(t[1])[1],f=m&&et(t);return{c(){e=l("p"),n=b(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=ot(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[36].split(t[1])[0]+"")&&w(n,d),67&i[0]&&(m=t[36].split(t[1])[1]),m?f?f.p(t,i):(f=et(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=ot(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function it(t){let e,n,r,a,s,d,f,u,p,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=nt(tt(t,b,e));function k(){return t[21](t[4])}return{c(){e=l("button"),n=x("svg"),r=x("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[35],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),u||(p=y(e,"click",k),u=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[35],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=tt(t,b,e);w[e]?w[e].p(i,n):(w[e]=nt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),u=!1,p()}}}function rt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=b(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&w(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function at(t){let e,n,r=t[7]+"";return{c(){e=new v(!1),n=k(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function lt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=it(Z(t,p,e));let y=t[8].show&&rt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=at(W(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+st(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[22](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Z(t,p,e);x[e]?x[e].p(r,i):(x[e]=it(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=rt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+st(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=W(t,b,e);w[e]?w[e].p(n,i):(w[e]=at(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[22](null),n&&h(f),n&&h(u),m(w,n)}}}function ot(t){return"legend__text"+(t?" legend__text--not-selected":"")}function st(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function gt(t,e,n){let i,r,a,l,o,s,g,{data:d=""}=e,{svgs:c}=e,{colors:h}=e,{strokes:m}=e,{title:x}=e,{legendseparator:y=","}=e,{legendseparatorcount:b="("}=e,{dimension:w=250}=e,{padangle:k=.05}=e,{backgroundcolor:v="#fff"}=e,{delay:R=500}=e,{legendposition:j="right"}=e,D=!1,F=new z(f(),u()),O={left:"0px",top:"0px",text:"",show:!1};const S=w/2,M=G().outerRadius(S-5).innerRadius(S-60).padAngle(k),N=function(){var t=U,e=K,n=null,i=E(0),r=E(C),a=E(0);function l(l){var o,s,g,d,c,h=(l=T(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(C,Math.max(-C,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:E(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),I=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function J(t){g.selectAll("path").data(N(t)).transition().duration(R).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=A(this._current,t);return this._current=e(0),t=>M(e(t))||""})),g.selectAll("svg text").filter((function(){return/^[0-9]/.test(_(this).text())})).text(String(I()))}function P(t){const e=g.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));J(e)}p((()=>n(20,D=!0)));return t.$$set=t=>{"data"in t&&n(4,d=t.data),"svgs"in t&&n(13,c=t.svgs),"colors"in t&&n(14,h=t.colors),"strokes"in t&&n(15,m=t.strokes),"title"in t&&n(16,x=t.title),"legendseparator"in t&&n(0,y=t.legendseparator),"legendseparatorcount"in t&&n(1,b=t.legendseparatorcount),"dimension"in t&&n(17,w=t.dimension),"padangle"in t&&n(18,k=t.padangle),"backgroundcolor"in t&&n(2,v=t.backgroundcolor),"delay"in t&&n(19,R=t.delay),"legendposition"in t&&n(3,j=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=d?JSON.parse(d):[]),8192&t.$$.dirty[0]&&n(10,r=c?JSON.parse(c):[]),16384&t.$$.dirty[0]&&n(9,a=h?JSON.parse(h):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),32768&t.$$.dirty[0]&&(l=m?JSON.parse(m):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(o=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),1179824&t.$$.dirty[0]&&d.length>0&&D&&(g?g.selectAll("path").remove():n(7,g=_(s).append("svg").attr("width",w).attr("height",w).append("g").attr("transform","translate("+w/2+","+w/2+")")),(()=>{const t=g.selectAll("path").data(N(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${l[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));g.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(o)),g.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(x),t.transition().delay(((t,e)=>e*R)).duration(R).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=A(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),M(t)||"")})),t.on("mousemove",((t,e)=>{n(8,O={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=g.selectAll(".chart__arc").filter((function(t){return t===e})),i=g.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=g.selectAll(".chart__arc").filter((function(t){return t===e})),r=g.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,O.show=!1,O)})).on("click",((t,e)=>{F.dispatch("donut-clicked",e)})),setTimeout((()=>{J(i)}),R*i.length)})())},[y,b,v,j,d,s,i,g,O,a,r,P,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},c,h,m,x,w,k,R,D,t=>P(t.name),function(t){$[t?"unshift":"push"]((()=>{s=t,n(5,s)}))}]}class dt extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},gt,lt,a,{data:4,svgs:13,colors:14,strokes:15,title:16,legendseparator:0,legendseparatorcount:1,dimension:17,padangle:18,backgroundcolor:2,delay:19,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","strokes","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get strokes(){return this.$$.ctx[15]}set strokes(t){this.$$set({strokes:t}),r()}get title(){return this.$$.ctx[16]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[17]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[18]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[19]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",dt);export{dt as default};
+import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,h as g,M as d,k as c,m as h,R as m,q as f,r as u,a6 as p,J as x,x as y,v as b,y as w,T as k,K as $,a4 as v}from"../../index-c222d0b7.js";import{s as _,a as A}from"../../transform-15d69d5d.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import{c as E,a as T}from"../../array-5b770a93.js";import{w as R,p as j,c as D,s as F,h as M,e as O,t as S,a as C,m as N,b as J,d as I,f as P,g as q,i as B}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function K(t){return t.outerRadius}function V(t){return t.startAngle}function X(t){return t.endAngle}function Y(t){return t&&t.padAngle}function G(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/C(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*C(B(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,E=(-$*y+b*v)/w,T=_-p,R=A-x,j=z-p,D=E-x;return T*T+R*R>j*j+D*D&&(_=z,A=E),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function L(){var t=H,e=K,n=E(0),i=null,r=V,a=X,l=Y,o=null,s=R(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-M,f=a.apply(this,arguments)-M,u=J(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>O)if(u>S-O)o.moveTo(h*D(m),h*F(m)),o.arc(0,0,h,m,f,!p),c>O&&(o.moveTo(c*D(f),c*F(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>O&&(i?+i.apply(this,arguments):C(c*c+h*h)),E=N(J(h-c)/2,+n.apply(this,arguments)),T=E,R=E;if(z>O){var B=P(z/c*F(A)),H=P(z/h*F(A));(v-=2*B)>O?(k+=B*=p?1:-1,$-=B):(v=0,k=$=(m+f)/2),(_-=2*H)>O?(b+=H*=p?1:-1,w-=H):(_=0,b=w=(m+f)/2)}var K=h*D(b),V=h*F(b),X=c*D($),Y=c*F($);if(E>O){var L,Q=h*D(w),U=h*F(w),W=c*D(k),Z=c*F(k);if(u<j)if(L=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<O))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(K,V,W,Z,Q,U,X,Y)){var tt=K-L[0],et=V-L[1],nt=Q-L[0],it=U-L[1],rt=1/F(q((tt*nt+et*it)/(C(tt*tt+et*et)*C(nt*nt+it*it)))/2),at=C(L[0]*L[0]+L[1]*L[1]);T=N(E,(c-at)/(rt-1)),R=N(E,(h-at)/(rt+1))}else T=R=0}_>O?R>O?(x=G(W,Z,K,V,h,R,p),y=G(Q,U,X,Y,h,R,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),R<E?o.arc(x.cx,x.cy,R,I(x.y01,x.x01),I(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,R,I(x.y01,x.x01),I(x.y11,x.x11),!p),o.arc(0,0,h,I(x.cy+x.y11,x.cx+x.x11),I(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,R,I(y.y11,y.x11),I(y.y01,y.x01),!p))):(o.moveTo(K,V),o.arc(0,0,h,b,w,!p)):o.moveTo(K,V),c>O&&v>O?T>O?(x=G(X,Y,Q,U,c,-T,p),y=G(K,V,W,Z,c,-T,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),T<E?o.arc(x.cx,x.cy,T,I(x.y01,x.x01),I(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,T,I(x.y01,x.x01),I(x.y11,x.x11),!p),o.arc(0,0,c,I(x.cy+x.y11,x.cx+x.x11),I(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,T,I(y.y11,y.x11),I(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(X,Y)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[D(i)*n,F(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:E(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:E(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:E(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:E(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function Q(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function U(t){return t}function W(t,e,n){const i=t.slice();return i[7]=e[n],i}function Z(t,e,n){const i=t.slice();return i[4]=e[n],i[35]=n,i}function tt(t,e,n){const i=t.slice();return i[36]=e[n],i}function et(t){let e,n,r,a=t[36].split(t[1])[1]+"";return{c(){e=l("span"),n=b("("),r=b(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[36].split(t[1])[1]+"")&&w(r,a)},d(t){t&&h(e)}}}function nt(t){let e,n,r,a,s,d=t[36].split(t[1])[0]+"",m=t[36].split(t[1])[1],f=m&&et(t);return{c(){e=l("p"),n=b(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=ot(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[36].split(t[1])[0]+"")&&w(n,d),67&i[0]&&(m=t[36].split(t[1])[1]),m?f?f.p(t,i):(f=et(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=ot(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function it(t){let e,n,r,a,s,d,f,u,p,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=nt(tt(t,b,e));function k(){return t[21](t[4])}return{c(){e=l("button"),n=x("svg"),r=x("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[35],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),u||(p=y(e,"click",k),u=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[35],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=tt(t,b,e);w[e]?w[e].p(i,n):(w[e]=nt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),u=!1,p()}}}function rt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=b(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&w(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function at(t){let e,n,r=t[7]+"";return{c(){e=new v(!1),n=k(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function lt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=it(Z(t,p,e));let y=t[8].show&&rt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=at(W(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+st(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[22](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Z(t,p,e);x[e]?x[e].p(r,i):(x[e]=it(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=rt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+st(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=W(t,b,e);w[e]?w[e].p(n,i):(w[e]=at(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[22](null),n&&h(f),n&&h(u),m(w,n)}}}function ot(t){return"legend__text"+(t?" legend__text--not-selected":"")}function st(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function gt(t,e,n){let i,r,a,l,o,s,g,{data:d=""}=e,{svgs:c}=e,{colors:h}=e,{strokes:m}=e,{title:x}=e,{legendseparator:y=","}=e,{legendseparatorcount:b="("}=e,{dimension:w=250}=e,{padangle:k=.05}=e,{backgroundcolor:v="#fff"}=e,{delay:R=500}=e,{legendposition:j="right"}=e,D=!1,F=new z(f(),u()),M={left:"0px",top:"0px",text:"",show:!1};const O=w/2,C=L().outerRadius(O-5).innerRadius(O-60).padAngle(k),N=function(){var t=U,e=Q,n=null,i=E(0),r=E(S),a=E(0);function l(l){var o,s,g,d,c,h=(l=T(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(S,Math.max(-S,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:E(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),J=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function I(t){g.selectAll("path").data(N(t)).transition().duration(R).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=A(this._current,t);return this._current=e(0),t=>C(e(t))||""})),g.selectAll("svg text").filter((function(){return/^[0-9]/.test(_(this).text())})).text(String(J()))}function P(t){const e=g.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));I(e)}p((()=>n(20,D=!0)));return t.$$set=t=>{"data"in t&&n(4,d=t.data),"svgs"in t&&n(13,c=t.svgs),"colors"in t&&n(14,h=t.colors),"strokes"in t&&n(15,m=t.strokes),"title"in t&&n(16,x=t.title),"legendseparator"in t&&n(0,y=t.legendseparator),"legendseparatorcount"in t&&n(1,b=t.legendseparatorcount),"dimension"in t&&n(17,w=t.dimension),"padangle"in t&&n(18,k=t.padangle),"backgroundcolor"in t&&n(2,v=t.backgroundcolor),"delay"in t&&n(19,R=t.delay),"legendposition"in t&&n(3,j=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=d?JSON.parse(d):[]),8192&t.$$.dirty[0]&&n(10,r=c?JSON.parse(c):[]),16384&t.$$.dirty[0]&&n(9,a=h?JSON.parse(h):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),32768&t.$$.dirty[0]&&(l=m?JSON.parse(m):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(o=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),1179824&t.$$.dirty[0]&&d.length>0&&D&&(g?g.selectAll("path").remove():n(7,g=_(s).append("svg").attr("width",w).attr("height",w).append("g").attr("transform","translate("+w/2+","+w/2+")")),(()=>{const t=g.selectAll("path").data(N(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${l[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));g.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(o)),g.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(x),t.transition().delay(((t,e)=>e*R)).duration(R).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=A(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),C(t)||"")})),t.on("mousemove",((t,e)=>{n(8,M={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=g.selectAll(".chart__arc").filter((function(t){return t===e})),i=g.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=g.selectAll(".chart__arc").filter((function(t){return t===e})),r=g.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,M.show=!1,M)})).on("click",((t,e)=>{F.dispatch("donut-clicked",e)})),setTimeout((()=>{I(i)}),R*i.length)})())},[y,b,v,j,d,s,i,g,M,a,r,P,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},c,h,m,x,w,k,R,D,t=>P(t.name),function(t){$[t?"unshift":"push"]((()=>{s=t,n(5,s)}))}]}class dt extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},gt,lt,a,{data:4,svgs:13,colors:14,strokes:15,title:16,legendseparator:0,legendseparatorcount:1,dimension:17,padangle:18,backgroundcolor:2,delay:19,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","strokes","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get strokes(){return this.$$.ctx[15]}set strokes(t){this.$$set({strokes:t}),r()}get title(){return this.$$.ctx[16]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[17]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[18]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[19]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",dt);export{dt as default};
 //# sourceMappingURL=Donut.js.map

package/public/adeo/components/chart/GroupedBarChart.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,I as n,n as c,L as g,h,q as m,Q as d,v as f,w as u,a6 as p,t as x,l as b,o as $,R as k,J as y,a3 as w}from"../../index-48da6c1f.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as j,c as S}from"../../axis-fbc0f7b5.js";import{b as _}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const i=t.slice();return i[6]=e[r],i}function P(t,e,r){const i=t.slice();return i[38]=e[r],i}function R(t){let e,r,a,s,c,g,d,f,u=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),d=x(u),f=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),b(e,r),b(r,a),b(e,c),b(e,g),b(g,d),b(e,f)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&u!==(u=t[38]+"")&&$(d,u)},d(t){t&&m(e)}}}function F(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=x(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),b(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&$(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function z(t){let e,r,a,s,f,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=R(P(t,b,e));let k=t[4].show&&F(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=O(C(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),f=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,f,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=P(t,b,e);$[e]?$[e].p(i,r):($[e]=R(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=F(t),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=C(t,y,e);w[e]?w[e].p(i,r):(w[e]=O(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),d($,i),i&&m(s),k&&k.d(i),i&&m(f),i&&m(u),d(w,i),i&&m(p),i&&m(x)}}}function B(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:d="#fff"}=e,{leftscalemax:x=50}=e,{rightscalemax:b}=e,{color:$="#0B96CC"}=e,{ticknumbers:k=4}=e,{tickleftformat:w=(t=>`${Number(t)}`)}=e,{tickbottomformat:C=(t=>`${t}`)}=e,{tickrightformat:P=(t=>`${Number(t)}`)}=e,{svgs:R}=e,{margins:F}=e,O=!1,z={show:!1,text:"",top:0,left:0,width:0},J=new A(f(),u()),q=0,I=0;function L(){let t=v(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function D(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function H(t){const e=b?t-(B(F).left+B(F).right):t-B(F).right,r=_().domain(a).range([0,e]).padding(.2),i=E().domain([0,x]).range([s,0]),o=E().domain([0,b]).range([s,0]),n=_().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function M(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>D(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||$)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,z.show=!1,z)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,z={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{J.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function Q(t,e,r){g.select(".x-axis").call(N(t).tickFormat(C)),g.select(".y-left-axis").call(j(e).ticks(k).tickFormat(w)),b&&g.select(".y-right-axis").call(S(r).ticks(k).tickFormat(P)).attr("transform",`translate(${I-B(F).left-q},0)`);const i=b?I-B(F).left-q:I-q;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function W(){I=L();const{x:t,yleft:e,yright:i,xSubgroup:a}=H(I);r(6,g=v(c).append("svg").attr("width",I).attr("height",Number(s)+Number(B(F).top)+Number(B(F).bottom)+Number(B(F).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${B(F).left/2+B(F).right/2},${B(F).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(B(F).xAxis)})`).call(N(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(j(e).ticks(k).tickFormat(w)).attr("class","y-left-axis").attr("stroke-width","0"),q=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),b&&g.append("g").call(S(i).ticks(k).tickFormat(w)).attr("class","y-right-axis").attr("transform",`translate(${I-B(F).left-q},0)`).attr("stroke-width","0"),M(t,a,e,i)}function G(){var t;if(I=L(),n){const e=L();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=H(e);Q(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>D(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return p((()=>{new ResizeObserver(G).observe(c),r(20,O=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,d=t.backgroundcolor),"leftscalemax"in t&&r(10,x=t.leftscalemax),"rightscalemax"in t&&r(11,b=t.rightscalemax),"color"in t&&r(12,$=t.color),"ticknumbers"in t&&r(13,k=t.ticknumbers),"tickleftformat"in t&&r(14,w=t.tickleftformat),"tickbottomformat"in t&&r(15,C=t.tickbottomformat),"tickrightformat"in t&&r(16,P=t.tickrightformat),"svgs"in t&&r(17,R=t.svgs),"margins"in t&&r(18,F=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=R?JSON.parse(R):[]),1573120&t.$$.dirty[0]&&h.length>0&&O&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${I}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=H(I);Q(e,r,i),g.selectAll(".bar").remove(),M(e,a,r,i)}(),r(19,n=h)):(W(),r(19,n=h)))},[d,i,l,c,z,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,x,b,$,k,w,C,P,R,F,n,O,function(t){y[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class q extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,z,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{q as default};
+import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,J as n,n as c,M as g,h,m,R as d,q as f,r as u,a6 as p,v as x,k as b,y as $,T as k,K as y,a4 as w}from"../../index-c222d0b7.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as j,c as S}from"../../axis-fbc0f7b5.js";import{b as _}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const i=t.slice();return i[6]=e[r],i}function P(t,e,r){const i=t.slice();return i[38]=e[r],i}function R(t){let e,r,a,s,c,g,d,f,u=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),d=x(u),f=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),b(e,r),b(r,a),b(e,c),b(e,g),b(g,d),b(e,f)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&u!==(u=t[38]+"")&&$(d,u)},d(t){t&&m(e)}}}function F(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=x(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),b(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&$(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function z(t){let e,r,a,s,f,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=R(P(t,b,e));let k=t[4].show&&F(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=O(C(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),f=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,f,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=P(t,b,e);$[e]?$[e].p(i,r):($[e]=R(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=F(t),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=C(t,y,e);w[e]?w[e].p(i,r):(w[e]=O(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),d($,i),i&&m(s),k&&k.d(i),i&&m(f),i&&m(u),d(w,i),i&&m(p),i&&m(x)}}}function B(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:d="#fff"}=e,{leftscalemax:x=50}=e,{rightscalemax:b}=e,{color:$="#0B96CC"}=e,{ticknumbers:k=4}=e,{tickleftformat:w=(t=>`${Number(t)}`)}=e,{tickbottomformat:C=(t=>`${t}`)}=e,{tickrightformat:P=(t=>`${Number(t)}`)}=e,{svgs:R}=e,{margins:F}=e,O=!1,z={show:!1,text:"",top:0,left:0,width:0},J=new A(f(),u()),q=0,I=0;function M(){let t=v(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function D(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function H(t){const e=b?t-(B(F).left+B(F).right):t-B(F).right,r=_().domain(a).range([0,e]).padding(.2),i=E().domain([0,x]).range([s,0]),o=E().domain([0,b]).range([s,0]),n=_().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function K(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>D(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||$)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,z.show=!1,z)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,z={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{J.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function L(t,e,r){g.select(".x-axis").call(N(t).tickFormat(C)),g.select(".y-left-axis").call(j(e).ticks(k).tickFormat(w)),b&&g.select(".y-right-axis").call(S(r).ticks(k).tickFormat(P)).attr("transform",`translate(${I-B(F).left-q},0)`);const i=b?I-B(F).left-q:I-q;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function T(){I=M();const{x:t,yleft:e,yright:i,xSubgroup:a}=H(I);r(6,g=v(c).append("svg").attr("width",I).attr("height",Number(s)+Number(B(F).top)+Number(B(F).bottom)+Number(B(F).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${B(F).left/2+B(F).right/2},${B(F).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(B(F).xAxis)})`).call(N(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(j(e).ticks(k).tickFormat(w)).attr("class","y-left-axis").attr("stroke-width","0"),q=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),b&&g.append("g").call(S(i).ticks(k).tickFormat(w)).attr("class","y-right-axis").attr("transform",`translate(${I-B(F).left-q},0)`).attr("stroke-width","0"),K(t,a,e,i)}function W(){var t;if(I=M(),n){const e=M();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=H(e);L(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>D(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return p((()=>{new ResizeObserver(W).observe(c),r(20,O=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,d=t.backgroundcolor),"leftscalemax"in t&&r(10,x=t.leftscalemax),"rightscalemax"in t&&r(11,b=t.rightscalemax),"color"in t&&r(12,$=t.color),"ticknumbers"in t&&r(13,k=t.ticknumbers),"tickleftformat"in t&&r(14,w=t.tickleftformat),"tickbottomformat"in t&&r(15,C=t.tickbottomformat),"tickrightformat"in t&&r(16,P=t.tickrightformat),"svgs"in t&&r(17,R=t.svgs),"margins"in t&&r(18,F=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=R?JSON.parse(R):[]),1573120&t.$$.dirty[0]&&h.length>0&&O&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${I}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=H(I);L(e,r,i),g.selectAll(".bar").remove(),K(e,a,r,i)}(),r(19,n=h)):(T(),r(19,n=h)))},[d,i,l,c,z,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,x,b,$,k,w,C,P,R,F,n,O,function(t){y[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class q extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,z,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{q as default};
 //# sourceMappingURL=GroupedBarChart.js.map