@mozaic-ds/web-components 0.1.0

package/public/adeo/components/header/Header.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GAAG,MAAM;CACpB,CAAC"}

package/public/adeo/components/hero/Hero.js

@@ -0,0 +1,2 @@
+import{S as e,i as l,a as m,_ as t,b as f,f as o,s as i,c as x,e as n,d as r,t as a,n as h,g as d,$ as s,h as c,j as _,k as g,m as b,o as w,p as y,a0 as p,q as u}from"../../index-c33b3772.js";function k(e){let l;return{c(){l=n("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,R,I,C,E=(e[5]||e[4])&&k(),q=[{class:C="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],A={};for(let e=0;e<q.length;e+=1)A=x(A,q[e]);return{c(){l=n("div"),m=n("div"),t=n("div"),o=n("div"),i=n("picture"),y=n("img"),j=r(),v=n("div"),$=n("h1"),z=a(e[2]),I=r(),E&&E.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",R=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,A)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,I),E&&E.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&R!==(R=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `)&&d($,"class",R),e[5]||e[4]?E||(E=k(),E.c(),E.m(v,null)):E&&(E.d(1),E=null),c(l,A=b(q,[8&m&&C!==(C="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:C},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),E&&E.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const n=p(o);let{image:r}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!n||!Object.keys(n).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,r=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[r,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"Roboto", sans-serif;font-weight:700}.mt-body-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"Roboto", sans-serif;font-weight:700}.mt-body-s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"Roboto", sans-serif;font-weight:700}.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}}.mt-hero{font-family:"Roboto", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"Roboto", sans-serif;font-weight:700}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
+//# sourceMappingURL=Hero.js.map

package/public/adeo/components/hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sources":["../../../../src/components/hero/Hero.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { HeroProps } from './hero.type';\n\n  export let image: HeroProps['image'];\n  export let altImage: HeroProps['altImage'];\n  export let title: HeroProps['title'];\n  export let centered: HeroProps['centered'] = false;\n  export let hascontent = false;\n\n  const hasSlot = !!($$slots && Object.keys($$slots).length);\n</script>\n\n<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>\n  <div class=\"ml-container ml-container--fluid\">\n    <div class=\"ml-flexy ml-flexy--gutter\">\n      <div class=\"mc-hero__main ml-flexy__col\">\n        <picture class=\"mc-hero__cover\">\n          <img class=\"mc-hero__visual\" src={image} alt={altImage || ''} />\n        </picture>\n\n        <div class=\"mc-hero__header\">\n          <h1\n            class={`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${centered ? 'mt-heading--center' : ''}\n            ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}\n            `}\n          >\n            {title}\n          </h1>\n          {#if hasSlot || hascontent}\n            <div class=\"mc-hero__content mt-body-m\">\n              <slot />\n            </div>\n          {/if}\n        </div>\n      </div>\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/typography/_t.all-base-typography';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/layouts/_l.flexy';\n  @import '@mozaic-ds/styles/components/_c.hero';\n\n  p :global {\n    margin-bottom: 0;\n    margin-top: 0;\n  }\n</style>\n"],"names":["insert","target","div","anchor","if_block","ctx","create_if_block","attr","img","img_src_value","img_alt_value","div4","append","div3","div2","div1","picture","div0","h1","dirty","class","div4_class_value","image","$$props","altImage","title","centered","hascontent","hasSlot","$$slots","Object","keys","length"],"mappings":"wTAoCYA,EAEKC,EAAAC,EAAAC,mEAHFC,GAAAC,MAAWA,EAAU,KAAAC,4BArBbD,EAAQ,GAAG,kBAAoB,KAAUA,EAAW,iKAmB9DA,EAAK,qEAd0BA,EAAK,KAAAE,EAAAC,EAAA,MAAAC,GAAOF,EAAAC,EAAA,MAAAE,EAAAL,MAAY,yMAUtDA,EAAQ,GAAG,qBAAuB,mBAClCA,MAAWA,EAAU,GAAG,wBAA0B,sMAhBhEL,EA8BKC,EAAAU,EAAAR,GA7BHS,EA4BKD,EAAAE,GA3BHD,EA0BKC,EAAAC,GAzBHF,EAwBKE,EAAAC,GAvBHH,EAESG,EAAAC,GADPJ,EAA+DI,EAAAR,UAGjEI,EAkBKG,EAAAE,GAjBHL,EAWIK,EAAAC,0DAf8Bb,EAAK,kBAAO,EAAAc,GAAAT,KAAAA,EAAAL,MAAY,2BAcvDA,EAAK,0KAJJA,EAAQ,GAAG,qBAAuB,mBAClCA,MAAWA,EAAU,GAAG,wBAA0B,oCAKjDA,MAAWA,EAAU,sFArBbA,EAAQ,GAAG,kBAAoB,MAAE,CAAAe,MAAAC,SAAQhB,EAAW,qLAT9DiB,GAAyBC,YACzBC,GAA+BD,SAC/BE,GAAyBF,GACzBG,SAAAA,GAAkC,GAAKH,GACvCI,WAAAA,GAAa,GAAKJ,QAEvBK,KAAaC,IAAWC,OAAOC,KAAKF,GAASG"}

