npm - @mozaic-ds/web-components - Versions diffs - 0.2.0 → 0.3.0 - Mend

@mozaic-ds/web-components 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (376) hide show

package/public/bricoman/components/price/Price.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i,a,b as t,f as o,s as r,c as s,e as n,d as l,t as m,n as b,g as d,h as c,z as p,j as x,k as f,m as w,o as g,p as h,q as u,K as k}from"../../index-17a01ab4.js";function y(e){let i,a,o,r,s,b;return{c(){i=n("div"),a=n("span"),o=m(e[7]),r=l(),s=n("span"),b=m(e[10]),d(a,"class","price__flag--discount-amount"),d(s,"class","price__flag--discount-label"),d(i,"class","price__flag--discount"),d(i,"aria-label",e[9])},m(e,n){t(e,i,n),x(i,a),x(a,o),x(i,r),x(i,s),x(s,b)},p(e,a){128&a&&f(o,e[7]),1024&a&&f(b,e[10]),512&a&&d(i,"aria-label",e[9])},d(e){e&&g(i)}}}function M(e){let i,a,o,r,s,b;return{c(){i=n("div"),a=n("span"),o=m(e[8]),r=l(),s=n("span"),b=m(e[7]),d(a,"class","price__flag--clearance-label"),d(s,"class","price__flag--clearance-amount"),d(i,"class","price__flag--clearance"),d(i,"aria-label",e[9])},m(e,n){t(e,i,n),x(i,a),x(a,o),x(i,r),x(i,s),x(s,b)},p(e,a){256&a&&f(o,e[8]),128&a&&f(b,e[7]),512&a&&d(i,"aria-label",e[9])},d(e){e&&g(i)}}}function v(e){let i,a,o;return{c(){i=n("span"),a=m(e[8]),d(i,"class",o="price__flag--"+e[1])},m(e,o){t(e,i,o),x(i,a)},p(e,t){256&t&&f(a,e[8]),2&t&&o!==(o="price__flag--"+e[1])&&d(i,"class",o)},d(e){e&&g(i)}}}function I(e){let i,a,o;return{c(){i=n("div"),a=n("span"),o=m(e[11]),d(a,"class","price__from-without-offer"),d(i,"class","price__from"),d(i,"aria-label",e[12])},m(e,r){t(e,i,r),x(i,a),x(a,o)},p(e,a){2048&a&&f(o,e[11]),4096&a&&d(i,"aria-label",e[12])},d(e){e&&g(i)}}}function _(e){let i,a,o;return{c(){i=n("span"),a=m("/ "),o=m(e[4]),d(i,"class","price__main__unit")},m(e,r){t(e,i,r),x(i,a),x(i,o)},p(e,i){16&i&&f(o,e[4])},d(e){e&&g(i)}}}function D(e){let i,a;return{c(){i=n("span"),a=m(e[5]),d(i,"class","price__secondary"),d(i,"aria-label",e[6])},m(e,o){t(e,i,o),x(i,a)},p(e,t){32&t&&f(a,e[5]),64&t&&d(i,"aria-label",e[6])},d(e){e&&g(i)}}}function E(e){let i;function a(e,i){return e[14]?L:j}let o=a(e),r=o(e);return{c(){r.c(),i=k()},m(e,a){r.m(e,a),t(e,i,a)},p(e,t){o===(o=a(e))&&r?r.p(e,t):(r.d(1),r=o(e),r&&(r.c(),r.m(i.parentNode,i)))},d(e){r.d(e),e&&g(i)}}}function j(e){let i,a;return{c(){i=n("span"),a=m(e[13]),d(i,"class","mc-tag-text mc-tag-text--danger mc-tag-text__label")},m(e,o){t(e,i,o),x(i,a)},p(e,i){8192&i&&f(a,e[13])},d(e){e&&g(i)}}}function L(e){let i,a;return{c(){i=n("a"),a=m(e[13]),d(i,"class","mc-tag-link mc-tag-link__label"),d(i,"href",e[14]),d(i,"target","_blank")},m(e,o){t(e,i,o),x(i,a)},p(e,t){8192&t&&f(a,e[13]),16384&t&&d(i,"href",e[14])},d(e){e&&g(i)}}}function A(e){let i,a,o,r,h,u,k,j,L,A,z;function T(e,i){return e[15]?v:"destocking"===e[1]?M:"commercial-operation"===e[1]?y:void 0}let S=T(e),Q=S&&S(e),N=e[16]&&I(e),$=e[4]&&_(e),C=e[5]&&D(e),Y=!e[0]&&e[13]&&E(e),P=[{class:z="mc-price "+e[17].class},e[18]],W={};for(let e=0;e<P.length;e+=1)W=s(W,P[e]);return{c(){i=n("div"),Q&&Q.c(),a=l(),N&&N.c(),o=l(),r=n("div"),h=n("div"),u=n("span"),k=m(e[2]),j=l(),$&&$.c(),L=l(),C&&C.c(),A=l(),Y&&Y.c(),this.c=b,d(u,"data-cerberus","ELEM_PRIX"),d(u,"aria-label",e[3]),d(h,"class","price__main"),d(r,"class","price"),c(i,W),p(i,"light",e[0]),p(i,"mc-price--discount",e[16])},m(e,s){t(e,i,s),Q&&Q.m(i,null),x(i,a),N&&N.m(i,null),x(i,o),x(i,r),x(r,h),x(h,u),x(u,k),x(h,j),$&&$.m(h,null),x(r,L),C&&C.m(r,null),x(i,A),Y&&Y.m(i,null)},p(e,[t]){S===(S=T(e))&&Q?Q.p(e,t):(Q&&Q.d(1),Q=S&&S(e),Q&&(Q.c(),Q.m(i,a))),e[16]?N?N.p(e,t):(N=I(e),N.c(),N.m(i,o)):N&&(N.d(1),N=null),4&t&&f(k,e[2]),8&t&&d(u,"aria-label",e[3]),e[4]?$?$.p(e,t):($=_(e),$.c(),$.m(h,null)):$&&($.d(1),$=null),e[5]?C?C.p(e,t):(C=D(e),C.c(),C.m(r,null)):C&&(C.d(1),C=null),!e[0]&&e[13]?Y?Y.p(e,t):(Y=E(e),Y.c(),Y.m(i,null)):Y&&(Y.d(1),Y=null),c(i,W=w(P,[131072&t&&z!==(z="mc-price "+e[17].class)&&{class:z},262144&t&&e[18]])),p(i,"light",e[0]),p(i,"mc-price--discount",e[16])},i:b,o:b,d(e){e&&g(i),Q&&Q.d(),N&&N.d(),$&&$.d(),C&&C.d(),Y&&Y.d()}}}function z(e,i,a){let t,o;const r=["light","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl"];let n=h(i,r),{light:l=!1}=i,{type:m="default"}=i,{mainprice:b}=i,{mainpricearialabel:d}=i,{mainpriceunit:c}=i,{secondarypricelabel:p}=i,{secondarypriceariallabel:x}=i,{flagamount:f}=i,{flaglabel:w}=i,{flagarialabel:g}=i,{priceenddatelabel:k}=i,{pricewithoutoffer:y}=i,{pricewithoutofferarialabel:M}=i,{refundsofferproductlabel:v}=i,{refundsoffermediaurl:I}=i;return e.$$set=e=>{a(17,i=s(s({},i),u(e))),a(18,n=h(i,r)),"light"in e&&a(0,l=e.light),"type"in e&&a(1,m=e.type),"mainprice"in e&&a(2,b=e.mainprice),"mainpricearialabel"in e&&a(3,d=e.mainpricearialabel),"mainpriceunit"in e&&a(4,c=e.mainpriceunit),"secondarypricelabel"in e&&a(5,p=e.secondarypricelabel),"secondarypriceariallabel"in e&&a(6,x=e.secondarypriceariallabel),"flagamount"in e&&a(7,f=e.flagamount),"flaglabel"in e&&a(8,w=e.flaglabel),"flagarialabel"in e&&a(9,g=e.flagarialabel),"priceenddatelabel"in e&&a(10,k=e.priceenddatelabel),"pricewithoutoffer"in e&&a(11,y=e.pricewithoutoffer),"pricewithoutofferarialabel"in e&&a(12,M=e.pricewithoutofferarialabel),"refundsofferproductlabel"in e&&a(13,v=e.refundsofferproductlabel),"refundsoffermediaurl"in e&&a(14,I=e.refundsoffermediaurl)},e.$$.update=()=>{2&e.$$.dirty&&a(16,t="destocking"===m||"commercial-operation"===m),2&e.$$.dirty&&a(15,o="budget-price"===m||"best-value"===m||"high-quality"===m||"star-product"===m)},i=u(i),[l,m,b,d,c,p,x,f,w,g,k,y,M,v,I,o,t,i,n]}class T extends e{constructor(e){super();const s=document.createElement("style");s.textContent='.mc-tag-text{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-link--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{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-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#8792ed}.mc-tag-selectable__pill:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#161cb6}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#b8bef4;-webkit-box-shadow:inset 0 0 0 1px #b8bef4;box-shadow:inset 0 0 0 1px #b8bef4;color:#191919}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-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-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;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}.mc-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}.mc-price .price__flag--budget-price,.mc-price .price__flag--best-value,.mc-price .price__flag--high-quality,.mc-price .price__flag--star-product{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.75rem;line-height:1.3333333333;display:inline-block;padding:0.5rem;margin-bottom:0.25rem;line-height:0.5rem;text-transform:uppercase}.mc-price .price__flag--budget-price{background-color:#f8cc1c}.mc-price .price__flag--best-value{background-color:#4d5bf5}.mc-price .price__flag--high-quality{background-color:#0b96cc}.mc-price .price__flag--star-product{padding:0.25rem 0.5rem;line-height:1rem;color:#fff;text-transform:none;background-color:#ea302d}.mc-price .price__flag--clearance{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-price .price__flag--clearance-label{font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:calc(0.25rem - 1px) 0.5rem;border:1px solid #ea302d;line-height:1.25rem;text-transform:uppercase;color:#ea302d}.mc-price .price__flag--clearance-amount{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:0.25rem 0.5rem;background-color:#ea302d;color:#f8cc1c;line-height:1.25rem}.mc-price .price__flag--discount-amount{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:0.25rem 0.5rem;background-color:#ea302d;line-height:1.25rem;color:#fff}.mc-price .price__flag--discount-label{font-size:0.75rem;line-height:1.3333333333;display:inline-block;vertical-align:middle;margin-left:0.5rem;color:#ea302d}.mc-price .price__from{line-height:1.75rem}.mc-price .price__from-without-offer{font-size:0.875rem;line-height:1.2857142857;display:inline-block;vertical-align:middle;color:#000000;text-decoration:line-through}.mc-price .price__main{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:2.125rem;line-height:1.2941176471}.mc-price .price__main__unit{font-size:1rem;line-height:1.375}.mc-price .price__secondary{font-size:0.75rem;line-height:1.3333333333;color:#191919}.mc-price.mc-price--discount .price__main{color:#ea302d}.mc-price.light .price__flag--budget-price,.mc-price.light .price__flag--best-value,.mc-price.light .price__flag--high-quality{padding:0.25rem;line-height:0.75rem}.mc-price.light .price__flag--clearance{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-price.light .price__flag--clearance-label{font-size:0.75rem;line-height:1.3333333333;line-height:0.75rem}.mc-price.light .price__flag--clearance-amount{font-size:0.75rem;line-height:1.3333333333;line-height:0.75rem;padding:calc(0.25rem - 1px) 0.25rem}.mc-price.light .price__main{font-size:1.4375rem;line-height:1.3913043478}.mc-price.light .price__main__unit{font-size:0.875rem;line-height:1.2857142857}',this.shadowRoot.appendChild(s),i(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,A,r,{light:0,type:1,mainprice:2,mainpricearialabel:3,mainpriceunit:4,secondarypricelabel:5,secondarypriceariallabel:6,flagamount:7,flaglabel:8,flagarialabel:9,priceenddatelabel:10,pricewithoutoffer:11,pricewithoutofferarialabel:12,refundsofferproductlabel:13,refundsoffermediaurl:14},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["light","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl"]}get light(){return this.$$.ctx[0]}set light(e){this.$$set({light:e}),o()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),o()}get mainprice(){return this.$$.ctx[2]}set mainprice(e){this.$$set({mainprice:e}),o()}get mainpricearialabel(){return this.$$.ctx[3]}set mainpricearialabel(e){this.$$set({mainpricearialabel:e}),o()}get mainpriceunit(){return this.$$.ctx[4]}set mainpriceunit(e){this.$$set({mainpriceunit:e}),o()}get secondarypricelabel(){return this.$$.ctx[5]}set secondarypricelabel(e){this.$$set({secondarypricelabel:e}),o()}get secondarypriceariallabel(){return this.$$.ctx[6]}set secondarypriceariallabel(e){this.$$set({secondarypriceariallabel:e}),o()}get flagamount(){return this.$$.ctx[7]}set flagamount(e){this.$$set({flagamount:e}),o()}get flaglabel(){return this.$$.ctx[8]}set flaglabel(e){this.$$set({flaglabel:e}),o()}get flagarialabel(){return this.$$.ctx[9]}set flagarialabel(e){this.$$set({flagarialabel:e}),o()}get priceenddatelabel(){return this.$$.ctx[10]}set priceenddatelabel(e){this.$$set({priceenddatelabel:e}),o()}get pricewithoutoffer(){return this.$$.ctx[11]}set pricewithoutoffer(e){this.$$set({pricewithoutoffer:e}),o()}get pricewithoutofferarialabel(){return this.$$.ctx[12]}set pricewithoutofferarialabel(e){this.$$set({pricewithoutofferarialabel:e}),o()}get refundsofferproductlabel(){return this.$$.ctx[13]}set refundsofferproductlabel(e){this.$$set({refundsofferproductlabel:e}),o()}get refundsoffermediaurl(){return this.$$.ctx[14]}set refundsoffermediaurl(e){this.$$set({refundsoffermediaurl:e}),o()}}export{T as default};
+import{S as e,i,a as t,b as a,f as o,s as r,c as s,e as n,d as l,t as m,n as b,g as d,h as c,z as p,j as f,k as w,m as g,o as x,p as h,q as u,K as k}from"../../index-17a01ab4.js";function y(e){let i,t,o,r,s,b;return{c(){i=n("div"),t=n("span"),o=m(e[7]),r=l(),s=n("span"),b=m(e[10]),d(t,"class","price__flag--discount-amount"),d(s,"class","price__flag--discount-label"),d(i,"class","price__flag--discount"),d(i,"aria-label",e[9])},m(e,n){a(e,i,n),f(i,t),f(t,o),f(i,r),f(i,s),f(s,b)},p(e,t){128&t&&w(o,e[7]),1024&t&&w(b,e[10]),512&t&&d(i,"aria-label",e[9])},d(e){e&&x(i)}}}function M(e){let i,t,o,r,s,b;return{c(){i=n("div"),t=n("span"),o=m(e[8]),r=l(),s=n("span"),b=m(e[7]),d(t,"class","price__flag--clearance-label"),d(s,"class","price__flag--clearance-amount"),d(i,"class","price__flag--clearance"),d(i,"aria-label",e[9])},m(e,n){a(e,i,n),f(i,t),f(t,o),f(i,r),f(i,s),f(s,b)},p(e,t){256&t&&w(o,e[8]),128&t&&w(b,e[7]),512&t&&d(i,"aria-label",e[9])},d(e){e&&x(i)}}}function v(e){let i,t,o;return{c(){i=n("span"),t=m(e[8]),d(i,"class",o="price__flag--"+e[1])},m(e,o){a(e,i,o),f(i,t)},p(e,a){256&a&&w(t,e[8]),2&a&&o!==(o="price__flag--"+e[1])&&d(i,"class",o)},d(e){e&&x(i)}}}function I(e){let i,t,o;return{c(){i=n("div"),t=n("span"),o=m(e[11]),d(t,"class","price__from-without-offer"),d(i,"class","price__from"),d(i,"aria-label",e[12])},m(e,r){a(e,i,r),f(i,t),f(t,o)},p(e,t){2048&t&&w(o,e[11]),4096&t&&d(i,"aria-label",e[12])},d(e){e&&x(i)}}}function _(e){let i,t,o;return{c(){i=n("span"),t=m("/ "),o=m(e[4]),d(i,"class","price__main__unit")},m(e,r){a(e,i,r),f(i,t),f(i,o)},p(e,i){16&i&&w(o,e[4])},d(e){e&&x(i)}}}function D(e){let i,t;return{c(){i=n("span"),t=m(e[5]),d(i,"class","price__secondary"),d(i,"aria-label",e[6])},m(e,o){a(e,i,o),f(i,t)},p(e,a){32&a&&w(t,e[5]),64&a&&d(i,"aria-label",e[6])},d(e){e&&x(i)}}}function E(e){let i;function t(e,i){return e[14]?L:j}let o=t(e),r=o(e);return{c(){r.c(),i=k()},m(e,t){r.m(e,t),a(e,i,t)},p(e,a){o===(o=t(e))&&r?r.p(e,a):(r.d(1),r=o(e),r&&(r.c(),r.m(i.parentNode,i)))},d(e){r.d(e),e&&x(i)}}}function j(e){let i,t;return{c(){i=n("span"),t=m(e[13]),d(i,"class","mc-tag-text mc-tag-text--danger mc-tag-text__label")},m(e,o){a(e,i,o),f(i,t)},p(e,i){8192&i&&w(t,e[13])},d(e){e&&x(i)}}}function L(e){let i,t;return{c(){i=n("a"),t=m(e[13]),d(i,"class","mc-tag-link mc-tag-link__label"),d(i,"href",e[14]),d(i,"target","_blank")},m(e,o){a(e,i,o),f(i,t)},p(e,a){8192&a&&w(t,e[13]),16384&a&&d(i,"href",e[14])},d(e){e&&x(i)}}}function A(e){let i,t,o,r,h,u,k,j,L,A,z;function T(e,i){return e[15]?v:"destocking"===e[1]?M:"commercial-operation"===e[1]?y:void 0}let S=T(e),Q=S&&S(e),N=e[16]&&I(e),$=e[4]&&_(e),C=e[5]&&D(e),Y=!e[0]&&e[13]&&E(e),P=[{class:z="mc-price "+e[17].class},e[18]],W={};for(let e=0;e<P.length;e+=1)W=s(W,P[e]);return{c(){i=n("div"),Q&&Q.c(),t=l(),N&&N.c(),o=l(),r=n("div"),h=n("div"),u=n("span"),k=m(e[2]),j=l(),$&&$.c(),L=l(),C&&C.c(),A=l(),Y&&Y.c(),this.c=b,d(u,"data-cerberus","ELEM_PRIX"),d(u,"aria-label",e[3]),d(h,"class","price__main"),d(r,"class","price"),c(i,W),p(i,"light",e[0]),p(i,"mc-price--discount",e[16])},m(e,s){a(e,i,s),Q&&Q.m(i,null),f(i,t),N&&N.m(i,null),f(i,o),f(i,r),f(r,h),f(h,u),f(u,k),f(h,j),$&&$.m(h,null),f(r,L),C&&C.m(r,null),f(i,A),Y&&Y.m(i,null)},p(e,[a]){S===(S=T(e))&&Q?Q.p(e,a):(Q&&Q.d(1),Q=S&&S(e),Q&&(Q.c(),Q.m(i,t))),e[16]?N?N.p(e,a):(N=I(e),N.c(),N.m(i,o)):N&&(N.d(1),N=null),4&a&&w(k,e[2]),8&a&&d(u,"aria-label",e[3]),e[4]?$?$.p(e,a):($=_(e),$.c(),$.m(h,null)):$&&($.d(1),$=null),e[5]?C?C.p(e,a):(C=D(e),C.c(),C.m(r,null)):C&&(C.d(1),C=null),!e[0]&&e[13]?Y?Y.p(e,a):(Y=E(e),Y.c(),Y.m(i,null)):Y&&(Y.d(1),Y=null),c(i,W=g(P,[131072&a&&z!==(z="mc-price "+e[17].class)&&{class:z},262144&a&&e[18]])),p(i,"light",e[0]),p(i,"mc-price--discount",e[16])},i:b,o:b,d(e){e&&x(i),Q&&Q.d(),N&&N.d(),$&&$.d(),C&&C.d(),Y&&Y.d()}}}function z(e,i,t){let a,o;const r=["light","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl"];let n=h(i,r),{light:l=!1}=i,{type:m="default"}=i,{mainprice:b}=i,{mainpricearialabel:d}=i,{mainpriceunit:c}=i,{secondarypricelabel:p}=i,{secondarypriceariallabel:f}=i,{flagamount:w}=i,{flaglabel:g}=i,{flagarialabel:x}=i,{priceenddatelabel:k}=i,{pricewithoutoffer:y}=i,{pricewithoutofferarialabel:M}=i,{refundsofferproductlabel:v}=i,{refundsoffermediaurl:I}=i;return e.$$set=e=>{t(17,i=s(s({},i),u(e))),t(18,n=h(i,r)),"light"in e&&t(0,l=e.light),"type"in e&&t(1,m=e.type),"mainprice"in e&&t(2,b=e.mainprice),"mainpricearialabel"in e&&t(3,d=e.mainpricearialabel),"mainpriceunit"in e&&t(4,c=e.mainpriceunit),"secondarypricelabel"in e&&t(5,p=e.secondarypricelabel),"secondarypriceariallabel"in e&&t(6,f=e.secondarypriceariallabel),"flagamount"in e&&t(7,w=e.flagamount),"flaglabel"in e&&t(8,g=e.flaglabel),"flagarialabel"in e&&t(9,x=e.flagarialabel),"priceenddatelabel"in e&&t(10,k=e.priceenddatelabel),"pricewithoutoffer"in e&&t(11,y=e.pricewithoutoffer),"pricewithoutofferarialabel"in e&&t(12,M=e.pricewithoutofferarialabel),"refundsofferproductlabel"in e&&t(13,v=e.refundsofferproductlabel),"refundsoffermediaurl"in e&&t(14,I=e.refundsoffermediaurl)},e.$$.update=()=>{2&e.$$.dirty&&t(16,a="destocking"===m||"commercial-operation"===m),2&e.$$.dirty&&t(15,o="budget-price"===m||"best-value"===m||"high-quality"===m||"star-product"===m)},i=u(i),[l,m,b,d,c,p,f,w,g,x,k,y,M,v,I,o,a,i,n]}class T extends e{constructor(e){super();const s=document.createElement("style");s.textContent='.mc-tag-text{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-link--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{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-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#8792ed}.mc-tag-selectable__pill:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#161cb6}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#b8bef4;-webkit-box-shadow:inset 0 0 0 1px #b8bef4;box-shadow:inset 0 0 0 1px #b8bef4;color:#191919}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-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-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;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}.mc-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}.mc-price .price__flag--budget-price,.mc-price .price__flag--best-value,.mc-price .price__flag--high-quality,.mc-price .price__flag--star-product{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.75rem;line-height:1.3333333333;display:inline-block;padding:0.5rem;margin-bottom:0.25rem;line-height:0.5rem;text-transform:uppercase}.mc-price .price__flag--budget-price{background-color:#f8cc1c}.mc-price .price__flag--best-value{background-color:#4d5bf5}.mc-price .price__flag--high-quality{background-color:#0b96cc}.mc-price .price__flag--star-product{padding:0.25rem 0.5rem;line-height:1rem;color:#fff;text-transform:none;background-color:#ea302d}.mc-price .price__flag--clearance{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-price .price__flag--clearance-label{font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:calc(0.25rem - 1px) 0.5rem;border:1px solid #ea302d;line-height:1.25rem;text-transform:uppercase;color:#ea302d}.mc-price .price__flag--clearance-amount{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:0.25rem 0.5rem;background-color:#ea302d;color:#f8cc1c;line-height:1.25rem}.mc-price .price__flag--discount-amount{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;display:inline-block;vertical-align:middle;padding:0.25rem 0.5rem;background-color:#ea302d;line-height:1.25rem;color:#fff}.mc-price .price__flag--discount-label{font-size:0.75rem;line-height:1.3333333333;display:inline-block;vertical-align:middle;margin-left:0.5rem;color:#ea302d}.mc-price .price__from{line-height:1.75rem}.mc-price .price__from-without-offer{font-size:0.875rem;line-height:1.2857142857;display:inline-block;vertical-align:middle;color:#000000;text-decoration:line-through}.mc-price .price__main{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:2.125rem;line-height:1.2941176471}.mc-price .price__main__unit{font-size:1rem;line-height:1.375}.mc-price .price__secondary{font-size:0.75rem;line-height:1.3333333333;color:#191919}.mc-price.mc-price--discount .price__main{color:#ea302d}.mc-price.light .price__flag--budget-price,.mc-price.light .price__flag--best-value,.mc-price.light .price__flag--high-quality{padding:0.25rem;line-height:0.75rem}.mc-price.light .price__flag--clearance{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-price.light .price__flag--clearance-label{font-size:0.75rem;line-height:1.3333333333;line-height:0.75rem}.mc-price.light .price__flag--clearance-amount{font-size:0.75rem;line-height:1.3333333333;line-height:0.75rem;padding:calc(0.25rem - 1px) 0.25rem}.mc-price.light .price__main{font-size:1.4375rem;line-height:1.3913043478}.mc-price.light .price__main__unit{font-size:0.875rem;line-height:1.2857142857}',this.shadowRoot.appendChild(s),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},z,A,r,{light:0,type:1,mainprice:2,mainpricearialabel:3,mainpriceunit:4,secondarypricelabel:5,secondarypriceariallabel:6,flagamount:7,flaglabel:8,flagarialabel:9,priceenddatelabel:10,pricewithoutoffer:11,pricewithoutofferarialabel:12,refundsofferproductlabel:13,refundsoffermediaurl:14},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["light","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl"]}get light(){return this.$$.ctx[0]}set light(e){this.$$set({light:e}),o()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),o()}get mainprice(){return this.$$.ctx[2]}set mainprice(e){this.$$set({mainprice:e}),o()}get mainpricearialabel(){return this.$$.ctx[3]}set mainpricearialabel(e){this.$$set({mainpricearialabel:e}),o()}get mainpriceunit(){return this.$$.ctx[4]}set mainpriceunit(e){this.$$set({mainpriceunit:e}),o()}get secondarypricelabel(){return this.$$.ctx[5]}set secondarypricelabel(e){this.$$set({secondarypricelabel:e}),o()}get secondarypriceariallabel(){return this.$$.ctx[6]}set secondarypriceariallabel(e){this.$$set({secondarypriceariallabel:e}),o()}get flagamount(){return this.$$.ctx[7]}set flagamount(e){this.$$set({flagamount:e}),o()}get flaglabel(){return this.$$.ctx[8]}set flaglabel(e){this.$$set({flaglabel:e}),o()}get flagarialabel(){return this.$$.ctx[9]}set flagarialabel(e){this.$$set({flagarialabel:e}),o()}get priceenddatelabel(){return this.$$.ctx[10]}set priceenddatelabel(e){this.$$set({priceenddatelabel:e}),o()}get pricewithoutoffer(){return this.$$.ctx[11]}set pricewithoutoffer(e){this.$$set({pricewithoutoffer:e}),o()}get pricewithoutofferarialabel(){return this.$$.ctx[12]}set pricewithoutofferarialabel(e){this.$$set({pricewithoutofferarialabel:e}),o()}get refundsofferproductlabel(){return this.$$.ctx[13]}set refundsofferproductlabel(e){this.$$set({refundsofferproductlabel:e}),o()}get refundsoffermediaurl(){return this.$$.ctx[14]}set refundsoffermediaurl(e){this.$$set({refundsoffermediaurl:e}),o()}}export{T as default};
 //# sourceMappingURL=Price.js.map

