@mozaic-ds/web-components 0.1.0

package/public/bricoman/components/radio/Radio.svelte

@@ -0,0 +1,46 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { createEventForwarder } from '../../utilities/EventForward';
+
+  export let id: string;
+  export let name: string;
+  export let checked: boolean;
+  export let disabled = false;
+  export let isinvalid = false;
+  export let label: string;
+
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function getClasses(isInvalid: boolean): string {
+    const classes = ['mc-radio__input'];
+    if (isInvalid) {
+      classes.push('is-invalid');
+    }
+    return classes.join(' ');
+  }
+</script>
+
+<div class="mc-radio {userClass}" on:click {...attributes}>
+  <input
+    use:forwardEvents
+    {id}
+    type="radio"
+    class={getClasses(isinvalid)}
+    aria-invalid={isinvalid}
+    {name}
+    {checked}
+    {disabled}
+  />
+  <label for={id} class="mc-radio__label">{label}</label>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.radio';
+</style>

package/public/bricoman/components/radiogroup/RadioGroup.js

@@ -0,0 +1,2 @@
+import{S as e,i,a as n,b as t,f as r,s as o,c as a,e as l,d as c,n as d,g as s,h as m,j as f,a2 as _,m as p,o as u,p as h,r as b,q as g,t as k,k as v,W as x,B as w,l as $,H as y,a3 as z}from"../../index-c33b3772.js";import{E as j}from"../../EventHandler-02058705.js";import{c as E}from"../../EventForward-3dbb2f25.js";function q(e,i,n){const t=e.slice();return t[16]=i[n],t}function C(e){let i,n;return{c(){i=l("legend"),n=k(e[1]),s(i,"class","mc-field__legend")},m(e,r){t(e,i,r),f(i,n)},p(e,i){2&i&&v(n,e[1])},d(e){e&&u(i)}}}function F(e,i){let n,r,o,a,d,m,_,p,h,b,g,z,j,E,q,C=!1,F=i[16].label+"";function H(){return i[13](i[16])}return j=x(i[12][0]),{key:e,first:null,c(){n=l("div"),r=l("input"),_=c(),p=l("label"),h=k(F),g=c(),s(r,"type","radio"),s(r,"class","mc-radio__input"),s(r,"id",o=i[16].id),s(r,"name",a=i[16].name),r.__value=d=i[16].value,r.value=r.__value,r.disabled=m=i[16].disabled,s(p,"for",b=i[16].id),s(p,"class","mc-radio__label"),s(n,"class",z="mc-radio mc-field__item "+i[8].class),j.p(r),this.first=n},m(e,o){t(e,n,o),f(n,r),r.checked=r.__value===i[4],f(n,_),f(n,p),f(p,h),f(n,g),E||(q=[w(i[6].call(null,r)),$(r,"change",i[11]),$(r,"change",H)],E=!0)},p(e,t){i=e,32&t&&o!==(o=i[16].id)&&s(r,"id",o),32&t&&a!==(a=i[16].name)&&s(r,"name",a),32&t&&d!==(d=i[16].value)&&(r.__value=d,r.value=r.__value,C=!0),32&t&&m!==(m=i[16].disabled)&&(r.disabled=m),(C||48&t)&&(r.checked=r.__value===i[4]),32&t&&F!==(F=i[16].label+"")&&v(h,F),32&t&&b!==(b=i[16].id)&&s(p,"for",b),256&t&&z!==(z="mc-radio mc-field__item "+i[8].class)&&s(n,"class",z)},d(e){e&&u(n),j.r(),E=!1,y(q)}}}function H(e){let i,n,r,o,h,b=[],g=new Map,k=e[1]&&e[1].length&&C(e),v=e[5];const x=e=>e[16].id;for(let i=0;i<v.length;i+=1){let n=q(e,v,i),t=x(n);g.set(t,b[i]=F(t,n))}let w=[{id:e[0]},{class:"radio-group-container"},e[3]],$={};for(let e=0;e<w.length;e+=1)$=a($,w[e]);return{c(){i=l("div"),n=l("fieldset"),k&&k.c(),r=c(),o=l("div");for(let e=0;e<b.length;e+=1)b[e].c();this.c=d,s(o,"class",h="mc-field__container "+(e[2]?"mc-field__container--inline":"")),s(n,"class","mc-field mc-field--group"),m(i,$)},m(e,a){t(e,i,a),f(i,n),k&&k.m(n,null),f(n,r),f(n,o);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(o,null)},p(e,[t]){e[1]&&e[1].length?k?k.p(e,t):(k=C(e),k.c(),k.m(n,r)):k&&(k.d(1),k=null),432&t&&(v=e[5],b=_(b,t,x,1,e,v,g,o,z,F,null,q)),4&t&&h!==(h="mc-field__container "+(e[2]?"mc-field__container--inline":""))&&s(o,"class",h),m(i,$=p(w,[1&t&&{id:e[0]},{class:"radio-group-container"},8&t&&e[3]]))},i:d,o:d,d(e){e&&u(i),k&&k.d();for(let e=0;e<b.length;e+=1)b[e].d()}}}function M(e,i,n){let t,r;const o=["id","selectedvalue","options","legend","inline"];let l=h(i,o),{id:c}=i,{selectedvalue:d}=i,{options:s}=i,{legend:m}=i,{inline:f}=i,_=new j;const p=E(b());let u;function k(e){n(4,u=e),_.dispatch("change",e)}return e.$$set=e=>{n(8,i=a(a({},i),g(e))),n(15,l=h(i,o)),"id"in e&&n(0,c=e.id),"selectedvalue"in e&&n(9,d=e.selectedvalue),"options"in e&&n(10,s=e.options),"legend"in e&&n(1,m=e.legend),"inline"in e&&n(2,f=e.inline)},e.$$.update=()=>{1024&e.$$.dirty&&n(5,t=s?JSON.parse(s):[]),n(3,r=Object.assign({},l)),8&e.$$.dirty&&delete r.class,512&e.$$.dirty&&n(4,u=d)},i=g(i),[c,m,f,r,u,t,p,k,i,d,s,function(){u=this.__value,n(4,u),n(9,d)},[[]],e=>k(e.value)]}class O extends e{constructor(e){super();const a=document.createElement("style");a.textContent='@charset "UTF-8";.mc-radio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-radio__input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;border:2px solid #808080;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input::before{border-radius:50%;content:"";display:block;height:0.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0.375rem}.mc-radio__input::-ms-check{background-color:#ffffff;border:2px solid #808080;color:#ffffff}.mc-radio__input.is-hover,.mc-radio__input:hover{border-color:#191919}.mc-radio__input.is-hover::-ms-check,.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input.is-focus,.mc-radio__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-radio__input.is-focus::-ms-check,.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-radio__input:checked{background-color:#ff5800;border-color:#ff5800}.mc-radio__input:checked::-ms-check{border-color:#ff5800;background-color:#ff5800}.mc-radio__input:checked::before{background-color:#ffffff}.mc-radio__input:checked:hover{border-color:#ff5800}.mc-radio__input:checked:hover::-ms-check{border-color:#ff5800}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:#808080}.mc-radio__input:disabled:checked::before{background-color:#999999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid.is-hover,.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid.is-hover::-ms-check,.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}',this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},M,H,o,{id:0,selectedvalue:9,options:10,legend:1,inline:2},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["id","selectedvalue","options","legend","inline"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),r()}get selectedvalue(){return this.$$.ctx[9]}set selectedvalue(e){this.$$set({selectedvalue:e}),r()}get options(){return this.$$.ctx[10]}set options(e){this.$$set({options:e}),r()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),r()}get inline(){return this.$$.ctx[2]}set inline(e){this.$$set({inline:e}),r()}}export{O as default};
+//# sourceMappingURL=RadioGroup.js.map

package/public/bricoman/components/radiogroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/radiogroup/RadioGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import type { RadioGroupOption } from './radioGroup.types';\n\n  export let id: string;\n  export let selectedvalue: string;\n  export let options: string;\n  export let legend: string;\n  export let inline: boolean;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let selectedValue: string | undefined;\n\n  $: parsedOptions = options ? (JSON.parse(options) as RadioGroupOption[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  $: selectedValue = selectedvalue;\n\n  function onChange(value: string) {\n    selectedValue = value;\n    eventHandler.dispatch('change', value);\n  }\n</script>\n\n<div {id} class=\"radio-group-container\" {...attributes}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n\n    <div\n      class=\"mc-field__container {inline ? 'mc-field__container--inline' : ''}\"\n    >\n      {#each parsedOptions as opt (opt.id)}\n        <div class=\"mc-radio mc-field__item {$$props.class}\">\n          <input\n            use:forwardEvents\n            type=\"radio\"\n            class=\"mc-radio__input\"\n            id={opt.id}\n            name={opt.name}\n            bind:group={selectedValue}\n            value={opt.value}\n            disabled={opt.disabled}\n            on:change={() => onChange(opt.value)}\n          />\n          <label for={opt.id} class=\"mc-radio__label\">{opt.label}</label>\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.radio';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","legend_1","anchor","t1_value","label","attr","input","input_id_value","id","input_name_value","name","__value","input_value_value","value","disabled","input_disabled_value","label_for_value","div","div_class_value","class","append","dirty","set_data","t1","length","create_if_block","get_key","i","div1","fieldset","div0","$$props","selectedvalue","options","legend","inline","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","selectedValue","onChange","$$invalidate","dispatch","parsedOptions","JSON","parse","attributes","Object","assign","$$restProps","this","opt"],"mappings":"yaAgCSA,EAAM,4CADTC,EAEQC,EAAAC,EAAAC,2BADLJ,EAAM,2EAoBwCK,EAAAL,MAAIM,MAAK,0LAPhDC,EAAAC,EAAA,KAAAC,EAAAT,MAAIU,IACFH,EAAAC,EAAA,OAAAG,EAAAX,MAAIY,MAEHJ,EAAAK,QAAAC,EAAAd,MAAIe,wBACDP,EAAAQ,SAAAC,EAAAjB,MAAIgB,SAGJT,EAAAD,EAAA,MAAAY,EAAAlB,MAAIU,mCAZmBH,EAAAY,EAAA,QAAAC,EAAA,2BAAApB,KAAQqB,mCAA7CpB,EAaKC,EAAAiB,EAAAf,GAZHkB,EAUCH,EAAAX,yBAJaR,EAAa,UAK3BsB,EAA8DH,EAAAb,oGAPxD,GAAAiB,GAAAd,KAAAA,EAAAT,MAAIU,iBACF,GAAAa,GAAAZ,KAAAA,EAAAX,MAAIY,qBAEH,GAAAW,GAAAT,KAAAA,EAAAd,MAAIe,6CACD,GAAAQ,GAAAN,KAAAA,EAAAjB,MAAIgB,4DAFFhB,EAAa,IAKkB,GAAAuB,GAAAlB,KAAAA,EAAAL,MAAIM,MAAK,KAAAkB,EAAAC,EAAApB,GAA1C,GAAAkB,GAAAL,KAAAA,EAAAlB,MAAIU,kBAZmB,IAAAa,GAAAH,KAAAA,EAAA,2BAAApB,KAAQqB,oGAV5CrB,EAAM,IAAIA,EAAM,GAAC0B,QAAMC,EAAA3B,KASnBA,EAAa,GAAS,MAAA4B,EAAA5B,GAAAA,MAAIU,mBAA/BgB,OAAIG,GAAA,EAAA,6FAXgC7B,EAAU,qMASpBA,EAAM,GAAG,8BAAgC,4DAT3EC,EA6BKC,EAAA4B,EAAA1B,GA5BHkB,EA2BUQ,EAAAC,yBApBRT,EAmBKS,EAAAC,8DAzBAhC,EAAM,IAAIA,EAAM,GAAC0B,uEASb1B,EAAa,wEAFQA,EAAM,GAAG,8BAAgC,oFAT/BA,EAAU,kLApBzCU,GAAUuB,iBACVC,GAAqBD,WACrBE,GAAeF,UACfG,GAAcH,UACdI,GAAeJ,EACtBK,MAAmBC,QACjBC,EAAgBC,EAAqBC,SACvCC,EAOK,SAAAC,EAAS7B,GAChB8B,EAAA,EAAAF,EAAgB5B,GAChBuB,EAAaQ,SAAS,SAAU/B,8PAPjC8B,EAAA,EAAEE,EAAgBZ,EAAWa,KAAKC,MAAMd,GAAO,QAC7Ce,EAALC,OAAAC,UAAuBC,yBACXH,EAAW7B,sBACpBwB,EAAA,EAAEF,EAAgBT,6CA2BGS,EAAaW,KAAAzC,+BAGR+B,EAASW,EAAIxC"}