package/public/adeo/components/hero/Hero.svelte

@@ -0,0 +1,58 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { HeroProps } from './hero.type';
+
+  export let image: HeroProps['image'];
+  export let altImage: HeroProps['altImage'];
+  export let title: HeroProps['title'];
+  export let centered: HeroProps['centered'] = false;
+  export let hascontent = false;
+
+  const hasSlot = !!($$slots && Object.keys($$slots).length);
+</script>
+
+<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>
+  <div class="ml-container ml-container--fluid">
+    <div class="ml-flexy ml-flexy--gutter">
+      <div class="mc-hero__main ml-flexy__col">
+        <picture class="mc-hero__cover">
+          <img class="mc-hero__visual" src={image} alt={altImage || ''} />
+        </picture>
+
+        <div class="mc-hero__header">
+          <h1
+            class={`mc-hero__title 
+            mt-heading
+            mt-heading--lightest
+            mt-heading--s 
+            mt-heading--underline
+            ${centered ? 'mt-heading--center' : ''}
+            ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}
+            `}
+          >
+            {title}
+          </h1>
+          {#if hasSlot || hascontent}
+            <div class="mc-hero__content mt-body-m">
+              <slot />
+            </div>
+          {/if}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/typography/_t.all-base-typography';
+  @import '@mozaic-ds/styles/layouts/_l.container';
+  @import '@mozaic-ds/styles/layouts/_l.flexy';
+  @import '@mozaic-ds/styles/components/_c.hero';
+
+  p :global {
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+</style>

package/public/adeo/components/hero/hero.type.d.ts

@@ -0,0 +1,7 @@
+export interface HeroProps {
+    title: string;
+    image: string;
+    altImage?: string;
+    centered: boolean;
+}
+//# sourceMappingURL=hero.type.d.ts.map

package/public/adeo/components/hero/hero.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.type.d.ts","sourceRoot":"","sources":["../../../../src/components/hero/hero.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/public/adeo/components/layer/Layer.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as s,d as l,t as d,n as c,g as m,h as b,j as y,l as g,k as x,m as p,o as h,H as f,p as w,a1 as _,q as u,v}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";function $(e){let t,i=`<${A(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${A(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&h(t)}}}function M(e){let t,i,a,o,w,_,u,v,k,M,A,D,I,j,z,L,C,S,T,E,H,O,Z,N,P=e[5]&&$(e),Q=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},{"aria-hidden":T=!e[0]},e[6]],R={};for(let e=0;e<Q.length;e+=1)R=n(R,Q[e]);return{c(){t=s("div"),i=s("div"),a=s("div"),o=s("div"),P&&P.c(),w=l(),_=s("h2"),u=d(e[1]),v=l(),k=s("button"),M=s("span"),A=d(e[4]),D=l(),I=s("main"),j=s("article"),j.innerHTML='<slot name="content"></slot>',L=l(),C=s("footer"),C.innerHTML='<slot name="footer"></slot>',E=l(),H=s("div"),this.c=c,m(_,"class","mc-layer__title"),m(_,"id","modallayerTitleTitle"),m(M,"class","mc-layer__close-text"),m(k,"class","mc-layer__close"),m(k,"type","button"),m(o,"class","mc-layer__header"),m(j,"class","mc-layer__content"),m(I,"class",z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":"")),m(C,"class","mc-layer__footer"),m(a,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(a,"role","document"),b(i,R),m(H,"class",O="mc-layer-overlay "+(e[0]?" is-visible":"")),m(H,"tabindex","-1"),m(H,"role","dialog")},m(n,s){r(n,t,s),y(t,i),y(i,a),y(a,o),P&&P.m(o,null),y(o,w),y(o,_),y(_,u),y(o,v),y(o,k),y(k,M),y(M,A),y(a,D),y(a,I),y(I,j),y(a,L),y(a,C),y(t,E),y(t,H),e[11](t),Z||(N=[g(k,"click",e[9]),g(H,"click",e[10])],Z=!0)},p(e,[t]){e[5]?P?P.p(e,t):(P=$(e),P.c(),P.m(o,w)):P&&(P.d(1),P=null),2&t&&x(u,e[1]),16&t&&x(A,e[4]),8&t&&z!==(z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":""))&&m(I,"class",z),5&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(a,"class",S),b(i,R=p(Q,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},1&t&&T!==(T=!e[0])&&{"aria-hidden":T},64&t&&e[6]])),1&t&&O!==(O="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(H,"class",O)},i:c,o:c,d(i){i&&h(t),P&&P.d(),e[11](null),Z=!1,f(N)}}}function A(e){return`${e} size="1.5rem"`}function D(e,t,i){let r;const a=["title","isopen","extended","scrollbaredge","closebuttontext","iconname"];let o,s=w(t,a),{title:l}=t,{isopen:d}=t,{extended:c}=t,{scrollbaredge:m}=t,{closebuttontext:b="Close"}=t,{iconname:y}=t,g=new k;function x(){i(0,d=!1)}_((()=>{const e=o.querySelector(".mc-layer__body"),t=o.querySelector(".mc-layer__content"),i=m?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,s=w(t,a)),"title"in e&&i(1,l=e.title),"isopen"in e&&i(0,d=e.isopen),"extended"in e&&i(2,c=e.extended),"scrollbaredge"in e&&i(3,m=e.scrollbaredge),"closebuttontext"in e&&i(4,b=e.closebuttontext),"iconname"in e&&i(5,y=e.iconname)},e.$$.update=()=>{1&e.$$.dirty&&(d?g.dispatch("layer-opened",{}):g.dispatch("layer-closed",{})),i(6,r=Object.assign({},s)),64&e.$$.dirty&&delete r.class},[d,l,c,m,b,y,r,o,x,()=>x(),()=>x(),function(e){v[e?"unshift":"push"]((()=>{o=e,i(7,o)}))}]}class I extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-layer{font-family:"Roboto", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::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;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close: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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},D,M,o,{title:1,isopen:0,extended:2,scrollbaredge:3,closebuttontext:4,iconname:5},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[3]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),a()}}export{I as default};
+//# sourceMappingURL=Layer.js.map