package/public/bricoman/components/price/Price.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Price.js","sources":["../../../../src/components/price/Price.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { PriceType } from './price.types';\n\n export let light = false;\n export let type: PriceType = 'default';\n export let mainprice: string;\n export let mainpricearialabel: string \| undefined = undefined;\n export let mainpriceunit: string \| undefined = undefined;\n export let secondarypricelabel: string \| undefined = undefined;\n export let secondarypriceariallabel: string \| undefined = undefined;\n export let flagamount: string \| undefined = undefined;\n export let flaglabel: string \| undefined = undefined;\n export let flagarialabel: string \| undefined = undefined;\n export let priceenddatelabel: string \| undefined = undefined;\n export let pricewithoutoffer: string \| undefined = undefined;\n export let pricewithoutofferarialabel: string \| undefined = undefined;\n export let refundsofferproductlabel: string \| undefined = undefined;\n export let refundsoffermediaurl: string \| undefined = undefined;\n\n $: isDiscount = type === 'destocking' \|\| type === 'commercial-operation';\n $: isDisplayFlag =\n type === 'budget-price' \|\|\n type === 'best-value' \|\|\n type === 'high-quality' \|\|\n type === 'star-product';\n</script>\n\n<div\n class=\"mc-price {$$props.class}\"\n class:light\n class:mc-price--discount={isDiscount}\n {...$$restProps}\n>\n {#if isDisplayFlag}\n <span class=\"price__flag--{type}\">\n {flaglabel}\n </span>\n {:else if type === 'destocking'}\n <div class=\"price__flag--clearance\" aria-label={flagarialabel}>\n <span class=\"price__flag--clearance-label\">{flaglabel}</span>\n <span class=\"price__flag--clearance-amount\">{flagamount}</span>\n </div>\n {:else if type === 'commercial-operation'}\n <div class=\"price__flag--discount\" aria-label={flagarialabel}>\n <span class=\"price__flag--discount-amount\">{flagamount}</span>\n <span class=\"price__flag--discount-label\">{priceenddatelabel}</span>\n </div>\n {/if}\n\n {#if isDiscount}\n <div class=\"price__from\" aria-label={pricewithoutofferarialabel}>\n <span class=\"price__from-without-offer\">{pricewithoutoffer}</span>\n </div>\n {/if}\n\n <div class=\"price\">\n <div class=\"price__main\">\n <span data-cerberus=\"ELEM_PRIX\" aria-label={mainpricearialabel}>\n {mainprice}\n </span>\n {#if mainpriceunit}\n <span class=\"price__main__unit\">/ {mainpriceunit}</span>\n {/if}\n </div>\n {#if secondarypricelabel}\n <span class=\"price__secondary\" aria-label={secondarypriceariallabel}>\n {secondarypricelabel}\n </span>\n {/if}\n </div>\n\n {#if !light && refundsofferproductlabel}\n {#if refundsoffermediaurl}\n <a\n class=\"mc-tag-link mc-tag-link__label\"\n href={refundsoffermediaurl}\n target=\"_blank\"\n >{refundsofferproductlabel}\n </a>\n {:else}\n <span class=\"mc-tag-text mc-tag-text--danger mc-tag-text__label\">\n {refundsofferproductlabel}\n </span>\n {/if}\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n\n .mc-price {\n .price__flag {\n &--budget-price,\n &--best-value,\n &--high-quality,\n &--star-product {\n @include set-font-face('semi-bold');\n @include set-font-scale('02', 'm');\n display: inline-block;\n padding: $mu050;\n margin-bottom: $mu025;\n line-height: 0.5rem;\n text-transform: uppercase;\n }\n &--budget-price {\n background-color: $color-secondary-yellow-500;\n }\n &--best-value {\n background-color: $color-primary-01-500;\n }\n &--high-quality {\n background-color: $color-secondary-blue-500;\n }\n &--star-product {\n padding: $mu025 $mu050;\n line-height: 1rem;\n color: #fff;\n text-transform: none;\n background-color: $color-secondary-red-500;\n }\n &--clearance {\n display: flex;\n &-label {\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: calc(#{$mu025} - 1px) $mu050;\n border: get-border(s) solid $color-secondary-red-500;\n line-height: 1.25rem;\n text-transform: uppercase;\n color: $color-secondary-red-500;\n }\n &-amount {\n @include set-font-face('semi-bold');\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: $mu025 $mu050;\n background-color: $color-secondary-red-500;\n color: $color-secondary-yellow-500;\n line-height: 1.25rem;\n }\n }\n &--discount {\n &-amount {\n @include set-font-face('semi-bold');\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: $mu025 $mu050;\n background-color: $color-secondary-red-500;\n line-height: 1.25rem;\n color: #fff;\n }\n &-label {\n @include set-font-scale('02', 'm');\n display: inline-block;\n vertical-align: middle;\n margin-left: $mu050;\n color: $color-secondary-red-500;\n }\n }\n }\n .price__from {\n line-height: 1.75rem;\n &-without-offer {\n @include set-font-scale('04', 'm');\n display: inline-block;\n vertical-align: middle;\n color: $color-grey-999;\n text-decoration: line-through;\n }\n }\n .price__main {\n @include set-font-face('semi-bold');\n @include set-font-scale('09', 'm');\n &__unit {\n @include set-font-scale('05', 'm');\n }\n }\n .price__secondary {\n @include set-font-scale('02', 'm');\n color: $color-grey-900;\n }\n\n &.mc-price--discount {\n .price__main {\n color: $color-secondary-red-500;\n }\n }\n\n &.light {\n .price__flag {\n &--budget-price,\n &--best-value,\n &--high-quality {\n padding: $mu025;\n line-height: 0.75rem;\n }\n &--clearance {\n display: flex;\n &-label {\n @include set-font-scale('02', 'm');\n line-height: 0.75rem;\n }\n &-amount {\n @include set-font-scale('02', 'm');\n line-height: 0.75rem;\n padding: calc(#{$mu025} - 1px) $mu025;\n }\n }\n }\n .price__main {\n @include set-font-scale('07', 'm');\n &__unit {\n @include set-font-scale('04', 'm');\n }\n }\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span0","span1","span","create_if_block_1","a","create_if_block_5","create_if_block_6","create_if_block_7","create_if_block_4","create_if_block_3","create_if_block_2","if_block4","create_if_block","class","div2_class_value","div2","div1","div0","dirty","light","$$props","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl","$$invalidate","isDiscount","isDisplayFlag"],"mappings":"~~kPA8CkDA~~,EAAU,0BACXA,EAAiB,kJAFfA,EAAa,YAA5DC,EAGKC,EAAAC,EAAAC,GAFHC,EAA6DF,EAAAG,iBAC7DD,EAAmEF,EAAAI,6BADvBP,EAAU,gBACXA,EAAiB,6BAFfA,EAAa,wFAJdA,EAAS,0BACRA,EAAU,oJAFTA,EAAa,YAA7DC,EAGKC,EAAAC,EAAAC,GAFHC,EAA4DF,EAAAG,iBAC5DD,EAA8DF,EAAAI,6BADlBP,EAAS,eACRA,EAAU,4BAFTA,EAAa,uEAH1DA,EAAS,kCADeA,EAAI,YAA/BC,EAEMC,EAAAM,EAAAJ,6BADHJ,EAAS,gCADeA,EAAI,kGAiBYA,EAAiB,0FADvBA,EAA0B,aAA/DC,EAEKC,EAAAC,EAAAC,GADHC,EAAiEF,EAAAK,8BAAxBR,EAAiB,8BADvBA,EAA0B,wEAW3B,UAAGA,EAAa,6CAAhDC,EAAuDC,EAAAM,EAAAJ,mCAApBJ,EAAa,qEAK/CA,EAAmB,qDADqBA,EAAwB,YAAnEC,EAEMC,EAAAM,EAAAJ,4BADHJ,EAAmB,2BADqBA,EAAwB,+DAOhEA,EAAoB,IAAAS,+NASpBT,EAAwB,+EAD3BC,EAEMC,EAAAM,EAAAJ,8BADHJ,EAAwB,mEAJvBA,EAAwB,8DAFpBA,EAAoB,oCAF5BC,EAKGC,EAAAQ,EAAAN,8BADCJ,EAAwB,yBAFpBA,EAAoB,oFA1C3BA,EAAa,IAAAW,EAIC,eAATX,KAAqBY,EAKZ,yBAATZ,KAA+Ba,OAA/B,yBAOLb,EAAU,KAAAc,EAAAd,KAWNA,EAAa,IAAAe,EAAAf,KAIfA,EAAmB,IAAAgB,EAAAhB,GAOpBiB,GAAAjB,MAASA,EAAwB,KAAAkB,EAAAlB,OA3CtBmB,MAAAC,EAAA,YAAApB,MAAQmB,OAGrBnB,EAAW,4IA2BRA,EAAS,4GADgCA,EAAkB,sGA3BxCA,EAAU,aAHtCC,EA0DKC,EAAAmB,EAAAjB,+CA9BHC,EAcKgB,EAAAC,GAbHjB,EAOKiB,EAAAC,GANHlB,EAEMkB,EAAAf,yJAVLR,EAAU,mEASRA,EAAS,0BADgCA,EAAkB,IAGzDA,EAAa,4DAIfA,EAAmB,6DAOpBA,MAASA,EAAwB,wEA3CtB,OAAAwB,GAAAJ,KAAAA,EAAA,YAAApB,MAAQmB,QAAK,CAAAA,MAAAC,aAG1BpB,EAAW,kDADWA,EAAU,6YA3BzByB,MAAAA,GAAQ,GAAKC,GACbC,KAAAA,EAAkB,WAASD,aAC3BE,GAAiBF,GACjBG,mBAAAA,GAAkDH,GAClDI,cAAAA,GAA6CJ,GAC7CK,oBAAAA,GAAmDL,GACnDM,yBAAAA,GAAwDN,GACxDO,WAAAA,GAA0CP,GAC1CQ,UAAAA,GAAyCR,GACzCS,cAAAA,GAA6CT,GAC7CU,kBAAAA,GAAiDV,GACjDW,kBAAAA,GAAiDX,GACjDY,2BAAAA,GAA0DZ,GAC1Da,yBAAAA,GAAwDb,GACxDc,qBAAAA,GAAoDd,uzBAE9De,EAAA,GAAEC,EAAsB,eAATf,GAAkC,yBAATA,sBACtCgB,EACQ,iBAAThB,GACS,eAATA,GACS,iBAATA,GACS,iBAATA"}
1	+ {"version":3,"file":"Price.js","sources":["../../../../src/components/price/Price.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { PriceType } from './price.types';\n\n export let light = false;\n export let type: PriceType = 'default';\n export let mainprice: string;\n export let mainpricearialabel: string \| undefined = undefined;\n export let mainpriceunit: string \| undefined = undefined;\n export let secondarypricelabel: string \| undefined = undefined;\n export let secondarypriceariallabel: string \| undefined = undefined;\n export let flagamount: string \| undefined = undefined;\n export let flaglabel: string \| undefined = undefined;\n export let flagarialabel: string \| undefined = undefined;\n export let priceenddatelabel: string \| undefined = undefined;\n export let pricewithoutoffer: string \| undefined = undefined;\n export let pricewithoutofferarialabel: string \| undefined = undefined;\n export let refundsofferproductlabel: string \| undefined = undefined;\n export let refundsoffermediaurl: string \| undefined = undefined;\n\n $: isDiscount = type === 'destocking' \|\| type === 'commercial-operation';\n $: isDisplayFlag =\n type === 'budget-price' \|\|\n type === 'best-value' \|\|\n type === 'high-quality' \|\|\n type === 'star-product';\n</script>\n\n<div\n class=\"mc-price {$$props.class}\"\n class:light\n class:mc-price--discount={isDiscount}\n {...$$restProps}\n>\n {#if isDisplayFlag}\n <span class=\"price__flag--{type}\">\n {flaglabel}\n </span>\n {:else if type === 'destocking'}\n <div class=\"price__flag--clearance\" aria-label={flagarialabel}>\n <span class=\"price__flag--clearance-label\">{flaglabel}</span>\n <span class=\"price__flag--clearance-amount\">{flagamount}</span>\n </div>\n {:else if type === 'commercial-operation'}\n <div class=\"price__flag--discount\" aria-label={flagarialabel}>\n <span class=\"price__flag--discount-amount\">{flagamount}</span>\n <span class=\"price__flag--discount-label\">{priceenddatelabel}</span>\n </div>\n {/if}\n\n {#if isDiscount}\n <div class=\"price__from\" aria-label={pricewithoutofferarialabel}>\n <span class=\"price__from-without-offer\">{pricewithoutoffer}</span>\n </div>\n {/if}\n\n <div class=\"price\">\n <div class=\"price__main\">\n <span data-cerberus=\"ELEM_PRIX\" aria-label={mainpricearialabel}>\n {mainprice}\n </span>\n {#if mainpriceunit}\n <span class=\"price__main__unit\">/ {mainpriceunit}</span>\n {/if}\n </div>\n {#if secondarypricelabel}\n <span class=\"price__secondary\" aria-label={secondarypriceariallabel}>\n {secondarypricelabel}\n </span>\n {/if}\n </div>\n\n {#if !light && refundsofferproductlabel}\n {#if refundsoffermediaurl}\n <a\n class=\"mc-tag-link mc-tag-link__label\"\n href={refundsoffermediaurl}\n target=\"_blank\"\n >{refundsofferproductlabel}\n </a>\n {:else}\n <span class=\"mc-tag-text mc-tag-text--danger mc-tag-text__label\">\n {refundsofferproductlabel}\n </span>\n {/if}\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n\n .mc-price {\n .price__flag {\n &--budget-price,\n &--best-value,\n &--high-quality,\n &--star-product {\n @include set-font-face('semi-bold');\n @include set-font-scale('02', 'm');\n display: inline-block;\n padding: $mu050;\n margin-bottom: $mu025;\n line-height: 0.5rem;\n text-transform: uppercase;\n }\n &--budget-price {\n background-color: $color-secondary-yellow-500;\n }\n &--best-value {\n background-color: $color-primary-01-500;\n }\n &--high-quality {\n background-color: $color-secondary-blue-500;\n }\n &--star-product {\n padding: $mu025 $mu050;\n line-height: 1rem;\n color: #fff;\n text-transform: none;\n background-color: $color-secondary-red-500;\n }\n &--clearance {\n display: flex;\n &-label {\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: calc(#{$mu025} - 1px) $mu050;\n border: get-border(s) solid $color-secondary-red-500;\n line-height: 1.25rem;\n text-transform: uppercase;\n color: $color-secondary-red-500;\n }\n &-amount {\n @include set-font-face('semi-bold');\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: $mu025 $mu050;\n background-color: $color-secondary-red-500;\n color: $color-secondary-yellow-500;\n line-height: 1.25rem;\n }\n }\n &--discount {\n &-amount {\n @include set-font-face('semi-bold');\n @include set-font-scale('05', 'm');\n display: inline-block;\n vertical-align: middle;\n padding: $mu025 $mu050;\n background-color: $color-secondary-red-500;\n line-height: 1.25rem;\n color: #fff;\n }\n &-label {\n @include set-font-scale('02', 'm');\n display: inline-block;\n vertical-align: middle;\n margin-left: $mu050;\n color: $color-secondary-red-500;\n }\n }\n }\n .price__from {\n line-height: 1.75rem;\n &-without-offer {\n @include set-font-scale('04', 'm');\n display: inline-block;\n vertical-align: middle;\n color: $color-grey-999;\n text-decoration: line-through;\n }\n }\n .price__main {\n @include set-font-face('semi-bold');\n @include set-font-scale('09', 'm');\n &__unit {\n @include set-font-scale('05', 'm');\n }\n }\n .price__secondary {\n @include set-font-scale('02', 'm');\n color: $color-grey-900;\n }\n\n &.mc-price--discount {\n .price__main {\n color: $color-secondary-red-500;\n }\n }\n\n &.light {\n .price__flag {\n &--budget-price,\n &--best-value,\n &--high-quality {\n padding: $mu025;\n line-height: 0.75rem;\n }\n &--clearance {\n display: flex;\n &-label {\n @include set-font-scale('02', 'm');\n line-height: 0.75rem;\n }\n &-amount {\n @include set-font-scale('02', 'm');\n line-height: 0.75rem;\n padding: calc(#{$mu025} - 1px) $mu025;\n }\n }\n }\n .price__main {\n @include set-font-scale('07', 'm');\n &__unit {\n @include set-font-scale('04', 'm');\n }\n }\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span0","span1","span","create_if_block_1","a","create_if_block_5","create_if_block_6","create_if_block_7","create_if_block_4","create_if_block_3","create_if_block_2","if_block4","create_if_block","class","div2_class_value","div2","div1","div0","dirty","light","$$props","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl","$$invalidate","isDiscount","isDisplayFlag"],"mappings":"uPA8CkDA,EAAU,0BACXA,EAAiB,kJAFfA,EAAa,YAA5DC,EAGKC,EAAAC,EAAAC,GAFHC,EAA6DF,EAAAG,iBAC7DD,EAAmEF,EAAAI,6BADvBP,EAAU,gBACXA,EAAiB,6BAFfA,EAAa,wFAJdA,EAAS,0BACRA,EAAU,oJAFTA,EAAa,YAA7DC,EAGKC,EAAAC,EAAAC,GAFHC,EAA4DF,EAAAG,iBAC5DD,EAA8DF,EAAAI,6BADlBP,EAAS,eACRA,EAAU,4BAFTA,EAAa,uEAH1DA,EAAS,kCADeA,EAAI,YAA/BC,EAEMC,EAAAM,EAAAJ,6BADHJ,EAAS,gCADeA,EAAI,kGAiBYA,EAAiB,0FADvBA,EAA0B,aAA/DC,EAEKC,EAAAC,EAAAC,GADHC,EAAiEF,EAAAK,8BAAxBR,EAAiB,8BADvBA,EAA0B,wEAW3B,UAAGA,EAAa,6CAAhDC,EAAuDC,EAAAM,EAAAJ,mCAApBJ,EAAa,qEAK/CA,EAAmB,qDADqBA,EAAwB,YAAnEC,EAEMC,EAAAM,EAAAJ,4BADHJ,EAAmB,2BADqBA,EAAwB,+DAOhEA,EAAoB,IAAAS,+NASpBT,EAAwB,+EAD3BC,EAEMC,EAAAM,EAAAJ,8BADHJ,EAAwB,mEAJvBA,EAAwB,8DAFpBA,EAAoB,oCAF5BC,EAKGC,EAAAQ,EAAAN,8BADCJ,EAAwB,yBAFpBA,EAAoB,oFA1C3BA,EAAa,IAAAW,EAIC,eAATX,KAAqBY,EAKZ,yBAATZ,KAA+Ba,OAA/B,yBAOLb,EAAU,KAAAc,EAAAd,KAWNA,EAAa,IAAAe,EAAAf,KAIfA,EAAmB,IAAAgB,EAAAhB,GAOpBiB,GAAAjB,MAASA,EAAwB,KAAAkB,EAAAlB,OA3CtBmB,MAAAC,EAAA,YAAApB,MAAQmB,OAGrBnB,EAAW,4IA2BRA,EAAS,4GADgCA,EAAkB,sGA3BxCA,EAAU,aAHtCC,EA0DKC,EAAAmB,EAAAjB,+CA9BHC,EAcKgB,EAAAC,GAbHjB,EAOKiB,EAAAC,GANHlB,EAEMkB,EAAAf,yJAVLR,EAAU,mEASRA,EAAS,0BADgCA,EAAkB,IAGzDA,EAAa,4DAIfA,EAAmB,6DAOpBA,MAASA,EAAwB,wEA3CtB,OAAAwB,GAAAJ,KAAAA,EAAA,YAAApB,MAAQmB,QAAK,CAAAA,MAAAC,aAG1BpB,EAAW,kDADWA,EAAU,6YA3BzByB,MAAAA,GAAQ,GAAKC,GACbC,KAAAA,EAAkB,WAASD,aAC3BE,GAAiBF,GACjBG,mBAAAA,GAAkDH,GAClDI,cAAAA,GAA6CJ,GAC7CK,oBAAAA,GAAmDL,GACnDM,yBAAAA,GAAwDN,GACxDO,WAAAA,GAA0CP,GAC1CQ,UAAAA,GAAyCR,GACzCS,cAAAA,GAA6CT,GAC7CU,kBAAAA,GAAiDV,GACjDW,kBAAAA,GAAiDX,GACjDY,2BAAAA,GAA0DZ,GAC1Da,yBAAAA,GAAwDb,GACxDc,qBAAAA,GAAoDd,uzBAE9De,EAAA,GAAEC,EAAsB,eAATf,GAAkC,yBAATA,sBACtCgB,EACQ,iBAAThB,GACS,eAATA,GACS,iBAATA,GACS,iBAATA"}