package/public/bricoman/components/radiogroup/RadioGroup.svelte

@@ -0,0 +1,64 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  import type { RadioGroupOption } from './radioGroup.types';
+
+  export let id: string;
+  export let selectedvalue: string;
+  export let options: string;
+  export let legend: string;
+  export let inline: boolean;
+  let eventHandler = new EventHandler();
+  const forwardEvents = createEventForwarder(get_current_component());
+  let selectedValue: string | undefined;
+
+  $: parsedOptions = options ? (JSON.parse(options) as RadioGroupOption[]) : [];
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+  $: selectedValue = selectedvalue;
+
+  function onChange(value: string) {
+    selectedValue = value;
+    eventHandler.dispatch('change', value);
+  }
+</script>
+
+<div {id} class="radio-group-container" {...attributes}>
+  <fieldset class="mc-field mc-field--group">
+    {#if legend && legend.length}
+      <legend class="mc-field__legend">
+        {legend}
+      </legend>
+    {/if}
+
+    <div
+      class="mc-field__container {inline ? 'mc-field__container--inline' : ''}"
+    >
+      {#each parsedOptions as opt (opt.id)}
+        <div class="mc-radio mc-field__item {$$props.class}">
+          <input
+            use:forwardEvents
+            type="radio"
+            class="mc-radio__input"
+            id={opt.id}
+            name={opt.name}
+            bind:group={selectedValue}
+            value={opt.value}
+            disabled={opt.disabled}
+            on:change={() => onChange(opt.value)}
+          />
+          <label for={opt.id} class="mc-radio__label">{opt.label}</label>
+        </div>
+      {/each}
+    </div>
+  </fieldset>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.radio';
+  @import '@mozaic-ds/styles/components/c.fields';
+</style>

package/public/bricoman/components/radiogroup/radioGroup.types.d.ts

@@ -0,0 +1,9 @@
+export interface RadioGroupOption {
+    id: string | undefined;
+    name?: string | undefined;
+    label?: string;
+    value: string;
+    disabled?: boolean | undefined;
+    checked?: boolean | undefined;
+}
+//# sourceMappingURL=radioGroup.types.d.ts.map

package/public/bricoman/components/radiogroup/radioGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/radiogroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC"}

package/public/bricoman/components/ratings/StarsInput.js

@@ -0,0 +1,2 @@
+import{S as M,i as g,a as i,b as D,f as N,s as u,c as I,e as t,d as s,n as j,g as A,h as a,j as c,m as L,o as d,J as x,p as e,q as S,t as l,k as z}from"../../index-c33b3772.js";function T(M,g,i){const D=M.slice();return D[5]=g[i],D[7]=i,D}function m(M){let g,i,N,u,I,j,a,L,x,e=M[3][M[7]]+"";return{c(){g=t("input"),N=s(),u=t("label"),I=t("span"),j=l(e),a=s(),A(g,"id",i=O(M[1],M[7])),A(g,"type","radio"),A(g,"name",M[1]),g.value=M[7]+1,A(g,"class","mc-stars-input__radio"),A(I,"class","mc-stars-input__text"),A(u,"for",L=O(M[1],M[7])),A(u,"title",x=M[3][M[7]]),A(u,"class","mc-stars-input__label")},m(M,i){D(M,g,i),D(M,N,i),D(M,u,i),c(u,I),c(I,j),c(u,a)},p(M,D){2&D&&i!==(i=O(M[1],M[7]))&&A(g,"id",i),2&D&&A(g,"name",M[1]),8&D&&e!==(e=M[3][M[7]]+"")&&z(j,e),2&D&&L!==(L=O(M[1],M[7]))&&A(u,"for",L),8&D&&x!==(x=M[3][M[7]])&&A(u,"title",x)},d(M){M&&d(g),M&&d(N),M&&d(u)}}}function y(M){let g,i,N,u,e=Array(b),S=[];for(let g=0;g<e.length;g+=1)S[g]=m(T(M,e,g));let l=[{class:u=r(M[2])},M[4]],z={};for(let M=0;M<l.length;M+=1)z=I(z,l[M]);return{c(){g=t("div"),i=t("input"),N=s();for(let M=0;M<S.length;M+=1)S[M].c();this.c=j,A(i,"id","no-rate"),A(i,"type","radio"),A(i,"name",M[1]),i.value="0",A(i,"class","mc-stars-input__radio"),i.checked=!0,A(i,"aria-label",M[0]),a(g,z)},m(M,u){D(M,g,u),c(g,i),c(g,N);for(let M=0;M<S.length;M+=1)S[M]&&S[M].m(g,null)},p(M,[D]){if(2&D&&A(i,"name",M[1]),1&D&&A(i,"aria-label",M[0]),10&D){let i;for(e=Array(b),i=0;i<e.length;i+=1){const N=T(M,e,i);S[i]?S[i].p(N,D):(S[i]=m(N),S[i].c(),S[i].m(g,null))}for(;i<S.length;i+=1)S[i].d(1);S.length=e.length}a(g,z=L(l,[4&D&&u!==(u=r(M[2]))&&{class:u},16&D&&M[4]]))},i:j,o:j,d(M){M&&d(g),x(S,M)}}}const b=5;function r(M){const g="mc-stars-input";return M?`${g} ${g}--${M}`:g}function O(M,g){return`${M}${g+1}`}function E(M,g,i){const D=["unselectedText","name","size","ratinglabels"];let N=e(g,D),{unselectedText:u="No opinion given"}=g,{name:t="rating"}=g,{size:s="m"}=g,{ratinglabels:j=["Very bad","Bad","Medium","Good","Excellent"]}=g;return M.$$set=M=>{g=I(I({},g),S(M)),i(4,N=e(g,D)),"unselectedText"in M&&i(0,u=M.unselectedText),"name"in M&&i(1,t=M.name),"size"in M&&i(2,s=M.size),"ratinglabels"in M&&i(3,j=M.ratinglabels)},[u,t,s,j,N]}class C extends M{constructor(M){super();const I=document.createElement("style");I.textContent='.mc-stars-input{height:1.5rem;width:7.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mc-stars-input__text,.mc-stars-input__radio{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-stars-input__radio::-ms-check{display:none}.mc-stars-input__label{height:1.5rem;width:1.5rem;-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;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+");background-position:center center;background-repeat:repeat-x;background-size:1.5rem 1.5rem;border-radius:4px;cursor:pointer}.mc-stars-input__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+");background-position:left center;background-repeat:repeat-x;background-size:1.5rem 1.5rem;content:"";left:0;top:0;bottom:0;display:block;position:absolute;opacity:0;pointer-events:none}.mc-stars-input__label:nth-of-type(5)::before{width:80%}.mc-stars-input__label:nth-of-type(4)::before{width:60%}.mc-stars-input__label:nth-of-type(3)::before{width:40%}.mc-stars-input__label:nth-of-type(2)::before{width:20%}.mc-stars-input__label:nth-of-type(1)::before{width:0%}:checked~.mc-stars-input__label,:focus~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}:checked+.mc-stars-input__label,:focus+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}:focus+.mc-stars-input__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}.mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-input__radio:hover+.mc-stars-input__label::before{opacity:1}.mc-stars-input--s{height:1rem;width:5rem}.mc-stars-input--s .mc-stars-input__label{height:1rem;width:1rem;background-size:1rem 1rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=")}.mc-stars-input--s .mc-stars-input__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=");background-size:1rem 1rem}.mc-stars-input--s .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--s .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxLjVhMSAxIDAgMDEuOTA2LjU3N2wxLjUzNiAzLjI5MiAzLjI1NC42NWExIDEgMCAwMS40MzcgMS43NTVsLTIuMjk2IDEuODc5LjY0OCAzLjY3M2ExIDEgMCAwMS0xLjU2Ni45ODhMOCAxMi4yMjlsLTIuOTE5IDIuMDg1YTEgMSAwIDAxLTEuNTY2LS45ODhsLjY0OC0zLjY3My0yLjI5Ni0xLjg3OWExIDEgMCAwMS40MzctMS43NTVsMy4yNTQtLjY1IDEuNTM2LTMuMjkyQTEgMSAwIDAxOCAxLjV6bTAgMy4zNjVsLS44NDQgMS44MDgtLjIxNC40NTgtLjQ5Ni4xLTEuNjc1LjMzNSAxLjExMi45MS40NTQuMzcxLS4xMDIuNTc3LS4zMjUgMS44NCAxLjUwOS0xLjA3OEw4IDkuNzcxbC41ODEuNDE1IDEuNTA5IDEuMDc4LS4zMjUtMS44NC0uMTAyLS41NzcuNDU0LS4zNzEgMS4xMTItLjkxLTEuNjc1LS4zMzUtLjQ5Ni0uMS0uMjE0LS40NThMOCA0Ljg2NXoiLz48L3N2Zz4=")}.mc-stars-input--s .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--s .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=")}.mc-stars-input--s .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxLjVhMSAxIDAgMDEuOTA2LjU3N2wxLjUzNiAzLjI5MiAzLjI1NC42NWExIDEgMCAwMS40MzcgMS43NTVsLTIuMjk2IDEuODc5LjY0OCAzLjY3M2ExIDEgMCAwMS0xLjU2Ni45ODhMOCAxMi4yMjlsLTIuOTE5IDIuMDg1YTEgMSAwIDAxLTEuNTY2LS45ODhsLjY0OC0zLjY3My0yLjI5Ni0xLjg3OWExIDEgMCAwMS40MzctMS43NTVsMy4yNTQtLjY1IDEuNTM2LTMuMjkyQTEgMSAwIDAxOCAxLjV6bTAgMy4zNjVsLS44NDQgMS44MDgtLjIxNC40NTgtLjQ5Ni4xLTEuNjc1LjMzNSAxLjExMi45MS40NTQuMzcxLS4xMDIuNTc3LS4zMjUgMS44NCAxLjUwOS0xLjA3OEw4IDkuNzcxbC41ODEuNDE1IDEuNTA5IDEuMDc4LS4zMjUtMS44NC0uMTAyLS41NzcuNDU0LS4zNzEgMS4xMTItLjkxLTEuNjc1LS4zMzUtLjQ5Ni0uMS0uMjE0LS40NThMOCA0Ljg2NXoiLz48L3N2Zz4=")}.mc-stars-input--s .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=")}.mc-stars-input--l{height:2rem;width:10rem}.mc-stars-input--l .mc-stars-input__label{height:2rem;width:2rem;background-size:2rem 2rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-input--l .mc-stars-input__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+");background-size:2rem 2rem}.mc-stars-input--l .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--l .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}.mc-stars-input--l .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--l .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-input--l .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}.mc-stars-input--l .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-input--xl{height:3rem;width:15rem}.mc-stars-input--xl .mc-stars-input__label{height:3rem;width:3rem;background-size:3rem 3rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=")}.mc-stars-input--xl .mc-stars-input__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=");background-size:3rem 3rem}.mc-stars-input--xl .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--xl .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMy41YTEuNSAxLjUgMCAwMTEuMzYyLjg3MWw1LjY1OCAxMi4yNiAxMy4xOTIgMS44ODRhMS41IDEuNSAwIDAxLjczOCAyLjY0NmwtMTAuMjM3IDguMzc1IDMuNzMgMTMuMDUyYTEuNSAxLjUgMCAwMS0yLjIzIDEuNjlMMjQgMzYuNzZsLTEyLjIxNCA3LjUxN2ExLjUgMS41IDAgMDEtMi4yMjgtMS42OWwzLjcyOS0xMy4wNTJMMy4wNSAyMS4xNjFhMS41IDEuNSAwIDAxLjczOC0yLjY0NmwxMy4xOTItMS44ODQgNS42NTgtMTIuMjZBMS41IDEuNSAwIDAxMjQgMy41em0wIDUuMDhsLTQuNjM4IDEwLjA0OS0uMzQyLjc0LS44MDguMTE2LTEwLjYxOSAxLjUxNyA4LjM1NyA2LjgzNy43NjMuNjI1LS4yNy45NDgtMi45NCAxMC4yODYgOS43MS01Ljk3Ni43ODctLjQ4My43ODYuNDgzIDkuNzEgNS45NzYtMi45MzgtMTAuMjg2LS4yNzEtLjk0OC43NjMtLjYyNSA4LjM1Ny02LjgzNy0xMC42Mi0xLjUxNy0uODA3LS4xMTYtLjM0Mi0uNzRMMjQgOC41Nzl6Ii8+PC9zdmc+")}.mc-stars-input--xl .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--xl .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=")}.mc-stars-input--xl .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMy41YTEuNSAxLjUgMCAwMTEuMzYyLjg3MWw1LjY1OCAxMi4yNiAxMy4xOTIgMS44ODRhMS41IDEuNSAwIDAxLjczOCAyLjY0NmwtMTAuMjM3IDguMzc1IDMuNzMgMTMuMDUyYTEuNSAxLjUgMCAwMS0yLjIzIDEuNjlMMjQgMzYuNzZsLTEyLjIxNCA3LjUxN2ExLjUgMS41IDAgMDEtMi4yMjgtMS42OWwzLjcyOS0xMy4wNTJMMy4wNSAyMS4xNjFhMS41IDEuNSAwIDAxLjczOC0yLjY0NmwxMy4xOTItMS44ODQgNS42NTgtMTIuMjZBMS41IDEuNSAwIDAxMjQgMy41em0wIDUuMDhsLTQuNjM4IDEwLjA0OS0uMzQyLjc0LS44MDguMTE2LTEwLjYxOSAxLjUxNyA4LjM1NyA2LjgzNy43NjMuNjI1LS4yNy45NDgtMi45NCAxMC4yODYgOS43MS01Ljk3Ni43ODctLjQ4My43ODYuNDgzIDkuNzEgNS45NzYtMi45MzgtMTAuMjg2LS4yNzEtLjk0OC43NjMtLjYyNSA4LjM1Ny02LjgzNy0xMC42Mi0xLjUxNy0uODA3LS4xMTYtLjM0Mi0uNzRMMjQgOC41Nzl6Ii8+PC9zdmc+")}.mc-stars-input--xl .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=")}',this.shadowRoot.appendChild(I),g(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,y,u,{unselectedText:0,name:1,size:2,ratinglabels:3},null),M&&(M.target&&D(M.target,this,M.anchor),M.props&&(this.$set(M.props),N()))}static get observedAttributes(){return["unselectedText","name","size","ratinglabels"]}get unselectedText(){return this.$$.ctx[0]}set unselectedText(M){this.$$set({unselectedText:M}),N()}get name(){return this.$$.ctx[1]}set name(M){this.$$set({name:M}),N()}get size(){return this.$$.ctx[2]}set size(M){this.$$set({size:M}),N()}get ratinglabels(){return this.$$.ctx[3]}set ratinglabels(M){this.$$set({ratinglabels:M}),N()}}customElements.define("m-stars-input",C);export{C as default};
+//# sourceMappingURL=StarsInput.js.map

package/public/bricoman/components/ratings/StarsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarsInput.js","sources":["../../../../src/components/ratings/StarsInput.svelte"],"sourcesContent":["<svelte:options tag=\"m-stars-input\" />\n\n<script lang=\"ts\">\n  import type { RatingsSize } from './ratings.types';\n\n  const ratingValue = 5;\n  export let unselectedText = 'No opinion given';\n  export let name = 'rating';\n  export let size: RatingsSize = 'm';\n  export let ratinglabels: Array<string> = [\n    'Very bad',\n    'Bad',\n    'Medium',\n    'Good',\n    'Excellent',\n  ];\n\n  function setClasses(size: RatingsSize): string {\n    const mainClass = 'mc-stars-input';\n\n    return size ? `${mainClass} ${mainClass}--${size}` : mainClass;\n  }\n\n  function setInputId(name: string, index: number): string {\n    return `${name}${index + 1}`;\n  }\n</script>\n\n<div class={setClasses(size)} {...$$restProps}>\n  <input\n    id=\"no-rate\"\n    type=\"radio\"\n    {name}\n    value=\"0\"\n    class=\"mc-stars-input__radio\"\n    checked\n    aria-label={unselectedText}\n  />\n\n  {#each Array(ratingValue) as _, i}\n    <input\n      id={setInputId(name, i)}\n      type=\"radio\"\n      {name}\n      value={i + 1}\n      class=\"mc-stars-input__radio\"\n    />\n\n    <label\n      for={setInputId(name, i)}\n      title={ratinglabels[i]}\n      class=\"mc-stars-input__label\"\n    >\n      <span class=\"mc-stars-input__text\">\n        {ratinglabels[i]}\n      </span>\n    </label>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stars-input';\n</style>\n"],"names":["t1_value","ctx","setInputId","input","value","attr","label","label_title_value","insert","target","anchor","append","span","dirty","set_data","t1","each_value","Array","ratingValue","length","i","class","div_class_value","setClasses","div","size","mainClass","name","index","unselectedText","$$props","ratinglabels"],"mappings":"mRAsDSA,EAAAC,KAAaA,EAAC,IAAA,kFAbbC,EAAWD,EAAI,GAAEA,EAAC,0CAGfE,EAAAC,MAAAH,KAAI,uFAKNC,EAAWD,EAAI,GAAEA,EAAC,KAChBI,EAAAC,EAAA,QAAAC,EAAAN,KAAaA,EAAC,kDAVvBO,EAMCC,EAAAN,EAAAO,YAEDF,EAQOC,EAAAH,EAAAI,GAHLC,EAEML,EAAAM,qCAdFV,EAAWD,EAAI,GAAEA,EAAC,wCAanB,EAAAY,GAAAb,KAAAA,EAAAC,KAAaA,EAAC,IAAA,KAAAa,EAAAC,EAAAf,eALZE,EAAWD,EAAI,GAAEA,EAAC,mBAChB,EAAAY,GAAAN,KAAAA,EAAAN,KAAaA,EAAC,+EAXlBe,EAAAC,MAAMC,wBAAXC,OAAIC,GAAA,2BAXIC,MAAAC,EAAAC,EAAWtB,EAAI,KAAOA,EAAW,gRAQ7BA,EAAc,mBAR9BO,EA8BKC,EAAAe,EAAAd,GA7BHC,EAQCa,EAAArB,oHADaF,EAAc,oBAGrBe,EAAAC,MAAMC,WAAXC,OAAIC,GAAA,EAAA,iHAAJD,kBAXQ,EAAAN,GAAAS,KAAAA,EAAAC,EAAWtB,EAAI,MAAA,CAAAoB,MAAAC,SAAOrB,EAAW,qCAvBrC,MAAAiB,EAAc,EAYX,SAAAK,EAAWE,GACZ,MAAAC,EAAY,iBAEX,OAAAD,KAAUC,KAAaA,MAAcD,IAASC,WAG9CxB,EAAWyB,EAAcC,YACtBD,IAAOC,EAAQ,4FAlBhBC,eAAAA,EAAiB,oBAAkBC,GACnCH,KAAAA,EAAO,UAAQG,GACfL,KAAAA,EAAoB,KAAGK,gBACvBC,EAAY,CACrB,WACA,MACA,SACA,OACA,cAAWD"}