package/public/adeo/components/layer/Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.js","sources":["../../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"layerTitle\"\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body {scrollbaredge\n          ? 'mc-layer__body--overflowing-scroll-edge'\n          : ''}\"\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      <footer class=\"mc-layer__footer\">\n        <slot name=\"footer\" />\n      </footer>\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","div4","append","div2","div1","div0","h2","button","main","article","footer","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"yQAgEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,uFAFnCE,EAAQ,IAAAO,EAAAP,kIAVHA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,kaAI9BA,EAAA,GACnB,0CACA,wEAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAiCmBA,EAAM,GAAG,cAAgB,uDA9CtDC,EAmDKC,EAAAM,EAAAJ,GAlDHK,EA2CKD,EAAAE,GAlCHD,EAiCKC,EAAAC,GA3BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAX,iBAG9DM,EAQME,EAAAI,GAHJN,EAESM,EAAAC,UAEXP,EAEQE,EAAAM,UAGZR,EAKCD,EAAAU,yEAjCUlB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,mCAI9BA,EAAA,GACnB,0CACA,sDAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,uJANQA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCAsCWA,EAAM,GAAG,cAAgB,4EAnD3C,SAAAD,EAAiBqB,YACdA,iIAzBRC,kBAXOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,EAO/CK,MAAmBC,WAmBdC,IACPC,EAAA,EAAAP,GAAS,GAnBXQ,GAAO,KACC,MAAAC,EAAOZ,EAAKa,cAAc,mBAC1BC,EAAUd,EAAKa,cAAc,sBAC7BE,EAAoBV,EAEtB,0CADA,8BAEA,GAAAO,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,sTApBzBZ,EACCI,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,8BAwDGlB,QAuBNA,4CAjDJT,EAAI4B"}