package/public/bricoman/components/quantityselector/QuantitySelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as i,b as o,f as n,s as r,c as m,e as c,d as l,n as a,g as s,h as d,j as b,U as h,l as u,B as p,Y as f,ab as g,m as x,o as w,H as _,p as y,r as z,q as v}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";import{c as M}from"../../EventForward-c82e97d9.js";function I(t){let e,i,n,r,y,z,v,k,M,I,q,A,D,j,E,$=[{class:"mc-quantity-selector"},t[10]],C={};for(let t=0;t<$.length;t+=1)C=m(C,$[t]);return{c(){e=c("div"),i=c("button"),n=c("span"),n.innerHTML='<navigation-control-less-32px size="100%"></navigation-control-less-32px>',z=l(),v=c("input"),M=l(),I=c("button"),q=c("span"),q.innerHTML='<navigation-control-more-32px size="100%"></navigation-control-more-32px>',this.c=a,s(n,"class","mc-button__icon"),s(i,"aria-controls",t[1]),s(i,"class",r="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-left "+(t[5]?"mc-button--s":"")),s(i,"aria-label","Decrement"),i.disabled=y=t[0]===t[2],s(v,"id",t[1]),s(v,"placeholder",t[4]),s(v,"type","number"),s(v,"name","quantity-selector-input"),s(v,"class",k="mc-text-input mc-quantity-selector__input "+(t[5]?"mc-button--s":"")),s(v,"aria-label","QuantitySelector"),s(v,"aria-valuemin",t[2]),s(v,"aria-valuemax",t[3]),s(v,"aria-valuenow",t[0]),s(v,"spellcheck","false"),s(q,"class","mc-button__icon"),s(I,"aria-controls",t[1]),s(I,"class",A="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-right "+(t[5]?"mc-button--s":"")),s(I,"aria-label","Increment"),I.disabled=D=t[0]===t[3],d(e,C)},m(r,m){o(r,e,m),b(e,i),b(i,n),b(e,z),b(e,v),h(v,t[0]),b(e,M),b(e,I),b(I,q),j||(E=[u(i,"click",t[11]),p(t[6].call(null,v)),u(v,"input",t[12]),u(v,"input",f(t[7])),u(I,"click",t[13])],j=!0)},p(t,[o]){2&o&&s(i,"aria-controls",t[1]),32&o&&r!==(r="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-left "+(t[5]?"mc-button--s":""))&&s(i,"class",r),5&o&&y!==(y=t[0]===t[2])&&(i.disabled=y),2&o&&s(v,"id",t[1]),16&o&&s(v,"placeholder",t[4]),32&o&&k!==(k="mc-text-input mc-quantity-selector__input "+(t[5]?"mc-button--s":""))&&s(v,"class",k),4&o&&s(v,"aria-valuemin",t[2]),8&o&&s(v,"aria-valuemax",t[3]),1&o&&s(v,"aria-valuenow",t[0]),1&o&&g(v.value)!==t[0]&&h(v,t[0]),2&o&&s(I,"aria-controls",t[1]),32&o&&A!==(A="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-right "+(t[5]?"mc-button--s":""))&&s(I,"class",A),9&o&&D!==(D=t[0]===t[3])&&(I.disabled=D),d(e,C=x($,[{class:"mc-quantity-selector"},1024&o&&t[10]]))},i:a,o:a,d(t){t&&w(e),j=!1,_(E)}}}function q(t,e,i){const o=["id","quantity","valuemin","valuemax","placeholder","small"];let n=y(e,o),{id:r}=e,{quantity:c=1}=e,{valuemin:l=1}=e,{valuemax:a=100}=e,{placeholder:s}=e,{small:d=!1}=e,b=new k;const h=M(z());function u(){c>l&&i(0,c--,c),b.dispatch("decrement",c)}function p(){c<a&&i(0,c++,c),b.dispatch("increment",c)}return t.$$set=t=>{e=m(m({},e),v(t)),i(10,n=y(e,o)),"id"in t&&i(1,r=t.id),"quantity"in t&&i(0,c=t.quantity),"valuemin"in t&&i(2,l=t.valuemin),"valuemax"in t&&i(3,a=t.valuemax),"placeholder"in t&&i(4,s=t.placeholder),"small"in t&&i(5,d=t.small)},[c,r,l,a,s,d,h,function(){c>a&&i(0,c=a),c<l&&i(0,c=l),b.dispatch("input",c)},u,p,n,()=>u(),function(){c=g(this.value),i(0,c)},()=>p()]}class A extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-text-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;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-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-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-quantity-selector{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mc-quantity-selector__button-right,.mc-quantity-selector__button-left{position:relative;z-index:1}.mc-quantity-selector__button-right::after,.mc-quantity-selector__button-left::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-quantity-selector__button-right:focus,.mc-quantity-selector__button-left:focus{-webkit-box-shadow:none;box-shadow:none;z-index:1}.mc-quantity-selector__button-right:focus::after,.mc-quantity-selector__button-left:focus::after{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-quantity-selector__button-right{border-radius:0 0.25rem 0.25rem 0;margin-left:-1px}.mc-quantity-selector__button-right:focus::after{border-radius:0.25rem 0.375rem 0.375rem 0.25rem}.mc-quantity-selector__button-left{border-radius:0.25rem 0 0 0.25rem;margin-right:-1px}.mc-quantity-selector__button-left:focus::after{border-radius:0.375rem 0.25rem 0.25rem 0.375rem}.mc-quantity-selector__input::-webkit-input-placeholder{text-align:center}.mc-quantity-selector__input::-moz-placeholder{text-align:center}.mc-quantity-selector__input:-ms-input-placeholder{text-align:center}.mc-quantity-selector__input::-ms-input-placeholder{text-align:center}.mc-quantity-selector__input,.mc-quantity-selector__input::placeholder{text-align:center}.mc-quantity-selector__input:focus{-webkit-box-shadow:none;box-shadow:none;position:relative;z-index:1}.mc-quantity-selector__input:focus~.mc-quantity-selector__button-right{position:static}.mc-quantity-selector__input:focus~.mc-quantity-selector__button-right::after{-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;border-radius:0.125rem;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc;top:-2px;right:46px;bottom:-2px;left:46px}',this.shadowRoot.appendChild(m),e(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},q,I,r,{id:1,quantity:0,valuemin:2,valuemax:3,placeholder:4,small:5},null),t&&(t.target&&o(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["id","quantity","valuemin","valuemax","placeholder","small"]}get id(){return this.$$.ctx[1]}set id(t){this.$$set({id:t}),n()}get quantity(){return this.$$.ctx[0]}set quantity(t){this.$$set({quantity:t}),n()}get valuemin(){return this.$$.ctx[2]}set valuemin(t){this.$$set({valuemin:t}),n()}get valuemax(){return this.$$.ctx[3]}set valuemax(t){this.$$set({valuemax:t}),n()}get placeholder(){return this.$$.ctx[4]}set placeholder(t){this.$$set({placeholder:t}),n()}get small(){return this.$$.ctx[5]}set small(t){this.$$set({small:t}),n()}}export{A as default};
+import{S as t,i as e,a as i,b as o,f as n,s as m,c as r,e as c,d as l,n as a,g as d,h as s,j as h,U as u,l as b,B as p,Y as f,ab as g,m as x,o as w,H as _,p as y,r as z,q as v}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";import{c as M}from"../../EventForward-c82e97d9.js";function I(t){let e,i,n,m,y,z,v,k,M,I,A,D,q,j,E,$=[{class:"mc-quantity-selector"},t[10]],C={};for(let t=0;t<$.length;t+=1)C=r(C,$[t]);return{c(){e=c("div"),i=c("button"),n=c("span"),n.innerHTML='<navigation-control-less-32px size="100%"></navigation-control-less-32px>',z=l(),v=c("input"),M=l(),I=c("button"),A=c("span"),A.innerHTML='<navigation-control-more-32px size="100%"></navigation-control-more-32px>',this.c=a,d(n,"class","mc-button__icon"),d(i,"aria-controls",t[1]),d(i,"class",m="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-left "+(t[5]?"mc-button--s":"")),d(i,"aria-label","Decrement"),i.disabled=y=t[0]===t[2],d(v,"id",t[1]),d(v,"placeholder",t[4]),d(v,"type","number"),d(v,"name","quantity-selector-input"),d(v,"class",k="mc-text-input mc-quantity-selector__input "+(t[5]?"mc-button--s":"")),d(v,"aria-label","QuantitySelector"),d(v,"aria-valuemin",t[2]),d(v,"aria-valuemax",t[3]),d(v,"aria-valuenow",t[0]),d(v,"spellcheck","false"),d(A,"class","mc-button__icon"),d(I,"aria-controls",t[1]),d(I,"class",D="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-right "+(t[5]?"mc-button--s":"")),d(I,"aria-label","Increment"),I.disabled=q=t[0]===t[3],s(e,C)},m(m,r){o(m,e,r),h(e,i),h(i,n),h(e,z),h(e,v),u(v,t[0]),h(e,M),h(e,I),h(I,A),j||(E=[b(i,"click",t[11]),p(t[6].call(null,v)),b(v,"input",t[12]),b(v,"input",f(t[7])),b(I,"click",t[13])],j=!0)},p(t,[o]){2&o&&d(i,"aria-controls",t[1]),32&o&&m!==(m="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-left "+(t[5]?"mc-button--s":""))&&d(i,"class",m),5&o&&y!==(y=t[0]===t[2])&&(i.disabled=y),2&o&&d(v,"id",t[1]),16&o&&d(v,"placeholder",t[4]),32&o&&k!==(k="mc-text-input mc-quantity-selector__input "+(t[5]?"mc-button--s":""))&&d(v,"class",k),4&o&&d(v,"aria-valuemin",t[2]),8&o&&d(v,"aria-valuemax",t[3]),1&o&&d(v,"aria-valuenow",t[0]),1&o&&g(v.value)!==t[0]&&u(v,t[0]),2&o&&d(I,"aria-controls",t[1]),32&o&&D!==(D="mc-button mc-button--square mc-button--bordered mc-quantity-selector__button-right "+(t[5]?"mc-button--s":""))&&d(I,"class",D),9&o&&q!==(q=t[0]===t[3])&&(I.disabled=q),s(e,C=x($,[{class:"mc-quantity-selector"},1024&o&&t[10]]))},i:a,o:a,d(t){t&&w(e),j=!1,_(E)}}}function A(t,e,i){const o=["id","quantity","valuemin","valuemax","placeholder","small"];let n=y(e,o),{id:m}=e,{quantity:c=1}=e,{valuemin:l=1}=e,{valuemax:a=100}=e,{placeholder:d}=e,{small:s=!1}=e,h=new k;const u=M(z());function b(){c>l&&i(0,c--,c),h.dispatch("decrement",c)}function p(){c<a&&i(0,c++,c),h.dispatch("increment",c)}return t.$$set=t=>{e=r(r({},e),v(t)),i(10,n=y(e,o)),"id"in t&&i(1,m=t.id),"quantity"in t&&i(0,c=t.quantity),"valuemin"in t&&i(2,l=t.valuemin),"valuemax"in t&&i(3,a=t.valuemax),"placeholder"in t&&i(4,d=t.placeholder),"small"in t&&i(5,s=t.small)},[c,m,l,a,d,s,u,function(){c>a&&i(0,c=a),c<l&&i(0,c=l),h.dispatch("input",c)},b,p,n,()=>b(),function(){c=g(this.value),i(0,c)},()=>p()]}class D extends t{constructor(t){super();const r=document.createElement("style");r.textContent='.mc-text-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;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-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-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-quantity-selector{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mc-quantity-selector__button-right,.mc-quantity-selector__button-left{z-index:1}.mc-quantity-selector__button-right{border-radius:0 0.25rem 0.25rem 0}.mc-quantity-selector__button-left{border-radius:0.25rem 0 0 0.25rem}.mc-quantity-selector__input{border-radius:0}.mc-quantity-selector__input::-webkit-input-placeholder{text-align:center}.mc-quantity-selector__input::-moz-placeholder{text-align:center}.mc-quantity-selector__input:-ms-input-placeholder{text-align:center}.mc-quantity-selector__input::-ms-input-placeholder{text-align:center}.mc-quantity-selector__input,.mc-quantity-selector__input::placeholder{text-align:center}.mc-quantity-selector__input:not(:focus){border-left:none;border-right:none}.mc-quantity-selector__input:focus{z-index:2}',this.shadowRoot.appendChild(r),e(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,I,m,{id:1,quantity:0,valuemin:2,valuemax:3,placeholder:4,small:5},null),t&&(t.target&&o(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["id","quantity","valuemin","valuemax","placeholder","small"]}get id(){return this.$$.ctx[1]}set id(t){this.$$set({id:t}),n()}get quantity(){return this.$$.ctx[0]}set quantity(t){this.$$set({quantity:t}),n()}get valuemin(){return this.$$.ctx[2]}set valuemin(t){this.$$set({valuemin:t}),n()}get valuemax(){return this.$$.ctx[3]}set valuemax(t){this.$$set({valuemax:t}),n()}get placeholder(){return this.$$.ctx[4]}set placeholder(t){this.$$set({placeholder:t}),n()}get small(){return this.$$.ctx[5]}set small(t){this.$$set({small:t}),n()}}export{D as default};
 //# sourceMappingURL=QuantitySelector.js.map

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