package/public/bricoman/components/ratings/StarsResult.js

@@ -0,0 +1,2 @@
+import{S as m,i as l,a as e,b as t,f,s as o,c as x,e as r,d as i,t as a,n as s,g as n,h as u,j as c,k as g,m as b,o as _,p as y,q as p}from"../../index-c33b3772.js";function w(m){let l,e;return{c(){l=r("span"),e=a(m[3]),n(l,"class","mc-stars-result__suffix-label mu-ml-050")},m(m,f){t(m,l,f),c(l,e)},p(m,l){8&l&&g(e,m[3])},d(m){m&&_(l)}}}function M(m){let l,e,f,o,y,p,M,d=m[3]&&w(m),k=[{class:M=h(m[0],m[1],m[3])+" "+m[5]},m[4]],j={};for(let m=0;m<k.length;m+=1)j=x(j,k[m]);return{c(){l=r("div"),e=r("span"),f=i(),d&&d.c(),o=i(),y=r("span"),p=a(m[2]),this.c=s,n(e,"class","mc-stars-result__visual"),n(y,"class","mc-stars-result__text"),u(l,j)},m(m,x){t(m,l,x),c(l,e),c(l,f),d&&d.m(l,null),c(l,o),c(l,y),c(y,p)},p(m,[e]){m[3]?d?d.p(m,e):(d=w(m),d.c(),d.m(l,o)):d&&(d.d(1),d=null),4&e&&g(p,m[2]),u(l,j=b(k,[43&e&&M!==(M=h(m[0],m[1],m[3])+" "+m[5])&&{class:M},16&e&&m[4]]))},i:s,o:s,d(m){m&&_(l),d&&d.d()}}}function h(m,l,e){const t=["mc-stars-result",`mc-stars-result--score-${d(m)}`,`mc-stars-result--${l}`];return!!e&&t.push("ml-flexy","ml-flexy--items-center"),t.join(" ")}function d(m){let l=Math.round(2*m)/2;return l<0&&(l=0),l>5&&(l=5),20*l}function k(m,l,e){let t,f;const o=["value","size","a11ylabel","suffixlabel"];let r=y(l,o),{value:i=0}=l,{size:a="m"}=l,{a11ylabel:s=""}=l,{suffixlabel:n}=l;return m.$$set=m=>{e(7,l=x(x({},l),p(m))),e(6,r=y(l,o)),"value"in m&&e(0,i=m.value),"size"in m&&e(1,a=m.size),"a11ylabel"in m&&e(2,s=m.a11ylabel),"suffixlabel"in m&&e(3,n=m.suffixlabel)},m.$$.update=()=>{e(5,t=l.class),e(4,f=Object.assign({},r)),16&m.$$.dirty&&delete f.class},l=p(l),[i,a,s,n,f,t]}class j extends m{constructor(m){super();const x=document.createElement("style");x.textContent='.mc-stars-result{font-family:"LeroyMerlin", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-stars-result__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-stars-result__visual{height:1.5rem;width:7.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNlYTczMTUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEuNWExIDEgMCAwMS45MDguNThsMi43NzIgNi4wMDcgNi40NjIuOTIzYTEgMSAwIDAxLjQ5MSAxLjc2NGwtNC45OSA0LjA4NCAxLjgxOSA2LjM2N2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxMiAxOC42NzRsLTUuOTc2IDMuNjc4YTEgMSAwIDAxLTEuNDg1LTEuMTI3bDEuODE5LTYuMzY3LTQuOTkxLTQuMDg0YTEgMSAwIDAxLjQ5Mi0xLjc2NGw2LjQ2MS0uOTIzIDIuNzcyLTYuMDA2QTEgMSAwIDAxMTIgMS41em0wIDMuMzg2TDkuOTA4IDkuNDJsLS4yMjguNDk0LS41MzkuMDc3LTQuNzQ1LjY3OCAzLjczNyAzLjA1OC41MS40MTYtLjE4MS42MzNMNy4xNjkgMTkuM2w0LjMwNy0yLjY1LjUyNC0uMzIzLjUyNC4zMjIgNC4zMDcgMi42NS0xLjI5Mi00LjUyMy0uMTgxLS42MzMuNTA5LS40MTYgMy43MzgtMy4wNTgtNC43NDYtLjY3OC0uNTM5LS4wNzctLjIyOC0uNDk0TDEyIDQuODg2eiIvPjwvc3ZnPg==");position:relative}.mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNlYTczMTUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjkwOCAyLjA4YTEgMSAwIDAwLTEuODE2IDBMOC4zMiA4LjA4OGwtNi40Ni45MjJhMSAxIDAgMDAtLjQ5MiAxLjc2NGw0Ljk5IDQuMDg0LTEuODE4IDYuMzY3YTEgMSAwIDAwMS40ODUgMS4xMjdMMTIgMTguNjc0bDUuOTc2IDMuNjc4YTEgMSAwIDAwMS40ODYtMS4xMjdsLTEuODItNi4zNjcgNC45OTEtNC4wODRhMSAxIDAgMDAtLjQ5MS0xLjc2NGwtNi40NjItLjkyMy0yLjc3Mi02LjAwNnoiLz48L3N2Zz4=")}.mc-stars-result__visual,.mc-stars-result__visual::before{background-position:left top;background-repeat:repeat-x;background-size:1.5rem 1.5rem;display:block}.mc-stars-result__visual::before{bottom:0;content:"";left:0;position:absolute;top:0}.mc-stars-result__label{font-size:1.125rem;line-height:1;color:#000000;margin-left:0.5rem}.mc-stars-result__label--score{font-weight:600}.mc-stars-result--s .mc-stars-result__visual{height:1rem;width:5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxLjVhMSAxIDAgMDEuOTA2LjU3N2wxLjUzNiAzLjI5MiAzLjI1NC42NWExIDEgMCAwMS40MzcgMS43NTVsLTIuMjk2IDEuODc5LjY0OCAzLjY3M2ExIDEgMCAwMS0xLjU2Ni45ODhMOCAxMi4yMjlsLTIuOTE5IDIuMDg1YTEgMSAwIDAxLTEuNTY2LS45ODhsLjY0OC0zLjY3My0yLjI5Ni0xLjg3OWExIDEgMCAwMS40MzctMS43NTVsMy4yNTQtLjY1IDEuNTM2LTMuMjkyQTEgMSAwIDAxOCAxLjV6bTAgMy4zNjVsLS44NDQgMS44MDgtLjIxNC40NTgtLjQ5Ni4xLTEuNjc1LjMzNSAxLjExMi45MS40NTQuMzcxLS4xMDIuNTc3LS4zMjUgMS44NCAxLjUwOS0xLjA3OEw4IDkuNzcxbC41ODEuNDE1IDEuNTA5IDEuMDc4LS4zMjUtMS44NC0uMTAyLS41NzcuNDU0LS4zNzEgMS4xMTItLjkxLTEuNjc1LS4zMzUtLjQ5Ni0uMS0uMjE0LS40NThMOCA0Ljg2NXoiLz48L3N2Zz4=")}.mc-stars-result--s .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=")}.mc-stars-result--s .mc-stars-result__visual,.mc-stars-result--s .mc-stars-result__visual::before{background-size:1rem 1rem}.mc-stars-result--l .mc-stars-result__visual{height:2rem;width:10rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}.mc-stars-result--l .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-result--l .mc-stars-result__visual,.mc-stars-result--l .mc-stars-result__visual::before{background-size:2rem 2rem}.mc-stars-result--xl .mc-stars-result__visual{height:3rem;width:15rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMy41YTEuNSAxLjUgMCAwMTEuMzYyLjg3MWw1LjY1OCAxMi4yNiAxMy4xOTIgMS44ODRhMS41IDEuNSAwIDAxLjczOCAyLjY0NmwtMTAuMjM3IDguMzc1IDMuNzMgMTMuMDUyYTEuNSAxLjUgMCAwMS0yLjIzIDEuNjlMMjQgMzYuNzZsLTEyLjIxNCA3LjUxN2ExLjUgMS41IDAgMDEtMi4yMjgtMS42OWwzLjcyOS0xMy4wNTJMMy4wNSAyMS4xNjFhMS41IDEuNSAwIDAxLjczOC0yLjY0NmwxMy4xOTItMS44ODQgNS42NTgtMTIuMjZBMS41IDEuNSAwIDAxMjQgMy41em0wIDUuMDhsLTQuNjM4IDEwLjA0OS0uMzQyLjc0LS44MDguMTE2LTEwLjYxOSAxLjUxNyA4LjM1NyA2LjgzNy43NjMuNjI1LS4yNy45NDgtMi45NCAxMC4yODYgOS43MS01Ljk3Ni43ODctLjQ4My43ODYuNDgzIDkuNzEgNS45NzYtMi45MzgtMTAuMjg2LS4yNzEtLjk0OC43NjMtLjYyNSA4LjM1Ny02LjgzNy0xMC42Mi0xLjUxNy0uODA3LS4xMTYtLjM0Mi0uNzRMMjQgOC41Nzl6Ii8+PC9zdmc+")}.mc-stars-result--xl .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=")}.mc-stars-result--xl .mc-stars-result__visual,.mc-stars-result--xl .mc-stars-result__visual::before{background-size:3rem 3rem}.mc-stars-result--score-10 .mc-stars-result__visual::before{width:10%}.mc-stars-result--score-20 .mc-stars-result__visual::before{width:20%}.mc-stars-result--score-30 .mc-stars-result__visual::before{width:30%}.mc-stars-result--score-40 .mc-stars-result__visual::before{width:40%}.mc-stars-result--score-50 .mc-stars-result__visual::before{width:50%}.mc-stars-result--score-60 .mc-stars-result__visual::before{width:60%}.mc-stars-result--score-70 .mc-stars-result__visual::before{width:70%}.mc-stars-result--score-80 .mc-stars-result__visual::before{width:80%}.mc-stars-result--score-90 .mc-stars-result__visual::before{width:90%}.mc-stars-result--score-100 .mc-stars-result__visual::before{width:100%}.mu-mt-025{margin-top:0.25rem !important}.mu-mt-050{margin-top:0.5rem !important}.mu-mt-075{margin-top:0.75rem !important}.mu-mt-100{margin-top:1rem !important}.mu-mt-125{margin-top:1.25rem !important}.mu-mt-150{margin-top:1.5rem !important}.mu-mt-200{margin-top:2rem !important}.mu-mt-250{margin-top:2.5rem !important}.mu-mt-300{margin-top:3rem !important}.mu-mt-350{margin-top:3.5rem !important}.mu-mt-400{margin-top:4rem !important}.mu-mt-500{margin-top:5rem !important}.mu-mt-600{margin-top:6rem !important}.mu-mt-700{margin-top:7rem !important}.mu-mt-800{margin-top:8rem !important}.mu-mt-900{margin-top:9rem !important}.mu-mt-1000{margin-top:10rem !important}.mu-mr-025{margin-right:0.25rem !important}.mu-mr-050{margin-right:0.5rem !important}.mu-mr-075{margin-right:0.75rem !important}.mu-mr-100{margin-right:1rem !important}.mu-mr-125{margin-right:1.25rem !important}.mu-mr-150{margin-right:1.5rem !important}.mu-mr-200{margin-right:2rem !important}.mu-mr-250{margin-right:2.5rem !important}.mu-mr-300{margin-right:3rem !important}.mu-mr-350{margin-right:3.5rem !important}.mu-mr-400{margin-right:4rem !important}.mu-mr-500{margin-right:5rem !important}.mu-mr-600{margin-right:6rem !important}.mu-mr-700{margin-right:7rem !important}.mu-mr-800{margin-right:8rem !important}.mu-mr-900{margin-right:9rem !important}.mu-mr-1000{margin-right:10rem !important}.mu-ml-025{margin-left:0.25rem !important}.mu-ml-050{margin-left:0.5rem !important}.mu-ml-075{margin-left:0.75rem !important}.mu-ml-100{margin-left:1rem !important}.mu-ml-125{margin-left:1.25rem !important}.mu-ml-150{margin-left:1.5rem !important}.mu-ml-200{margin-left:2rem !important}.mu-ml-250{margin-left:2.5rem !important}.mu-ml-300{margin-left:3rem !important}.mu-ml-350{margin-left:3.5rem !important}.mu-ml-400{margin-left:4rem !important}.mu-ml-500{margin-left:5rem !important}.mu-ml-600{margin-left:6rem !important}.mu-ml-700{margin-left:7rem !important}.mu-ml-800{margin-left:8rem !important}.mu-ml-900{margin-left:9rem !important}.mu-ml-1000{margin-left:10rem !important}.mu-mb-025{margin-bottom:0.25rem !important}.mu-mb-050{margin-bottom:0.5rem !important}.mu-mb-075{margin-bottom:0.75rem !important}.mu-mb-100{margin-bottom:1rem !important}.mu-mb-125{margin-bottom:1.25rem !important}.mu-mb-150{margin-bottom:1.5rem !important}.mu-mb-200{margin-bottom:2rem !important}.mu-mb-250{margin-bottom:2.5rem !important}.mu-mb-300{margin-bottom:3rem !important}.mu-mb-350{margin-bottom:3.5rem !important}.mu-mb-400{margin-bottom:4rem !important}.mu-mb-500{margin-bottom:5rem !important}.mu-mb-600{margin-bottom:6rem !important}.mu-mb-700{margin-bottom:7rem !important}.mu-mb-800{margin-bottom:8rem !important}.mu-mb-900{margin-bottom:9rem !important}.mu-mb-1000{margin-bottom:10rem !important}.mu-m-025{margin:0.25rem !important}.mu-m-050{margin:0.5rem !important}.mu-m-075{margin:0.75rem !important}.mu-m-100{margin:1rem !important}.mu-m-125{margin:1.25rem !important}.mu-m-150{margin:1.5rem !important}.mu-m-200{margin:2rem !important}.mu-m-250{margin:2.5rem !important}.mu-m-300{margin:3rem !important}.mu-m-350{margin:3.5rem !important}.mu-m-400{margin:4rem !important}.mu-m-500{margin:5rem !important}.mu-m-600{margin:6rem !important}.mu-m-700{margin:7rem !important}.mu-m-800{margin:8rem !important}.mu-m-900{margin:9rem !important}.mu-m-1000{margin:10rem !important}.mu-mv-025{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.mu-mv-050{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mu-mv-075{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mu-mv-100{margin-top:1rem !important;margin-bottom:1rem !important}.mu-mv-125{margin-top:1.25rem !important;margin-bottom:1.25rem !important}.mu-mv-150{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mu-mv-200{margin-top:2rem !important;margin-bottom:2rem !important}.mu-mv-250{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.mu-mv-300{margin-top:3rem !important;margin-bottom:3rem !important}.mu-mv-350{margin-top:3.5rem !important;margin-bottom:3.5rem !important}.mu-mv-400{margin-top:4rem !important;margin-bottom:4rem !important}.mu-mv-500{margin-top:5rem !important;margin-bottom:5rem !important}.mu-mv-600{margin-top:6rem !important;margin-bottom:6rem !important}.mu-mv-700{margin-top:7rem !important;margin-bottom:7rem !important}.mu-mv-800{margin-top:8rem !important;margin-bottom:8rem !important}.mu-mv-900{margin-top:9rem !important;margin-bottom:9rem !important}.mu-mv-1000{margin-top:10rem !important;margin-bottom:10rem !important}.mu-mh-025{margin-left:0.25rem !important;margin-right:0.25rem !important}.mu-mh-050{margin-left:0.5rem !important;margin-right:0.5rem !important}.mu-mh-075{margin-left:0.75rem !important;margin-right:0.75rem !important}.mu-mh-100{margin-left:1rem !important;margin-right:1rem !important}.mu-mh-125{margin-left:1.25rem !important;margin-right:1.25rem !important}.mu-mh-150{margin-left:1.5rem !important;margin-right:1.5rem !important}.mu-mh-200{margin-left:2rem !important;margin-right:2rem !important}.mu-mh-250{margin-left:2.5rem !important;margin-right:2.5rem !important}.mu-mh-300{margin-left:3rem !important;margin-right:3rem !important}.mu-mh-350{margin-left:3.5rem !important;margin-right:3.5rem !important}.mu-mh-400{margin-left:4rem !important;margin-right:4rem !important}.mu-mh-500{margin-left:5rem !important;margin-right:5rem !important}.mu-mh-600{margin-left:6rem !important;margin-right:6rem !important}.mu-mh-700{margin-left:7rem !important;margin-right:7rem !important}.mu-mh-800{margin-left:8rem !important;margin-right:8rem !important}.mu-mh-900{margin-left:9rem !important;margin-right:9rem !important}.mu-mh-1000{margin-left:10rem !important;margin-right:10rem !important}.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__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__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-stars-result{font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-stars-result--s .mc-stars-result__suffix-label{font-size:0.75rem;line-height:1.5;color:#4d4d4d}.mc-stars-result--l .mc-stars-result__suffix-label{font-size:1.125rem;line-height:1.5555555556}.mc-stars-result--xl .mc-stars-result__suffix-label{font-size:1.75rem;line-height:1.5714285714}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},k,M,o,{value:0,size:1,a11ylabel:2,suffixlabel:3},null),m&&(m.target&&t(m.target,this,m.anchor),m.props&&(this.$set(m.props),f()))}static get observedAttributes(){return["value","size","a11ylabel","suffixlabel"]}get value(){return this.$$.ctx[0]}set value(m){this.$$set({value:m}),f()}get size(){return this.$$.ctx[1]}set size(m){this.$$set({size:m}),f()}get a11ylabel(){return this.$$.ctx[2]}set a11ylabel(m){this.$$set({a11ylabel:m}),f()}get suffixlabel(){return this.$$.ctx[3]}set suffixlabel(m){this.$$set({suffixlabel:m}),f()}}export{j as default};
+//# sourceMappingURL=StarsResult.js.map

package/public/bricoman/components/ratings/StarsResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarsResult.js","sources":["../../../../src/components/ratings/StarsResult.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { RatingsSize } from './ratings.types';\n\n  export let value = 0;\n  export let size: RatingsSize = 'm';\n  export let a11ylabel = '';\n  export let suffixlabel: string | undefined = undefined;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function getRatingsClasses(\n    value: number,\n    size: RatingsSize,\n    suffixLabel?: string,\n  ): string {\n    const classes = [\n      'mc-stars-result',\n      `mc-stars-result--score-${computeRatingsPercentage(value)}`,\n      `mc-stars-result--${size}`,\n    ];\n\n    const shouldAddFlexDisplay = !!suffixLabel;\n    if (shouldAddFlexDisplay) {\n      classes.push('ml-flexy', 'ml-flexy--items-center');\n    }\n\n    return classes.join(' ');\n  }\n\n  function computeRatingsPercentage(value: number): number {\n    const roundedValue = Math.round(value * 2) / 2;\n\n    let correctedValue = roundedValue;\n    if (correctedValue < 0) {\n      correctedValue = 0;\n    }\n\n    if (correctedValue > 5) {\n      correctedValue = 5;\n    }\n\n    return correctedValue * 20;\n  }\n</script>\n\n<div\n  class=\"{getRatingsClasses(value, size, suffixlabel)} {userClass}\"\n  {...attributes}\n>\n  <span class=\"mc-stars-result__visual\" />\n\n  {#if suffixlabel}\n    <span class=\"mc-stars-result__suffix-label mu-ml-050\">{suffixlabel}</span>\n  {/if}\n\n  <span class=\"mc-stars-result__text\">{a11ylabel}</span>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stars-result';\n  @import '@mozaic-ds/styles/utilities/_u.margin';\n  @import '@mozaic-ds/styles/layouts/_l.flexy';\n\n  .mc-stars-result {\n    @include set-font-face();\n\n    &--s .mc-stars-result__suffix-label {\n      @include set-font-scale('02');\n      color: $color-grey-700;\n    }\n\n    &--l .mc-stars-result__suffix-label {\n      @include set-font-scale('06');\n    }\n\n    &--xl .mc-stars-result__suffix-label {\n      @include set-font-scale('08');\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","class","div_class_value","getRatingsClasses","div","append","span0","span1","dirty","value","size","suffixLabel","classes","computeRatingsPercentage","push","join","correctedValue","Math","round","$$props","a11ylabel","suffixlabel","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"sNAwD2DA,EAAW,mEAAlEC,EAAyEC,EAAAC,EAAAC,2BAAlBJ,EAAW,sDAD/DA,EAAW,IAAAK,EAAAL,OALRM,MAAAC,EAAAC,EAAkBR,EAAK,GAAEA,EAAM,GAAAA,UAAeA,EAAS,IAC3DA,EAAU,wHAQuBA,EAAS,wGAVhDC,EAWKC,EAAAO,EAAAL,GAPHM,EAAuCD,EAAAE,gCAMvCD,EAAqDD,EAAAG,oBAJhDZ,EAAW,kEAIqBA,EAAS,eATtC,GAAAa,GAAAN,KAAAA,EAAAC,EAAkBR,EAAK,GAAEA,EAAM,GAAAA,UAAeA,EAAS,KAAA,CAAAM,MAAAC,SAC3DP,EAAU,uCArCL,SAAAQ,EACPM,EACAC,EACAC,SAEMC,EAAO,CACX,kBAC0B,0BAAAC,EAAyBJ,yBAC/BC,aAGSC,GAE7BC,EAAQE,KAAK,WAAY,0BAGpBF,EAAQG,KAAK,KAGb,SAAAF,EAAyBJ,GAG5B,IAAAO,EAFiBC,KAAKC,MAAc,EAART,GAAa,EAWtC,OARHO,EAAiB,IACnBA,EAAiB,GAGfA,EAAiB,IACnBA,EAAiB,GAGK,GAAjBA,6FAxCEP,MAAAA,EAAQ,GAACU,GACTT,KAAAA,EAAoB,KAAGS,GACvBC,UAAAA,EAAY,IAAED,GACdE,YAAAA,GAA2CF,8MAEnDG,EAAA,EAAAC,EAAYJ,EAAQlB,WACpBuB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWvB"}

package/public/bricoman/components/ratings/ratings.types.d.ts

@@ -0,0 +1,2 @@
+export type RatingsSize = 's' | 'm' | 'l' | 'xl';
+//# sourceMappingURL=ratings.types.d.ts.map

package/public/bricoman/components/ratings/ratings.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratings.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ratings/ratings.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC"}

package/public/bricoman/components/select/Select.js

@@ -0,0 +1,2 @@
+import{S as e,i,a as t,b as s,f as a,s as r,c,e as l,K as n,n as o,h as d,a6 as m,j as g,a7 as p,a8 as x,B as h,l as M,a2 as u,m as b,o as I,H as v,p as A,r as D,q as w,t as f,k as j,d as z,g as E,a3 as C,a9 as y}from"../../index-c33b3772.js";import{E as $}from"../../EventHandler-02058705.js";import{c as k}from"../../EventForward-3dbb2f25.js";function N(e,i,t){const s=e.slice();return s[18]=i[t],s}function L(e){let i,t,a,r;return{c(){i=l("option"),t=f("-- "),a=f(e[1]),r=f(" --\n    "),i.__value="",i.value=i.__value,i.disabled=!0,i.selected=!0},m(e,c){s(e,i,c),g(i,t),g(i,a),g(i,r)},p(e,i){2&i&&j(a,e[1])},d(e){e&&I(i)}}}function S(e,i){let t,a,r,c,n,o,d=i[18].text+"";return{key:e,first:null,c(){t=l("option"),a=f(d),r=z(),E(t,"name",c=i[18].value),t.disabled=n=i[18].disabled,t.__value=o=i[18].value,t.value=t.__value,this.first=t},m(e,i){s(e,t,i),g(t,a),g(t,r)},p(e,s){i=e,512&s&&d!==(d=i[18].text+"")&&j(a,d),512&s&&c!==(c=i[18].value)&&E(t,"name",c),512&s&&n!==(n=i[18].disabled)&&(t.disabled=n),512&s&&o!==(o=i[18].value)&&(t.__value=o,t.value=t.__value)},d(e){e&&I(t)}}}function T(e){let i,t,a,r,A,D=[],w=new Map,f=e[1]&&L(e),j=e[9];const z=e=>e[18].id;for(let i=0;i<j.length;i+=1){let t=N(e,j,i),s=z(t);w.set(s,D[i]=S(s,t))}let E=[{id:e[0]},{class:a=G(e[3],e[4],e[2])+" "+e[8]},{disabled:e[5]},e[6]],y={};for(let e=0;e<E.length;e+=1)y=c(y,E[e]);return{c(){i=l("select"),f&&f.c(),t=n();for(let e=0;e<D.length;e+=1)D[e].c();this.c=o,d(i,y),void 0===e[7]&&m((()=>e[14].call(i)))},m(a,c){s(a,i,c),f&&f.m(i,null),g(i,t);for(let e=0;e<D.length;e+=1)D[e]&&D[e].m(i,null);"value"in y&&(y.multiple?p:x)(i,y.value),i.autofocus&&i.focus(),x(i,e[7],!0),r||(A=[h(e[11].call(null,i)),M(i,"change",e[14]),M(i,"change",e[15])],r=!0)},p(e,[s]){e[1]?f?f.p(e,s):(f=L(e),f.c(),f.m(i,t)):f&&(f.d(1),f=null),512&s&&(j=e[9],D=u(D,s,z,1,e,j,w,i,C,S,null,N)),d(i,y=b(E,[1&s&&{id:e[0]},284&s&&a!==(a=G(e[3],e[4],e[2])+" "+e[8])&&{class:a},32&s&&{disabled:e[5]},64&s&&e[6]])),381&s&&"value"in y&&(y.multiple?p:x)(i,y.value),640&s&&x(i,e[7])},i:o,o:o,d(e){e&&I(i),f&&f.d();for(let e=0;e<D.length;e+=1)D[e].d();r=!1,v(A)}}}function G(e,i,t){const s=["mc-select"];return e&&!i&&s.push("is-valid"),i&&s.push("is-invalid"),t&&s.push(`mc-select--${t}`),s.join(" ")}function Z(e,i,t){let s,a,r;const l=["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"];let n=A(i,l),{id:o}=i,{valueselected:d=""}=i,{placeholder:m}=i,{size:g="m"}=i,{isvalid:p=!1}=i,{isinvalid:x=!1}=i,{disabled:h=!1}=i,{options:M}=i,u=new $;const b=k(D());let I="";return e.$$set=e=>{t(17,i=c(c({},i),w(e))),t(16,n=A(i,l)),"id"in e&&t(0,o=e.id),"valueselected"in e&&t(12,d=e.valueselected),"placeholder"in e&&t(1,m=e.placeholder),"size"in e&&t(2,g=e.size),"isvalid"in e&&t(3,p=e.isvalid),"isinvalid"in e&&t(4,x=e.isinvalid),"disabled"in e&&t(5,h=e.disabled),"options"in e&&t(13,M=e.options)},e.$$.update=()=>{8192&e.$$.dirty&&t(9,s=M?JSON.parse(M):[]),4096&e.$$.dirty&&t(7,I=d),t(8,a=i.class),t(6,r=Object.assign({},n)),64&e.$$.dirty&&delete r.class},i=w(i),[o,m,g,p,x,h,r,I,a,s,u,b,d,M,function(){I=y(this),t(7,I),t(12,d),t(9,s),t(13,M)},()=>u.dispatch("change",I)]}class P extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMzMzMzMzMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #808080;border-radius:4px;color:#333333;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMzMzMzMzMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMzMzMzMzMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}',this.shadowRoot.appendChild(c),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},Z,T,r,{id:0,valueselected:12,placeholder:1,size:2,isvalid:3,isinvalid:4,disabled:5,options:13},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),a()}get valueselected(){return this.$$.ctx[12]}set valueselected(e){this.$$set({valueselected:e}),a()}get placeholder(){return this.$$.ctx[1]}set placeholder(e){this.$$set({placeholder:e}),a()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),a()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),a()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),a()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),a()}get options(){return this.$$.ctx[13]}set options(e){this.$$set({options:e}),a()}}export{P as default};
+//# sourceMappingURL=Select.js.map

package/public/bricoman/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt (opt.id)}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":["ctx","insert","target","option","anchor","t0_value","text","attr","option_name_value","value","disabled","option_disabled_value","__value","option_value_value","dirty","set_data","t0","create_if_block","get_key","id","length","i","class","select_class_value","setClasses","add_render_callback","call","select","isvalid","isinvalid","size","classes","push","join","$$props","valueselected","placeholder","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","valueSelected","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps","select_value","this","dispatch"],"mappings":"wcA2DsC,WAC5BA,EAAW,QAAC,gFADlBC,EAEQC,EAAAC,EAAAC,yCADFJ,EAAW,oDAMdK,EAAAL,MAAIM,KAAI,0DADGC,EAAAJ,EAAA,OAAAK,EAAAR,MAAIS,OAAiBN,EAAAO,SAAAC,EAAAX,MAAIU,SAAiBP,EAAAS,QAAAC,EAAAb,MAAIS,6CAA5DR,EAEQC,EAAAC,EAAAC,6BADL,IAAAU,GAAAT,KAAAA,EAAAL,MAAIM,KAAI,KAAAS,EAAAC,EAAAX,GADG,IAAAS,GAAAN,KAAAA,EAAAR,MAAIS,sBAAiB,IAAAK,GAAAH,KAAAA,EAAAX,MAAIU,0BAAiB,IAAAI,GAAAD,KAAAA,EAAAb,MAAIS,qGAPzDT,EAAW,IAAAiB,EAAAjB,KAMTA,EAAa,GAAS,MAAAkB,EAAAlB,GAAAA,MAAImB,mBAA/BC,OAAIC,GAAA,EAAA,8DAZEC,MAAAC,EAAAC,EAAWxB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,oBAIpDA,EAAU,mJAFW,IAAbA,EAAa,IAAAyB,GAAA,IAAAzB,EAAA,IAAA0B,KAAAC,aAL3B1B,EAoBQC,EAAAyB,EAAAvB,8IAfMJ,EAAa,IAAA,yFAIpBA,EAAW,mEAMTA,EAAa,8DAZZ,IAAAc,GAAAS,KAAAA,EAAAC,EAAWxB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,KAAA,CAAAsB,MAAAC,+BAIpDvB,EAAU,iEAFFA,EAAa,oFA5BhB,SAAAwB,EACPI,EACAC,EACAC,GAEM,MAAAC,GAAW,oBAEbH,IAAYC,GACdE,EAAQC,KAAK,YAGXH,GACFE,EAAQC,KAAK,cAEXF,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,iJAnCXd,GAAUe,GACVC,cAAAA,EAAgB,IAAED,eAClBE,GAAmBF,GACnBJ,KAAAA,EAAmB,KAAGI,GACtBN,QAAAA,GAAU,GAAKM,GACfL,UAAAA,GAAY,GAAKK,GACjBxB,SAAAA,GAAW,GAAKwB,WAChBG,GAAeH,EACtBI,MAAmBC,QACjBC,EAAgBC,EAAqBC,KACvC,IAAAC,EAAgB,4WAEnBC,EAAA,EAAEC,EAAgBR,EAAWS,KAAKC,MAAMV,GAAO,qBAC/CO,EAAA,EAAED,EAAgBR,GAChBS,EAAA,EAAAI,EAAYd,EAAQZ,WACpB2B,EAALC,OAAAC,UAAuBC,0BACXH,EAAW3B,sDA6BTqB,EAAaU,EAAAC,qCACR,IAAAhB,EAAaiB,SAAS,SAAUZ"}

package/public/bricoman/components/select/Select.svelte

@@ -0,0 +1,75 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { createEventForwarder } from '../../utilities/EventForward';
+
+  import type { SelectOption, SelectSize } from './select.types';
+
+  export let id: string;
+  export let valueselected = '';
+  export let placeholder: string;
+  export let size: SelectSize = 'm';
+  export let isvalid = false;
+  export let isinvalid = false;
+  export let disabled = false;
+  export let options: string;
+  let eventHandler = new EventHandler();
+  const forwardEvents = createEventForwarder(get_current_component());
+  let valueSelected = '';
+
+  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];
+  $: valueSelected = valueselected;
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+  function setClasses(
+    isvalid: boolean,
+    isinvalid: boolean,
+    size: SelectSize,
+  ): string {
+    const classes = ['mc-select'];
+
+    if (isvalid && !isinvalid) {
+      classes.push('is-valid');
+    }
+
+    if (isinvalid) {
+      classes.push('is-invalid');
+    }
+    if (size) {
+      classes.push(`mc-select--${size}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<!-- svelte-ignore a11y-no-onchange -->
+<select
+  use:forwardEvents
+  {id}
+  class="{setClasses(isvalid, isinvalid, size)} {userClass}"
+  {disabled}
+  bind:value={valueSelected}
+  on:change={() => eventHandler.dispatch('change', valueSelected)}
+  {...attributes}
+>
+  {#if placeholder}
+    <option value="" disabled selected>
+      -- {placeholder} --
+    </option>
+  {/if}
+
+  {#each parsedOptions as opt (opt.id)}
+    <option name={opt.value} disabled={opt.disabled} value={opt.value}>
+      {opt.text}
+    </option>
+  {/each}
+</select>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/_c.select';
+</style>

package/public/bricoman/components/select/select.types.d.ts

@@ -0,0 +1,9 @@
+export interface SelectOption {
+    id: string | undefined;
+    text: string;
+    value: string;
+    attributes: string | undefined;
+    disabled: boolean | undefined;
+}
+export type SelectSize = 's' | 'm';
+//# sourceMappingURL=select.types.d.ts.map

package/public/bricoman/components/select/select.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AACD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/public/bricoman/components/sidebar/Sidebar.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as s,b as i,f as a,s as n,c as r,e as o,d as l,x as d,n as c,g as p,h as b,j as m,A as u,l as g,C as h,D as f,E as $,m as _,o as x,G as w,p as y,ab as v,ac as E,q as L,M as k,J as T,ad as j,T as I}from"../../index-c33b3772.js";import S from"./sidebar-segment.nested.js";import U from"./sidebar-section.nested.js";import z from"./sidebar-user.nested.js";import R from"./sidebar-separator.nested.js";import{E as A}from"../../EventHandler-02058705.js";import{i as O,s as B,t as C,u as M,a as F,b as H}from"../../sidebar-service-6bb0964f.js";import"./sidebar-feature-group.nested.js";import"./sidebar-feature.nested.js";import"./sidebar-sub-features.nested.js";const{Boolean:J}=j;function q(e,t,s){const i=e.slice();return i[18]=t[s],i}function D(e,t,s){const i=e.slice();return i[21]=t[s],i}function G(e){let t,s;return{c(){t=I("svg"),s=I("path"),p(s,"d","M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z"),p(t,"width","24px"),p(t,"height","24px"),p(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),m(t,s)},d(e){e&&x(t)}}}function N(e){let t,s;return{c(){t=I("svg"),s=I("path"),p(s,"d","M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z"),p(t,"width","24px"),p(t,"height","24px"),p(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),m(t,s)},d(e){e&&x(t)}}}function K(e){let t,s,a=e[4]?.UTILITIES,n=[];for(let t=0;t<a.length;t+=1)n[t]=Q(q(e,a,t));const r=e=>f(n[e],1,1,(()=>{n[e]=null}));return{c(){t=o("div");for(let e=0;e<n.length;e+=1)n[e].c();p(t,"class","mc-sidebar__utilities")},m(e,a){i(e,t,a);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);s=!0},p(e,s){if(16&s){let i;for(a=e[4]?.UTILITIES,i=0;i<a.length;i+=1){const r=q(e,a,i);n[i]?(n[i].p(r,s),h(n[i],1)):(n[i]=Q(r),n[i].c(),h(n[i],1),n[i].m(t,null))}for(k(),i=a.length;i<n.length;i+=1)r(i);$()}},i(e){if(!s){for(let e=0;e<a.length;e+=1)h(n[e]);s=!0}},o(e){n=n.filter(J);for(let e=0;e<n.length;e+=1)f(n[e]);s=!1},d(e){e&&x(t),T(n,e)}}}function P(e){let t,s,a;return s=new S({props:{data:e[21]}}),{c(){t=o("li"),d(s.$$.fragment),p(t,"class","mc-sidebar__utilities__item")},m(e,n){i(e,t,n),u(s,t,null),a=!0},p(e,t){const i={};16&t&&(i.data=e[21]),s.$set(i)},i(e){a||(h(s.$$.fragment,e),a=!0)},o(e){f(s.$$.fragment,e),a=!1},d(e){e&&x(t),w(s)}}}function Q(e){let t,s,a,n,r;t=new R({});let c=e[18],p=[];for(let t=0;t<c.length;t+=1)p[t]=P(D(e,c,t));const b=e=>f(p[e],1,1,(()=>{p[e]=null}));return{c(){d(t.$$.fragment),s=l(),a=o("ul");for(let e=0;e<p.length;e+=1)p[e].c();n=l()},m(e,o){u(t,e,o),i(e,s,o),i(e,a,o);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(a,null);m(a,n),r=!0},p(e,t){if(16&t){let s;for(c=e[18],s=0;s<c.length;s+=1){const i=D(e,c,s);p[s]?(p[s].p(i,t),h(p[s],1)):(p[s]=P(i),p[s].c(),h(p[s],1),p[s].m(a,n))}for(k(),s=c.length;s<p.length;s+=1)b(s);$()}},i(e){if(!r){h(t.$$.fragment,e);for(let e=0;e<c.length;e+=1)h(p[e]);r=!0}},o(e){f(t.$$.fragment,e),p=p.filter(J);for(let e=0;e<p.length;e+=1)f(p[e]);r=!1},d(e){w(t,e),e&&x(s),e&&x(a),T(p,e)}}}function V(e){let t,s;return t=new z({props:{user:e[2],data:e[4]?.USER_FEATURES,a11yLabels:e[0]}}),{c(){d(t.$$.fragment)},m(e,i){u(t,e,i),s=!0},p(e,s){const i={};4&s&&(i.user=e[2]),16&s&&(i.data=e[4]?.USER_FEATURES),1&s&&(i.a11yLabels=e[0]),t.$set(i)},i(e){s||(h(t.$$.fragment,e),s=!0)},o(e){f(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function W(e){let t,s,a,n,y,v,E,L,T,j,I,z,A,O,B,C,M,F;function H(e,t){return e[3]?N:G}let J=H(e),q=J(e);E=new S({props:{data:e[4]?.HOME}}),T=new R({}),I=new U({props:{data:e[4]?.FEATURES,a11yLabels:e[0]}});let D=e[4]?.UTILITIES&&K(e),P=e[2]&&V(e),Q=[{class:B="mc-sidebar "+(e[3]?"is-open":"is-close")},{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},e[1]],W={};for(let e=0;e<Q.length;e+=1)W=r(W,Q[e]);return{c(){t=o("nav"),s=o("div"),a=o("button"),n=o("span"),q.c(),v=l(),d(E.$$.fragment),L=l(),d(T.$$.fragment),j=l(),d(I.$$.fragment),z=l(),D&&D.c(),O=l(),P&&P.c(),this.c=c,p(n,"class","mc-sidebar__trigger__container"),p(a,"id","mc-sidebar__trigger"),p(a,"class","mc-sidebar__trigger"),p(a,"aria-label",y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"),p(s,"class",A="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")),b(t,W)},m(r,o){i(r,t,o),m(t,s),m(s,a),m(a,n),q.m(n,null),m(s,v),u(E,s,null),m(s,L),u(T,s,null),m(s,j),u(I,s,null),m(s,z),D&&D.m(s,null),m(t,O),P&&P.m(t,null),C=!0,M||(F=g(a,"click",e[9]),M=!0)},p(e,[i]){J!==(J=H(e))&&(q.d(1),q=J(e),q&&(q.c(),q.m(n,null))),(!C||9&i&&y!==(y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"))&&p(a,"aria-label",y);const r={};16&i&&(r.data=e[4]?.HOME),E.$set(r);const o={};16&i&&(o.data=e[4]?.FEATURES),1&i&&(o.a11yLabels=e[0]),I.$set(o),e[4]?.UTILITIES?D?(D.p(e,i),16&i&&h(D,1)):(D=K(e),D.c(),h(D,1),D.m(s,null)):D&&(k(),f(D,1,1,(()=>{D=null})),$()),(!C||4&i&&A!==(A="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")))&&p(s,"class",A),e[2]?P?(P.p(e,i),4&i&&h(P,1)):(P=V(e),P.c(),h(P,1),P.m(t,null)):P&&(k(),f(P,1,1,(()=>{P=null})),$()),b(t,W=_(Q,[(!C||8&i&&B!==(B="mc-sidebar "+(e[3]?"is-open":"is-close")))&&{class:B},(!C||8&i)&&{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},2&i&&e[1]]))},i(e){C||(h(E.$$.fragment,e),h(T.$$.fragment,e),h(I.$$.fragment,e),h(D),h(P),C=!0)},o(e){f(E.$$.fragment,e),f(T.$$.fragment,e),f(I.$$.fragment,e),f(D),f(P),C=!1},d(e){e&&x(t),q.d(),w(E),w(T),w(I),D&&D.d(),P&&P.d(),M=!1,F()}}}function X(e,t,s){let i;const a=["data","open","code","user","a11yLabels"];let n,o,l=y(t,a);v(e,O,(e=>s(3,n=e))),v(e,H,(e=>s(4,o=e)));let d,c,p,{data:b}=t,{open:m}=t,{code:u}=t,{user:g}=t,{a11yLabels:h}=t,f=new A,$=!1;const _=[];_.push(O.subscribe((e=>{f.dispatch("on-toggle",e)}))),_.push(B.subscribe((e=>{var t,s,i,a,n;e&&(C(!1),f.dispatch("on-select",null!==(a=null!==(s=null===(t=e.lv2)||void 0===t?void 0:t.code)&&void 0!==s?s:null===(i=e.lv1)||void 0===i?void 0:i.code)&&void 0!==a?a:null===(n=e.lv0)||void 0===n?void 0:n.code))}))),E((()=>{for(const e of _)e()}));return e.$$set=e=>{t=r(r({},t),L(e)),s(17,l=y(t,a)),"data"in e&&s(5,b=e.data),"open"in e&&s(6,m=e.open),"code"in e&&s(7,u=e.code),"user"in e&&s(8,g=e.user),"a11yLabels"in e&&s(0,h=e.a11yLabels)},e.$$.update=()=>{var t,a,n;160&e.$$.dirty&&(t=u,typeof p==typeof(a=b)&&p===a||(p=a,M(a)),typeof c==typeof t&&c===t||(c=t,F(t))),64&e.$$.dirty&&(typeof $==typeof(n=m)&&$===n||($=Boolean(n),C(Boolean(n)))),256&e.$$.dirty&&s(2,d="string"==typeof g?JSON.parse(g):g),s(1,i=Object.assign({},l)),2&e.$$.dirty&&delete i.class},[h,i,d,n,o,b,m,u,g,()=>C()]}class Y extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-sidebar{position:absolute;top:0;left:0;z-index:10;font-size:14px;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;fill:white;width:320px;background:#082435;display:block;height:100vh}.mc-sidebar__container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-sidebar__container.has-bottom-panel{height:calc(100% - 88px)}.mc-sidebar__utilities{margin-bottom:24px}.mc-sidebar__utilities__item{margin:4px 0px}.mc-sidebar__utilities__item:first-child{margin-top:0}.mc-sidebar__utilities__item:last-child{margin-bottom:0}.mc-sidebar__trigger{cursor:pointer;background:none;border:none;padding:0;min-height:92px;width:100%;font-size:inherit;font-family:inherit;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar__trigger__container{position:relative;margin:28px 20px 28px 20px;height:32px;width:100%}.mc-sidebar__trigger__container>*{position:absolute;top:0px;right:0px;width:24px;height:24px}.mc-sidebar__trigger:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar__trigger:focus-visible .mc-sidebar__trigger__container{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar.is-open{-o-transition:width 300ms ease-in-out;-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.mc-sidebar.is-close{-o-transition:width 300ms ease-in-out;-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out;width:64px;padding:0}.mc-sidebar ul{list-style-type:none;margin:0;padding:0}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},X,W,n,{data:5,open:6,code:7,user:8,a11yLabels:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["data","open","code","user","a11yLabels"]}get data(){return this.$$.ctx[5]}set data(e){this.$$set({data:e}),a()}get open(){return this.$$.ctx[6]}set open(e){this.$$set({open:e}),a()}get code(){return this.$$.ctx[7]}set code(e){this.$$set({code:e}),a()}get user(){return this.$$.ctx[8]}set user(e){this.$$set({user:e}),a()}get a11yLabels(){return this.$$.ctx[0]}set a11yLabels(e){this.$$set({a11yLabels:e}),a()}}export{Y as default};
+//# sourceMappingURL=Sidebar.js.map

package/public/bricoman/components/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/sidebar/Sidebar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onDestroy } from 'svelte';\n  import Segment from './sidebar-segment.nested.svelte';\n  import Section from './sidebar-section.nested.svelte';\n  import NavigationUser from './sidebar-user.nested.svelte';\n  import NavigationSeparator from './sidebar-separator.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    selectFeature,\n    updateSidebarData,\n    toggleSidebar,\n    isSidebarOpen,\n    sidebar,\n    selectedFeature,\n  } from './sidebar-service';\n  import type { Unsubscriber } from 'svelte/store';\n  import type { A11yLabels, Sidebar, User } from './sidebar.types';\n\n  export let data: string | Sidebar;\n  export let open: boolean;\n  export let code: string;\n  export let user: string | User;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\n  let parsedUser: User;\n  let previousCode: string;\n  let previousData: string | Sidebar;\n  let previousOpen = false;\n\n  $: updateData(code, data);\n  $: updateOpen(open);\n  $: parsedUser = typeof user === 'string' ? (JSON.parse(user) as User) : user;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function updateData(newCode: string, newData: string | Sidebar) {\n    if (typeof previousData !== typeof newData || previousData !== newData) {\n      previousData = newData;\n      updateSidebarData(newData);\n    }\n    if (typeof previousCode !== typeof newCode || previousCode !== newCode) {\n      previousCode = newCode;\n      selectFeature(newCode);\n    }\n  }\n\n  function updateOpen(newOpenStatus?: boolean) {\n    if (\n      typeof previousOpen !== typeof newOpenStatus ||\n      previousOpen !== newOpenStatus\n    ) {\n      previousOpen = Boolean(newOpenStatus);\n      toggleSidebar(Boolean(newOpenStatus));\n    }\n  }\n\n  const unsubscribes: Unsubscriber[] = [];\n  unsubscribes.push(\n    isSidebarOpen.subscribe((state) => {\n      eventHandler.dispatch('on-toggle', state);\n    }),\n  );\n\n  unsubscribes.push(\n    selectedFeature.subscribe((selection) => {\n      // Emit an event and close the menu when the selection changes.\n      if (selection) {\n        toggleSidebar(false);\n        eventHandler.dispatch(\n          'on-select',\n          selection.lv2?.code ?? selection.lv1?.code ?? selection.lv0?.code,\n        );\n      }\n    }),\n  );\n\n  onDestroy(() => {\n    for (const unsubscribe of unsubscribes) {\n      unsubscribe();\n    }\n  });\n</script>\n\n<nav\n  class=\"mc-sidebar {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n  aria-expanded={$isSidebarOpen}\n  aria-labelledby=\"mc-sidebar__trigger\"\n  {...attributes}\n>\n  <div class=\"mc-sidebar__container {parsedUser ? 'has-bottom-panel' : ''}\">\n    <button\n      id=\"mc-sidebar__trigger\"\n      class=\"mc-sidebar__trigger\"\n      aria-label={$isSidebarOpen\n        ? a11yLabels?.['close'] || 'Close the sidebar'\n        : a11yLabels?.['open'] || 'Open the sidebar'}\n      on:click={() => toggleSidebar()}\n    >\n      <span class=\"mc-sidebar__trigger__container\">\n        {#if $isSidebarOpen}\n          <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z\"\n            /></svg\n          >\n        {:else}\n          <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z\"\n            /></svg\n          >\n        {/if}\n      </span>\n    </button>\n    <Segment data={$sidebar?.HOME} />\n    <NavigationSeparator />\n    <Section data={$sidebar?.FEATURES} {a11yLabels} />\n    {#if $sidebar?.UTILITIES}\n      <div class=\"mc-sidebar__utilities\">\n        {#each $sidebar?.UTILITIES as section}\n          <NavigationSeparator />\n          <ul>\n            {#each section as feature}\n              <li class=\"mc-sidebar__utilities__item\">\n                <Segment data={feature} />\n              </li>\n            {/each}\n          </ul>\n        {/each}\n      </div>\n    {/if}\n  </div>\n  {#if parsedUser}\n    <NavigationUser\n      user={parsedUser}\n      data={$sidebar?.USER_FEATURES}\n      {a11yLabels}\n    />\n  {/if}\n</nav>\n\n<style lang=\"scss\">\n  @import './sidebar-variables';\n\n  .mc-sidebar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 10;\n    font-size: 14px;\n    color: white;\n    box-sizing: border-box;\n    fill: white;\n    width: 320px;\n    background: #082435;\n    display: block;\n    height: 100vh;\n\n    &__container {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      &.has-bottom-panel {\n        height: calc(100% - 88px);\n      }\n    }\n\n    &__utilities {\n      margin-bottom: 24px;\n\n      &__item {\n        margin: 4px 0px;\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    &__trigger {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      min-height: 92px;\n      width: 100%;\n      font-size: inherit;\n      font-family: inherit;\n      position: relative;\n      display: flex;\n\n      &__container {\n        position: relative;\n        margin: 28px 20px 28px 20px;\n        height: 32px;\n        width: 100%;\n        & > * {\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          width: 24px;\n          height: 24px;\n        }\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        & .mc-sidebar__trigger__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &.is-open {\n      @include transition(width 300ms ease-in-out);\n    }\n\n    &.is-close {\n      @include transition(width 300ms ease-in-out);\n\n      width: 64px;\n      padding: 0;\n    }\n\n    ul {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["insert","target","svg","anchor","append","path","each_value","ctx","UTILITIES","length","i","div","each_blocks","li","ul","data","USER_FEATURES","dirty","navigationuser_changes","create_if_block_2","props","HOME","FEATURES","if_block1","create_if_block_1","create_if_block","nav","button","span","segment_changes","section_changes","class","nav_class_value","parsedUser","previousCode","previousData","$$props","open","code","user","a11yLabels","eventHandler","EventHandler","previousOpen","unsubscribes","push","isSidebarOpen","subscribe","state","dispatch","selectedFeature","selection","toggleSidebar","_d","_b","_a","lv2","_c","lv1","_e","lv0","onDestroy","unsubscribe","newCode","newData","newOpenStatus","updateSidebarData","selectFeature","Boolean","$$invalidate","JSON","parse","attributes","Object","assign","$$restProps"],"mappings":"+nCA4GUA,EAIAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,qWATJL,EAIAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,yCAgBCC,EAAAC,MAAUC,+BAAfC,OAAIC,GAAA,oKADRV,EAWKC,EAAAU,EAAAR,oFAVIG,EAAAC,MAAUC,kBAAfC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAE,EAAAH,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wJAKiBH,EAAO,0FADxBP,EAEIC,EAAAY,EAAAV,qDADaI,EAAO,mJAFnBA,EAAO,yBAAZE,OAAIC,GAAA,6KADRV,EAMIC,EAAAa,EAAAX,6FALKI,EAAO,YAAZE,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAE,EAAAH,OAAAC,GAAA,4DAAJD,OAAIC,GAAA,wLAYNH,EAAU,GACVQ,KAAAR,MAAUS,6GADVT,EAAU,IACV,GAAAU,IAAAC,EAAAH,KAAAR,MAAUS,+MApCTT,EAAc,GAAAY,+BAeRC,MAAA,CAAAL,KAAAR,MAAUc,oCAEVN,KAAAR,MAAUe,4BACpB,IAAAC,EAAAhB,MAAUC,WAASgB,EAAAjB,KAerBA,EAAU,IAAAkB,EAAAlB,8BAhDIA,EAAc,GAAG,UAAY,8BACjCA,EAAc,8CAEzBA,EAAU,kWAMEA,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,4DANGA,EAAU,GAAG,mBAAqB,oBANvEP,EAwDKC,EAAAyB,EAAAvB,GAlDHC,EA0CKsB,EAAAf,GAzCHP,EAuBQO,EAAAgB,GAfNvB,EAcMuB,EAAAC,uOAnBMrB,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,qDAmBf,GAAAU,IAAAY,EAAAd,KAAAR,MAAUc,2BAEV,GAAAJ,IAAAa,EAAAf,KAAAR,MAAUe,6CACpBf,MAAUC,sJA5BkBD,EAAU,GAAG,mBAAqB,sBA2ChEA,EAAU,8IAhDIA,EAAc,GAAG,UAAY,eAAU,CAAAwB,MAAAC,+BAC3CzB,EAAc,mDAEzBA,EAAU,iXA/DV0B,EACAC,EACAC,QAROpB,GAAsBqB,QACtBC,GAAaD,QACbE,GAAYF,QACZG,GAAmBH,cACnBI,GAAsBJ,EAC7BK,MAAmBC,EAInBC,GAAe,QA6BbC,EAAY,GAClBA,EAAaC,KACXC,EAAcC,WAAWC,IACvBP,EAAaQ,SAAS,YAAaD,EAAK,KAI5CJ,EAAaC,KACXK,EAAgBH,WAAWI,kBAErBA,IACFC,GAAc,GACdX,EAAaQ,SACX,YADV,QAAAI,EAAA,QAAAC,EAAA,QAAAC,EAEUJ,EAAUK,eAFpBD,SAAAA,EAEyBjB,gBAFzBgB,EAAAA,EAAA,QAAAG,EAEiCN,EAAUO,WAF3C,IAAAD,SAAAA,EAEgDnB,gBAFhDe,EAAAA,EAAA,QAAAM,EAEwDR,EAAUS,WAFlE,IAAAD,SAAAA,EAEuErB,WAMrEuB,GAAS,KACI,IAAA,MAAAC,KAAelB,EACxBkB,+NA3CgBC,EAAiBC,EAWjBC,mBAXAF,EANNzB,SAODH,UADwB6B,EANjBjD,IAO4BoB,IAAiB6B,IAC7D7B,EAAe6B,EACfE,EAAkBF,WAET9B,UAAwB6B,GAAW7B,IAAiB6B,IAC7D7B,EAAe6B,EACfI,EAAcJ,4BAMPpB,UAFSsB,EAhBN5B,IAmBVM,IAAiBsB,IAEjBtB,EAAeyB,QAAQH,GACvBb,EAAcgB,QAAQH,sBArBvBI,EAAA,EAAApC,EAA6B,iBAATM,EAAqB+B,KAAKC,MAAMhC,GAAiBA,OACrEiC,EAALC,OAAAC,UAAuBC,yBACXH,EAAWzC,8BA+DDqB"}