package/public/adeo/components/layer/Layer.svelte

@@ -0,0 +1,102 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { onMount } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+  export let title: string;
+  export let isopen: boolean;
+  export let extended: boolean;
+  export let scrollbaredge: boolean;
+  export let closebuttontext = 'Close';
+  export let iconname: string | undefined = undefined;
+  $: isopen
+    ? eventHandler.dispatch('layer-opened', {})
+    : eventHandler.dispatch('layer-closed', {});
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+  let root: HTMLElement;
+  let eventHandler = new EventHandler();
+  onMount(() => {
+    const body = root.querySelector('.mc-layer__body');
+    const content = root.querySelector('.mc-layer__content');
+    const overflowingClass = !scrollbaredge
+      ? 'mc-layer__body--overflowing'
+      : 'mc-layer__body--overflowing-scroll-edge';
+    if (body && content) {
+      const bodyHeight = body.clientHeight;
+      const contentHeight = content.scrollHeight;
+
+      if (contentHeight > bodyHeight) {
+        body.classList.add(overflowingClass);
+      } else {
+        body.classList.remove(overflowingClass);
+      }
+    }
+  });
+
+  function onClose(): void {
+    isopen = false;
+  }
+
+  function generateIconName(iconname: string): string {
+    return `${iconname} size="1.5rem"`;
+  }
+</script>
+
+<div bind:this={root}>
+  <div
+    class="mc-layer"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="layerTitle"
+    aria-modal="true"
+    aria-hidden={!isopen}
+    {...attributes}
+  >
+    <div
+      class="mc-layer__dialog {isopen ? ' is-open' : ''} {extended
+        ? ' mc-layer__dialog--extend'
+        : ''}"
+      role="document"
+    >
+      <div class="mc-layer__header">
+        {#if iconname}
+          <span class="mc-layer__icon">
+            {@html `<${generateIconName(iconname)} class="mc-layer__icon" />`}
+          </span>
+        {/if}
+        <h2 class="mc-layer__title" id="modallayerTitleTitle">{title}</h2>
+        <button
+          class="mc-layer__close"
+          type="button"
+          on:click={() => onClose()}
+        >
+          <span class="mc-layer__close-text">{closebuttontext}</span>
+        </button>
+      </div>
+      <main
+        class="mc-layer__body {scrollbaredge
+          ? 'mc-layer__body--overflowing-scroll-edge'
+          : ''}"
+      >
+        <article class="mc-layer__content">
+          <slot name="content" />
+        </article>
+      </main>
+      <footer class="mc-layer__footer">
+        <slot name="footer" />
+      </footer>
+    </div>
+  </div>
+  <div
+    class="mc-layer-overlay {isopen ? ' is-visible' : ''}"
+    tabindex="-1"
+    role="dialog"
+    on:click={() => onClose()}
+  />
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.layer';
+</style>

package/public/adeo/components/linechart/LineChart.svelte