@@ -1,2 +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 m,j as b,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,ac as v,ad as E,q as L,M as k,J as T,ae as j,T as I}from"../../index-17a01ab4.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-316af043.js";import{i as O,s as B,t as C,u as M,a as F,b as H}from"../../sidebar-service-f8a96839.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),b(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),b(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 m=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);b(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)m(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":"")),m(t,W)},m(r,o){i(r,t,o),b(t,s),b(s,a),b(a,n),q.m(n,null),b(s,v),u(E,s,null),b(s,L),u(T,s,null),b(s,j),u(I,s,null),b(s,z),D&&D.m(s,null),b(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})),$()),m(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:m}=t,{open:b}=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,m=e.data),"open"in e&&s(6,b=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=m)&&p===a||(p=a,M(a)),typeof c==typeof t&&c===t||(c=t,F(t))),64&e.$$.dirty&&(typeof $==typeof(n=b)&&$===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,m,b,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};
+import{S as e,i as t,a as s,b as i,f as a,s as r,c as n,e as o,d as l,x as d,n as c,g as m,h as b,j as u,A as g,l as p,C as f,D as h,E as _,m as $,o as x,G as w,p as y,ac as v,ad as E,q as L,M as k,J as j,ae as T,T as I}from"../../index-17a01ab4.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-316af043.js";import{i as O,s as B,t as C,u as M,a as F,b as H}from"../../sidebar-service-51f0ac60.js";import"./sidebar-feature-group.nested.js";import"./sidebar-feature.nested.js";import"./sidebar-sub-features.nested.js";const{Boolean:J}=T;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"),m(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"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function N(e){let t,s;return{c(){t=I("svg"),s=I("path"),m(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"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function K(e){let t,s,a=e[4]?.UTILITIES,r=[];for(let t=0;t<a.length;t+=1)r[t]=Q(q(e,a,t));const n=e=>h(r[e],1,1,(()=>{r[e]=null}));return{c(){t=o("div");for(let e=0;e<r.length;e+=1)r[e].c();m(t,"class","mc-sidebar__utilities")},m(e,a){i(e,t,a);for(let e=0;e<r.length;e+=1)r[e]&&r[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 n=q(e,a,i);r[i]?(r[i].p(n,s),f(r[i],1)):(r[i]=Q(n),r[i].c(),f(r[i],1),r[i].m(t,null))}for(k(),i=a.length;i<r.length;i+=1)n(i);_()}},i(e){if(!s){for(let e=0;e<a.length;e+=1)f(r[e]);s=!0}},o(e){r=r.filter(J);for(let e=0;e<r.length;e+=1)h(r[e]);s=!1},d(e){e&&x(t),j(r,e)}}}function P(e){let t,s,a;return s=new S({props:{data:e[21]}}),{c(){t=o("li"),d(s.$$.fragment),m(t,"class","mc-sidebar__utilities__item")},m(e,r){i(e,t,r),g(s,t,null),a=!0},p(e,t){const i={};16&t&&(i.data=e[21]),s.$set(i)},i(e){a||(f(s.$$.fragment,e),a=!0)},o(e){h(s.$$.fragment,e),a=!1},d(e){e&&x(t),w(s)}}}function Q(e){let t,s,a,r,n;t=new R({});let c=e[18],m=[];for(let t=0;t<c.length;t+=1)m[t]=P(D(e,c,t));const b=e=>h(m[e],1,1,(()=>{m[e]=null}));return{c(){d(t.$$.fragment),s=l(),a=o("ul");for(let e=0;e<m.length;e+=1)m[e].c();r=l()},m(e,o){g(t,e,o),i(e,s,o),i(e,a,o);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(a,null);u(a,r),n=!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);m[s]?(m[s].p(i,t),f(m[s],1)):(m[s]=P(i),m[s].c(),f(m[s],1),m[s].m(a,r))}for(k(),s=c.length;s<m.length;s+=1)b(s);_()}},i(e){if(!n){f(t.$$.fragment,e);for(let e=0;e<c.length;e+=1)f(m[e]);n=!0}},o(e){h(t.$$.fragment,e),m=m.filter(J);for(let e=0;e<m.length;e+=1)h(m[e]);n=!1},d(e){w(t,e),e&&x(s),e&&x(a),j(m,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){g(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||(f(t.$$.fragment,e),s=!0)},o(e){h(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function W(e){let t,s,a,r,y,v,E,L,j,T,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}}),j=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=n(W,Q[e]);return{c(){t=o("nav"),s=o("div"),a=o("button"),r=o("span"),q.c(),v=l(),d(E.$$.fragment),L=l(),d(j.$$.fragment),T=l(),d(I.$$.fragment),z=l(),D&&D.c(),O=l(),P&&P.c(),this.c=c,m(r,"class","mc-sidebar__trigger__container"),m(a,"id","mc-sidebar__trigger"),m(a,"class","mc-sidebar__trigger"),m(a,"aria-label",y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"),m(s,"class",A="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")),b(t,W)},m(n,o){i(n,t,o),u(t,s),u(s,a),u(a,r),q.m(r,null),u(s,v),g(E,s,null),u(s,L),g(j,s,null),u(s,T),g(I,s,null),u(s,z),D&&D.m(s,null),u(t,O),P&&P.m(t,null),C=!0,M||(F=p(a,"click",e[9]),M=!0)},p(e,[i]){J!==(J=H(e))&&(q.d(1),q=J(e),q&&(q.c(),q.m(r,null))),(!C||9&i&&y!==(y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"))&&m(a,"aria-label",y);const n={};16&i&&(n.data=e[4]?.HOME),E.$set(n);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&&f(D,1)):(D=K(e),D.c(),f(D,1),D.m(s,null)):D&&(k(),h(D,1,1,(()=>{D=null})),_()),(!C||4&i&&A!==(A="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")))&&m(s,"class",A),e[2]?P?(P.p(e,i),4&i&&f(P,1)):(P=V(e),P.c(),f(P,1),P.m(t,null)):P&&(k(),h(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||(f(E.$$.fragment,e),f(j.$$.fragment,e),f(I.$$.fragment,e),f(D),f(P),C=!0)},o(e){h(E.$$.fragment,e),h(j.$$.fragment,e),h(I.$$.fragment,e),h(D),h(P),C=!1},d(e){e&&x(t),q.d(),w(E),w(j),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 r,o,l=y(t,a);v(e,O,(e=>s(3,r=e))),v(e,H,(e=>s(4,o=e)));let d,c,m,{data:b}=t,{open:u}=t,{code:g}=t,{user:p}=t,{a11yLabels:f}=t,h=new A,_=!1;const $=[];$.push(O.subscribe((e=>{h.dispatch("on-toggle",e)}))),$.push(B.subscribe((e=>{var t,s,i,a,r;e&&(C(!1),h.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===(r=e.lv0)||void 0===r?void 0:r.code))}))),E((()=>{for(const e of $)e()}));return e.$$set=e=>{t=n(n({},t),L(e)),s(17,l=y(t,a)),"data"in e&&s(5,b=e.data),"open"in e&&s(6,u=e.open),"code"in e&&s(7,g=e.code),"user"in e&&s(8,p=e.user),"a11yLabels"in e&&s(0,f=e.a11yLabels)},e.$$.update=()=>{var t,a,r;160&e.$$.dirty&&(t=g,typeof m==typeof(a=b)&&m===a||(m=a,M(a)),typeof c==typeof t&&c===t||(c=t,F(t))),64&e.$$.dirty&&(typeof _==typeof(r=u)&&_===r||(_=Boolean(r),C(Boolean(r)))),256&e.$$.dirty&&s(2,d="string"==typeof p?JSON.parse(p):p),s(1,i=Object.assign({},l)),2&e.$$.dirty&&delete i.class},[f,i,d,r,o,b,u,g,p,()=>C()]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.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:#191919;width:320px;background:#ffe1d1;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;margin:28px 0;min-height:38px;width:100%;font-size:inherit;font-family:inherit}.mc-sidebar__trigger-icon{fill:#191919}.mc-sidebar__trigger__container{height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-sidebar__trigger__container>*{width:24px;height:24px}.mc-sidebar__trigger:hover .mc-sidebar__trigger__container{background:#ff7933}.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-open .mc-sidebar__trigger__container{-o-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:266px;width:38px;border-radius:4px}.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.is-close .mc-sidebar__trigger__container{-o-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:0px;width:64px;border-radius:0px}.mc-sidebar ul{list-style-type:none;margin:0;padding:0}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},X,W,r,{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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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\n class=\"mc-sidebar__trigger-icon\"\n width=\"24px\"\n height=\"24px\"\n 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\n class=\"mc-sidebar__trigger-icon\"\n width=\"24px\"\n height=\"24px\"\n 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 '@mozaic-ds/styles/settings-tools/_all-settings';\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: $color-sidebar-icon;\n width: 320px;\n background: $color-sidebar-background;\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 margin: 28px 0;\n min-height: 38px;\n width: 100%;\n font-size: inherit;\n font-family: inherit;\n\n &-icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n height: 38px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > * {\n width: 24px;\n height: 24px;\n }\n }\n\n &:hover &__container {\n background: $color-sidebar-feature-hover-background;\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 .mc-sidebar__trigger__container {\n @include transition(\n width 300ms ease-in-out,\n margin-left 300ms ease-in-out,\n border-radius 300ms ease-in-out\n );\n margin-left: 266px;\n width: 38px;\n border-radius: 4px;\n }\n }\n\n &.is-close {\n @include transition(width 300ms ease-in-out);\n\n width: 64px;\n padding: 0;\n\n .mc-sidebar__trigger__container {\n @include transition(\n width 300ms ease-in-out,\n margin-left 300ms ease-in-out,\n border-radius 300ms ease-in-out\n );\n margin-left: 0px;\n width: 64px;\n border-radius: 0px;\n }\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":"uqCAgHUA,EAQAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,6YAjBJL,EAQAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,yCAoBCC,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,+MA5CTT,EAAc,GAAAY,+BAuBRC,MAAA,CAAAL,KAAAR,MAAUc,oCAEVN,KAAAR,MAAUe,4BACpB,IAAAC,EAAAhB,MAAUC,WAASgB,EAAAjB,KAerBA,EAAU,IAAAkB,EAAAlB,8BAxDIA,EAAc,GAAG,UAAY,8BACjCA,EAAc,8CAEzBA,EAAU,kWAMEA,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,4DANGA,EAAU,GAAG,mBAAqB,oBANvEP,EAgEKC,EAAAyB,EAAAvB,GA1DHC,EAkDKsB,EAAAf,GAjDHP,EA+BQO,EAAAgB,GAvBNvB,EAsBMuB,EAAAC,uOA3BMrB,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,qDA2Bf,GAAAU,IAAAY,EAAAd,KAAAR,MAAUc,2BAEV,GAAAJ,IAAAa,EAAAf,KAAAR,MAAUe,6CACpBf,MAAUC,sJApCkBD,EAAU,GAAG,mBAAqB,sBAmDhEA,EAAU,8IAxDIA,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"}