@@ -0,0 +1,322 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import {
+    select,
+    line,
+    axisLeft,
+    symbolSquare,
+    symbolCircle,
+    symbolTriangle,
+    axisBottom,
+    timeParse,
+    scaleLinear,
+    Selection,
+    symbol,
+    extent,
+    scaleTime,
+    timeDay,
+    ScaleTime,
+    Axis,
+    NumberValue,
+    ScaleLinear,
+  } from 'd3';
+  import type { LineData, LinePoint, SymbolType } from './line-chart.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let data = '';
+  export let backgroundcolor = '#fff';
+  export let height = 300;
+  export let ticknumbers = 5;
+
+  const parseTime = timeParse('%d-%m-%Y');
+
+  let _data: string;
+  let hasMounted = false;
+  let eventHandler = new EventHandler();
+  let parsedData: LineData[];
+
+  $: parsedData = data ? (JSON.parse(data) as LineData[]) : ([] as LineData[]);
+  $: if (data.length > 0 && hasMounted) {
+    if (!_data) {
+      render();
+      _data = data;
+    } else if (data !== _data) {
+      updateAxes(parsedData);
+      parsedData.forEach((data, i) => updateLine(data, i));
+      _data = data;
+    }
+  }
+
+  let chart: HTMLDivElement;
+  let svg: Selection<SVGGElement, LinePoint, any, any>;
+
+  let x: ScaleTime<number, number, never>,
+    y: ScaleLinear<number, number, never>,
+    xAxis: Axis<Date | NumberValue>,
+    yAxis: Axis<number | NumberValue>,
+    linesD3: Selection<SVGPathElement, LinePoint, any, any>[] = [];
+
+  const margin = { top: 20, right: 40, bottom: 40, left: 60, yAxisPadding: 20 };
+  let tooltipData = {
+    date: '',
+    value: 0,
+    show: false,
+    customtooltip: '',
+  };
+
+  function getChartWidth() {
+    let chartWidth = select(chart).style('width');
+    if (chartWidth === '' || !chartWidth) {
+      chartWidth = `${window.innerWidth / 2}`;
+    }
+    return parseInt(chartWidth);
+  }
+
+  function appendSymbols(
+    data: LinePoint[],
+    color: string,
+    symbolType: SymbolType,
+    i: number,
+  ) {
+    let symbolPath = symbol(symbolSquare);
+    switch (symbolType) {
+      case 'circle':
+        symbolPath = symbol(symbolCircle);
+        break;
+      case 'triangle':
+        symbolPath = symbol(symbolTriangle);
+        break;
+    }
+
+    svg
+      .selectAll()
+      .data(data)
+      .join('path')
+      .attr('d', symbolPath.size(50))
+      .attr('opacity', 1)
+      .attr(
+        'transform',
+        (d) => `translate(${x(+d.time) + margin.yAxisPadding},${y(+d.value)})`,
+      )
+      .attr('class', `chart__symbol-line-${i}`)
+      .style('fill', color)
+      .style('cursor', 'pointer')
+      .on('mouseover', handleTickMouseOver)
+      .on('mouseout', () => (tooltipData.show = false))
+      .on('click', (_e: MouseEvent, point: LinePoint) => {
+        eventHandler.dispatch('point-clicked', point);
+      });
+  }
+
+  function handleTickMouseOver(_e: MouseEvent, point: LinePoint): void {
+    const date = new Date(point.time).toDateString();
+    const value = point.value;
+    tooltipData = {
+      date,
+      value: parseInt(value),
+      show: true,
+      customtooltip: point.customtooltip,
+    };
+  }
+
+  function updatePath(
+    lineD3: Selection<SVGPathElement, LinePoint, any, any>,
+    points: LinePoint[],
+    color: string,
+    strokeDasharray?: number,
+  ) {
+    lineD3
+      .datum(points)
+      .attr(
+        'd',
+        line<LinePoint>()
+          .x((d) => x(+d.time))
+          .y((d) => y(+d.value)),
+      )
+      .attr('stroke', color)
+      .style('stroke-width', 2.5)
+      .style('fill', 'none')
+      .attr('transform', `translate(${margin.yAxisPadding},0)`)
+      .attr('stroke-dasharray', strokeDasharray || 0);
+  }
+
+  function updateAxes(data: LineData[]) {
+    const width = getChartWidth();
+    const mergedLineData = data.flatMap((d) => d.points);
+    const [yMin = 0, yMax = 0] = extent(mergedLineData, (d) => Number(d.value));
+    const xDomain = extent(mergedLineData, (d) => parseTime(d.time as string));
+    x.domain(xDomain as Iterable<Date | NumberValue>);
+    svg
+      .selectAll('.x-axis')
+      .attr(
+        'transform',
+        `translate(${margin.yAxisPadding},${height + margin.bottom / 2})`,
+      )
+      .call(xAxis as any)
+      .attr('stroke-width', '0');
+
+    y.domain([yMin, yMax]);
+    svg
+      .selectAll('.y-axis')
+      .call(yAxis as any)
+      .select('.domain')
+      .attr('stroke-width', '0');
+
+    svg
+      .selectAll('.y-axis .tick line')
+      .attr('x1', margin.yAxisPadding / 2)
+      .attr('x2', width - margin.left)
+      .attr('stroke', '#EEEDEA')
+      .attr('stroke-width', '1.4px');
+  }
+
+  function render(resize?: boolean) {
+    const width = getChartWidth();
+
+    x = scaleTime().range([0, width - margin.left - margin.right]);
+    xAxis = axisBottom(x)
+      .tickSize(0)
+      .ticks(timeDay)
+      .ticks(ticknumbers)
+      .tickPadding(5);
+
+    y = scaleLinear().range([height, 0]);
+    yAxis = axisLeft(y).ticks(ticknumbers);
+
+    if (!resize) {
+      svg = select<HTMLElement, LinePoint>(chart)
+        .append('svg')
+        .attr('width', width)
+        .attr('height', height + margin.top + margin.bottom)
+        .attr('id', 'svg-chart')
+        .append('g')
+        .attr(
+          'transform',
+          `translate(${margin.left / 2 + margin.right / 2},${margin.top})`,
+        );
+
+      svg
+        .append('g')
+        .attr('transform', 'translate(0,' + String(height) + ')')
+        .attr('class', 'x-axis');
+      svg.append('g').attr('class', 'y-axis');
+    }
+
+    updateAxes(parsedData);
+    parsedData.forEach((data, i) => {
+      if (!resize) {
+        linesD3.push(svg.append('g').append('path'));
+      }
+      updateLine(data, i);
+    });
+  }
+
+  function updateLine(data: LineData, i: number) {
+    const points = data.points.map((d) => ({
+      time: parseTime(d.time as string) || '',
+      value: d.value,
+      customtooltip: d.customtooltip,
+    }));
+    updatePath(linesD3[i], points, data.color, data.strokeDasharray);
+    svg.selectAll(`.chart__symbol-line-${i}`).remove();
+    appendSymbols(points, data.color, data.symbol, i);
+  }
+
+  function resize() {
+    if (_data && hasMounted) {
+      const width = getChartWidth();
+      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);
+      render(true);
+    }
+  }
+
+  onMount(() => {
+    const resizeObserver = new ResizeObserver(resize);
+    resizeObserver.observe(chart);
+    hasMounted = true;
+  });
+</script>
+
+<div
+  bind:this={chart}
+  class="chart"
+  style="background-color: {backgroundcolor};"
+>
+  {#if tooltipData.show}
+    <div
+      class="tooltip"
+      style={`right: ${margin.right}px; top: ${margin.top}px;`}
+    >
+      {#if tooltipData.customtooltip}
+        {tooltipData.customtooltip}
+      {:else}
+        {tooltipData.date}: <b>{tooltipData.value}</b>
+      {/if}
+    </div>
+  {/if}
+</div>
+
+<div class="legend">
+  {#each parsedData as d}
+    <div class="legend__item">
+      <svg class="legend__box">
+        <rect x="0" y="0" width="24" height="16" fill={d.color} />
+      </svg>
+      <span class="legend__title">{d.title}</span>
+    </div>
+  {/each}
+</div>
+
+<text style="display: none;" />
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+
+  .legend {
+    margin-top: magic-unit-rem(1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 magic-unit-rem(1.5);
+    height: 100%;
+    color: $color-grey-999;
+    gap: magic-unit-rem(1);
+
+    &__item {
+      display: flex;
+      justify-content: center;
+      font-size: $size-font-04;
+      align-items: center;
+    }
+
+    &__title {
+      white-space: nowrap;
+      margin: 0;
+    }
+
+    &__box {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: magic-unit-rem(0.25);
+      height: 16px;
+      width: 24px;
+    }
+  }
+
+  text {
+    font-family: 'LeroyMerlin', sans-serif;
+    font-size: 14px;
+    color: #555550;
+  }
+
+  .tooltip {
+    background-color: $color-grey-700;
+    border-radius: 4px;
+    color: $color-grey-000;
+    text-align: center;
+    padding: magic-unit-rem(0.5) magic-unit-rem(1);
+    top: 0;
+    position: absolute;
+  }
+</style>

package/public/adeo/components/link/Link.js

@@ -0,0 +1,2 @@
+import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-c33b3772.js";import{c as z}from"../../EventForward-3dbb2f25.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.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;-o-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;-o-transition: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}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
+//# sourceMappingURL=Link.js.map