@mozaic-ds/web-components 0.28.1 → 1.0.0-alpha.0

package/public/components/price/Price.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as i,b as a,f as o,s as r,c as s,e as n,d as l,v as m,n as b,h as d,j as c,t as p,k as f,y as h,l as w,m as g,o as x,u,T as k}from"../../index-c222d0b7.js";function y(e){let t,i,o,r,s,b;return{c(){t=n("div"),i=n("span"),o=m(e[7]),r=l(),s=n("span"),b=m(e[10]),d(i,"class","price__flag--discount-amount"),d(s,"class","price__flag--discount-label"),d(t,"class","price__flag--discount"),d(t,"aria-label",e[9])},m(e,n){a(e,t,n),f(t,i),f(i,o),f(t,r),f(t,s),f(s,b)},p(e,i){128&i&&h(o,e[7]),1024&i&&h(b,e[10]),512&i&&d(t,"aria-label",e[9])},d(e){e&&g(t)}}}function v(e){let t,i,o,r,s,b;return{c(){t=n("div"),i=n("span"),o=m(e[8]),r=l(),s=n("span"),b=m(e[7]),d(i,"class","price__flag--clearance-label"),d(s,"class","price__flag--clearance-amount"),d(t,"class","price__flag--clearance"),d(t,"aria-label",e[9])},m(e,n){a(e,t,n),f(t,i),f(i,o),f(t,r),f(t,s),f(s,b)},p(e,i){256&i&&h(o,e[8]),128&i&&h(b,e[7]),512&i&&d(t,"aria-label",e[9])},d(e){e&&g(t)}}}function _(e){let t,i,o;return{c(){t=n("span"),i=m(e[8]),d(t,"class",o="price__flag--"+e[1])},m(e,o){a(e,t,o),f(t,i)},p(e,a){256&a&&h(i,e[8]),2&a&&o!==(o="price__flag--"+e[1])&&d(t,"class",o)},d(e){e&&g(t)}}}function z(e){let t,i,o;return{c(){t=n("div"),i=n("span"),o=m(e[11]),d(i,"class","price__from-without-offer"),d(t,"class","price__from"),d(t,"aria-label",e[12])},m(e,r){a(e,t,r),f(t,i),f(i,o)},p(e,i){2048&i&&h(o,e[11]),4096&i&&d(t,"aria-label",e[12])},d(e){e&&g(t)}}}function $(e){let t,i,o;return{c(){t=n("span"),i=m("/ "),o=m(e[4]),d(t,"class","price__main__unit")},m(e,r){a(e,t,r),f(t,i),f(t,o)},p(e,t){16&t&&h(o,e[4])},d(e){e&&g(t)}}}function L(e){let t,i;return{c(){t=n("span"),i=m(e[5]),d(t,"class","price__secondary"),d(t,"aria-label",e[6])},m(e,o){a(e,t,o),f(t,i)},p(e,a){32&a&&h(i,e[5]),64&a&&d(t,"aria-label",e[6])},d(e){e&&g(t)}}}function M(e){let t;function i(e,t){return e[14]?C:E}let o=i(e),r=o(e);return{c(){r.c(),t=k()},m(e,i){r.m(e,i),a(e,t,i)},p(e,a){o===(o=i(e))&&r?r.p(e,a):(r.d(1),r=o(e),r&&(r.c(),r.m(t.parentNode,t)))},d(e){r.d(e),e&&g(t)}}}function E(e){let t,i;return{c(){t=n("span"),i=m(e[13]),d(t,"class","mc-tag-text mc-tag-text--danger mc-tag-text__label")},m(e,o){a(e,t,o),f(t,i)},p(e,t){8192&t&&h(i,e[13])},d(e){e&&g(t)}}}function C(e){let t,i;return{c(){t=n("a"),i=m(e[13]),d(t,"class","mc-tag-link mc-tag-link__label"),d(t,"href",e[14]),d(t,"target","_blank")},m(e,o){a(e,t,o),f(t,i)},p(e,a){8192&a&&h(i,e[13]),16384&a&&d(t,"href",e[14])},d(e){e&&g(t)}}}function A(e){let t,i,o,r,x,u,k,E,C,A,B;function q(e,t){return e[15]?_:"destocking"===e[1]?v:"commercial-operation"===e[1]?y:void 0}let R=q(e),j=R&&R(e),I=e[16]&&z(e),N=e[4]&&$(e),P=e[5]&&L(e),S=!e[0]&&e[13]&&M(e),T=[{class:B="mc-price "+e[17].class},e[18]],X={};for(let e=0;e<T.length;e+=1)X=s(X,T[e]);return{c(){t=n("div"),j&&j.c(),i=l(),I&&I.c(),o=l(),r=n("div"),x=n("div"),u=n("span"),k=m(e[2]),E=l(),N&&N.c(),C=l(),P&&P.c(),A=l(),S&&S.c(),this.c=b,d(u,"data-cerberus","ELEM_PRIX"),d(u,"aria-label",e[3]),d(x,"class","price__main"),d(r,"class","price"),c(t,X),p(t,"light",e[0]),p(t,"mc-price--discount",e[16])},m(e,s){a(e,t,s),j&&j.m(t,null),f(t,i),I&&I.m(t,null),f(t,o),f(t,r),f(r,x),f(x,u),f(u,k),f(x,E),N&&N.m(x,null),f(r,C),P&&P.m(r,null),f(t,A),S&&S.m(t,null)},p(e,[a]){R===(R=q(e))&&j?j.p(e,a):(j&&j.d(1),j=R&&R(e),j&&(j.c(),j.m(t,i))),e[16]?I?I.p(e,a):(I=z(e),I.c(),I.m(t,o)):I&&(I.d(1),I=null),4&a&&h(k,e[2]),8&a&&d(u,"aria-label",e[3]),e[4]?N?N.p(e,a):(N=$(e),N.c(),N.m(x,null)):N&&(N.d(1),N=null),e[5]?P?P.p(e,a):(P=L(e),P.c(),P.m(r,null)):P&&(P.d(1),P=null),!e[0]&&e[13]?S?S.p(e,a):(S=M(e),S.c(),S.m(t,null)):S&&(S.d(1),S=null),c(t,X=w(T,[131072&a&&B!==(B="mc-price "+e[17].class)&&{class:B},262144&a&&e[18]])),p(t,"light",e[0]),p(t,"mc-price--discount",e[16])},i:b,o:b,d(e){e&&g(t),j&&j.d(),I&&I.d(),N&&N.d(),P&&P.d(),S&&S.d()}}}function B(e,t,i){let a,o;const r=["light","type","mainprice","mainpricearialabel","mainpriceunit","secondarypricelabel","secondarypriceariallabel","flagamount","flaglabel","flagarialabel","priceenddatelabel","pricewithoutoffer","pricewithoutofferarialabel","refundsofferproductlabel","refundsoffermediaurl"];let n=x(t,r),{light:l=!1}=t,{type:m="default"}=t,{mainprice:b}=t,{mainpricearialabel:d}=t,{mainpriceunit:c}=t,{secondarypricelabel:p}=t,{secondarypriceariallabel:f}=t,{flagamount:h}=t,{flaglabel:w}=t,{flagarialabel:g}=t,{priceenddatelabel:k}=t,{pricewithoutoffer:y}=t,{pricewithoutofferarialabel:v}=t,{refundsofferproductlabel:_}=t,{refundsoffermediaurl:z}=t;return e.$$set=e=>{i(17,t=s(s({},t),u(e))),i(18,n=x(t,r)),"light"in e&&i(0,l=e.light),"type"in e&&i(1,m=e.type),"mainprice"in e&&i(2,b=e.mainprice),"mainpricearialabel"in e&&i(3,d=e.mainpricearialabel),"mainpriceunit"in e&&i(4,c=e.mainpriceunit),"secondarypricelabel"in e&&i(5,p=e.secondarypricelabel),"secondarypriceariallabel"in e&&i(6,f=e.secondarypriceariallabel),"flagamount"in e&&i(7,h=e.flagamount),"flaglabel"in e&&i(8,w=e.flaglabel),"flagarialabel"in e&&i(9,g=e.flagarialabel),"priceenddatelabel"in e&&i(10,k=e.priceenddatelabel),"pricewithoutoffer"in e&&i(11,y=e.pricewithoutoffer),"pricewithoutofferarialabel"in e&&i(12,v=e.pricewithoutofferarialabel),"refundsofferproductlabel"in e&&i(13,_=e.refundsofferproductlabel),"refundsoffermediaurl"in e&&i(14,z=e.refundsoffermediaurl)},e.$$.update=()=>{2&e.$$.dirty&&i(16,a="destocking"===m||"commercial-operation"===m),2&e.$$.dirty&&i(15,o="budget-price"===m||"best-value"===m||"high-quality"===m||"star-product"===m)},t=u(t),[l,m,b,d,c,p,f,h,w,g,k,y,v,_,z,o,a,t,n]}class q 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;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;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;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;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;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;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:#9ed05f}.mc-tag-selectable__pill:active{background:#035010;-webkit-box-shadow:inset 0 0 0 1px #035010;box-shadow:inset 0 0 0 1px #035010;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:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;-webkit-box-shadow:inset 0 0 0 1px #c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;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;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;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;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;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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}.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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23191919\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");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;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;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;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;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;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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@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;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;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;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;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;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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@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;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;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;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;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;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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@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;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;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;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;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;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;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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}.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:#46a610}.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),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},B,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{q as default};
-//# sourceMappingURL=Price.js.map

package/public/components/price/Price.js.map

@@ -1 +0,0 @@
-{"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/components/progressbar/ProgressBar.js

@@ -1,2 +0,0 @@
-import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,n as c,h as l,M as p,j as m,k as d,l as g,m as u,o as b,u as x,v as h,y as v}from"../../index-c222d0b7.js";function f(e){let r,s,t,i=(e[0]??0)+"";return{c(){r=o("div"),s=h(i),t=h("%"),l(r,"class","mc-progressbar__percentage")},m(e,i){a(e,r,i),d(r,s),d(r,t)},p(e,r){1&r&&i!==(i=(e[0]??0)+"")&&v(s,i)},d(e){e&&u(r)}}}function $(e){let r,s,t,i=e[3]&&f(e),b=[{class:t=e[5](e[3])+" "+e[6].class},e[7]],x={};for(let e=0;e<b.length;e+=1)x=n(x,b[e]);return{c(){r=o("div"),s=o("div"),i&&i.c(),this.c=c,l(s,"class","mc-progressbar__indicator"),l(s,"role","progressbar"),l(s,"aria-valuenow",e[0]),l(s,"aria-valuemin",e[1]),l(s,"aria-valuemax",e[2]),p(s,"width",e[4]+"%"),m(r,x)},m(e,t){a(e,r,t),d(r,s),i&&i.m(s,null)},p(e,[a]){e[3]?i?i.p(e,a):(i=f(e),i.c(),i.m(s,null)):i&&(i.d(1),i=null),1&a&&l(s,"aria-valuenow",e[0]),2&a&&l(s,"aria-valuemin",e[1]),4&a&&l(s,"aria-valuemax",e[2]),16&a&&p(s,"width",e[4]+"%"),m(r,x=g(b,[72&a&&t!==(t=e[5](e[3])+" "+e[6].class)&&{class:t},128&a&&e[7]]))},i:c,o:c,d(e){e&&u(r),i&&i.d()}}}function w(e,r,s){let a;const t=["value","valuemin","valuemax","displaypercentage","size"];let i=b(r,t),{value:o}=r,{valuemin:c=0}=r,{valuemax:l=100}=r,{displaypercentage:p}=r,{size:m="m"}=r;return e.$$set=e=>{s(6,r=n(n({},r),x(e))),s(7,i=b(r,t)),"value"in e&&s(0,o=e.value),"valuemin"in e&&s(1,c=e.valuemin),"valuemax"in e&&s(2,l=e.valuemax),"displaypercentage"in e&&s(3,p=e.displaypercentage),"size"in e&&s(8,m=e.size)},e.$$.update=()=>{5&e.$$.dirty&&s(4,a=o>=l?l:o)},r=x(r),[o,c,l,p,a,function(e){const r=["mc-progressbar"];return e&&r.push("mc-progressbar--percent"),"s"===m?r.push("mc-progressbar--s"):"xs"===m&&r.push("mc-progressbar--xs"),r.join(" ")},r,i,m]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-progressbar{font-family:"LeroyMerlin", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cfd2d8;display:-webkit-box;display:-ms-flexbox;display:flex;height:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#494f60;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;left:0;min-width:2.3125rem;padding:0.125rem;position:absolute;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{-webkit-transition:none;transition:none}.mc-progressbar__percentage{font-size:0.75rem;line-height:1.3333333333;font-weight:600;background-color:#ffffff;border-radius:1rem;color:#494f60;padding:0.125rem 0.5rem}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{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-progressbar--xs{height:0.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:0.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}.mc-progressbar__percentage{min-width:2.0625rem}',this.shadowRoot.appendChild(n),r(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},w,$,i,{value:0,valuemin:1,valuemax:2,displaypercentage:3,size:8},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["value","valuemin","valuemax","displaypercentage","size"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),t()}get valuemin(){return this.$$.ctx[1]}set valuemin(e){this.$$set({valuemin:e}),t()}get valuemax(){return this.$$.ctx[2]}set valuemax(e){this.$$set({valuemax:e}),t()}get displaypercentage(){return this.$$.ctx[3]}set displaypercentage(e){this.$$set({displaypercentage:e}),t()}get size(){return this.$$.ctx[8]}set size(e){this.$$set({size:e}),t()}}export{y as default};
-//# sourceMappingURL=ProgressBar.js.map

package/public/components/progressbar/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progressbar/ProgressBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ProgressBarSize } from './progressbar.types';\n\n  export let value: number;\n  export let valuemin = 0;\n  export let valuemax = 100;\n  export let displaypercentage: boolean;\n  export let size: ProgressBarSize = 'm';\n\n  $: getWidth = value >= valuemax ? valuemax : value;\n\n  function getClasses(displaypercentage: boolean): string {\n    const classes = ['mc-progressbar'];\n\n    if (displaypercentage) {\n      classes.push('mc-progressbar--percent');\n    }\n\n    if (size === 's') {\n      classes.push('mc-progressbar--s');\n    } else if (size === 'xs') {\n      classes.push('mc-progressbar--xs');\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class=\"{getClasses(displaypercentage)} {$$props.class}\" {...$$restProps}>\n  <div\n    class=\"mc-progressbar__indicator\"\n    role=\"progressbar\"\n    aria-valuenow={value}\n    aria-valuemin={valuemin}\n    aria-valuemax={valuemax}\n    style=\"width: {getWidth}%\"\n  >\n    {#if displaypercentage}\n      <div class=\"mc-progressbar__percentage\">{value ?? 0}%</div>\n    {/if}\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.progressbar';\n\n  .mc-progressbar__percentage {\n    min-width: px-to-rem(33);\n  }\n</style>\n"],"names":["t0_value","ctx","insert","target","div","anchor","dirty","set_data","t0","create_if_block","class","div1_class_value","div1","append","div0","value","$$props","valuemin","valuemax","displaypercentage","size","$$invalidate","getWidth","classes","push","join"],"mappings":"kMAwC+CA,GAAAC,MAAS,GAAC,oCAAC,uDAApDC,EAA0DC,EAAAC,EAAAC,yBAAjB,EAAAC,GAAAN,KAAAA,GAAAC,MAAS,GAAC,KAAAM,EAAAC,EAAAR,6CADhDC,EAAiB,IAAAQ,EAAAR,OATbS,MAAAC,EAAAV,EAAW,GAAAA,EAAqB,IAAA,IAAAA,KAAQS,OAAYT,EAAW,2LAIzDA,EAAK,wBACLA,EAAQ,wBACRA,EAAQ,gBACRA,EAAQ,GAAA,oBAP3BC,EAaKC,EAAAS,EAAAP,GAZHQ,EAWKD,EAAAE,4BAHEb,EAAiB,qFALPA,EAAK,6BACLA,EAAQ,6BACRA,EAAQ,sBACRA,EAAQ,GAAA,gBAPd,GAAAK,GAAAK,KAAAA,EAAAV,EAAW,GAAAA,EAAqB,IAAA,IAAAA,KAAQS,QAAK,CAAAA,MAAAC,UAAOV,EAAW,sJAzB/Dc,GAAaC,GACbC,SAAAA,EAAW,GAACD,GACZE,SAAAA,EAAW,KAAGF,qBACdG,GAA0BH,GAC1BI,KAAAA,EAAwB,KAAGJ,wQAErCK,EAAA,EAAEC,EAAWP,GAASG,EAAWA,EAAWH,sBAEpC,SAAWI,GACZ,MAAAI,GAAW,yBAEbJ,GACFI,EAAQC,KAAK,2BAGF,MAATJ,EACFG,EAAQC,KAAK,qBACK,OAATJ,GACTG,EAAQC,KAAK,sBAGRD,EAAQE,KAAK"}

package/public/components/ratings/StarsInput.js

@@ -1,2 +0,0 @@
-import{S as e,i as a,a as t,b as l,f as s,s as i,c as r,e as m,d as n,n as o,h as g,j as d,k as u,l as c,m as h,R as p,o as w,q as v,r as _,u as b,v as x,x as f,y as E}from"../../index-c222d0b7.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function L(e,a,t){const l=e.slice();return l[8]=a[t],l[10]=t,l}function k(e){let a,t,s,i,r,o,d,c,p,w,v,_=e[3][e[10]]+"";function b(){return e[6](e[10])}return{c(){a=m("input"),s=n(),i=m("label"),r=m("span"),o=x(_),d=n(),g(a,"id",t=$(e[1],e[10])),g(a,"type","radio"),g(a,"name",e[1]),a.value=e[10]+1,g(a,"class","mc-stars-input__radio"),g(r,"class","mc-stars-input__text"),g(i,"for",c=$(e[1],e[10])),g(i,"title",p=e[3][e[10]]),g(i,"class","mc-stars-input__label")},m(e,t){l(e,a,t),l(e,s,t),l(e,i,t),u(i,r),u(r,o),u(i,d),w||(v=f(i,"click",b),w=!0)},p(l,s){e=l,2&s&&t!==(t=$(e[1],e[10]))&&g(a,"id",t),2&s&&g(a,"name",e[1]),8&s&&_!==(_=e[3][e[10]]+"")&&E(o,_),2&s&&c!==(c=$(e[1],e[10]))&&g(i,"for",c),8&s&&p!==(p=e[3][e[10]])&&g(i,"title",p)},d(e){e&&h(a),e&&h(s),e&&h(i),w=!1,v()}}}function z(e){let a,t,s,i,w=Array(B),v=[];for(let a=0;a<w.length;a+=1)v[a]=k(L(e,w,a));let _=[{class:i=M(e[2])},e[5]],b={};for(let e=0;e<_.length;e+=1)b=r(b,_[e]);return{c(){a=m("div"),t=m("input"),s=n();for(let e=0;e<v.length;e+=1)v[e].c();this.c=o,g(t,"id","no-rate"),g(t,"type","radio"),g(t,"name",e[1]),t.value="0",g(t,"class","mc-stars-input__radio"),t.checked=!0,g(t,"aria-label",e[0]),d(a,b)},m(e,i){l(e,a,i),u(a,t),u(a,s);for(let e=0;e<v.length;e+=1)v[e]&&v[e].m(a,null)},p(e,[l]){if(2&l&&g(t,"name",e[1]),1&l&&g(t,"aria-label",e[0]),26&l){let t;for(w=Array(B),t=0;t<w.length;t+=1){const s=L(e,w,t);v[t]?v[t].p(s,l):(v[t]=k(s),v[t].c(),v[t].m(a,null))}for(;t<v.length;t+=1)v[t].d(1);v.length=w.length}d(a,b=c(_,[4&l&&i!==(i=M(e[2]))&&{class:i},32&l&&e[5]]))},i:o,o:o,d(e){e&&h(a),p(v,e)}}}const B=5;function M(e){const a="mc-stars-input";return e?`${a} ${a}--${e}`:a}function $(e,a){return`${e}${a+1}`}function y(e,a,t){const l=["unselectedText","name","size","ratinglabels"];let s=w(a,l),{unselectedText:i="No opinion given"}=a,{name:m="rating"}=a,{size:n="m"}=a,{ratinglabels:o=["Very bad","Bad","Medium","Good","Excellent"]}=a,g=new C(v(),_());function d(e){g.dispatch("star-selected",e+1)}return e.$$set=e=>{a=r(r({},a),b(e)),t(5,s=w(a,l)),"unselectedText"in e&&t(0,i=e.unselectedText),"name"in e&&t(1,m=e.name),"size"in e&&t(2,n=e.size),"ratinglabels"in e&&t(3,o=e.ratinglabels)},[i,m,n,o,d,s,e=>d(e)]}class T extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-stars-input{height:1.5rem;width:7.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mc-stars-input__text,.mc-stars-input__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-stars-input__radio::-ms-check{display:none}.mc-stars-input__label{height:1.5rem;width:1.5rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\");background-position:center center;background-repeat:repeat-x;background-size:1.5rem 1.5rem;border-radius:4px;cursor:pointer}.mc-stars-input__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\");background-position:left center;background-repeat:repeat-x;background-size:1.5rem 1.5rem;content:\"\";left:0;top:0;bottom:0;display:block;position:absolute;opacity:0;pointer-events:none}.mc-stars-input__label:nth-of-type(5)::before{width:80%}.mc-stars-input__label:nth-of-type(4)::before{width:60%}.mc-stars-input__label:nth-of-type(3)::before{width:40%}.mc-stars-input__label:nth-of-type(2)::before{width:20%}.mc-stars-input__label:nth-of-type(1)::before{width:0%}:checked~.mc-stars-input__label,:focus~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z'/%3E%3C/svg%3E\")}:checked+.mc-stars-input__label,:focus+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}:focus+.mc-stars-input__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z'/%3E%3C/svg%3E\")}.mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}.mc-stars-input__radio:hover+.mc-stars-input__label::before{opacity:1}.mc-stars-input--s{height:1rem;width:5rem}.mc-stars-input--s .mc-stars-input__label{height:1rem;width:1rem;background-size:1rem 1rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z'/%3E%3C/svg%3E\")}.mc-stars-input--s .mc-stars-input__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z'/%3E%3C/svg%3E\");background-size:1rem 1rem}.mc-stars-input--s .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--s .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z'/%3E%3C/svg%3E\")}.mc-stars-input--s .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--s .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z'/%3E%3C/svg%3E\")}.mc-stars-input--s .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z'/%3E%3C/svg%3E\")}.mc-stars-input--s .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z'/%3E%3C/svg%3E\")}.mc-stars-input--l{height:2rem;width:10rem}.mc-stars-input--l .mc-stars-input__label{height:2rem;width:2rem;background-size:2rem 2rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}.mc-stars-input--l .mc-stars-input__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\");background-size:2rem 2rem}.mc-stars-input--l .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--l .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z'/%3E%3C/svg%3E\")}.mc-stars-input--l .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--l .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}.mc-stars-input--l .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z'/%3E%3C/svg%3E\")}.mc-stars-input--l .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}.mc-stars-input--xl{height:3rem;width:15rem}.mc-stars-input--xl .mc-stars-input__label{height:3rem;width:3rem;background-size:3rem 3rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z'/%3E%3C/svg%3E\")}.mc-stars-input--xl .mc-stars-input__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z'/%3E%3C/svg%3E\");background-size:3rem 3rem}.mc-stars-input--xl .mc-stars-input__radio:checked~.mc-stars-input__label,.mc-stars-input--xl .mc-stars-input__radio:focus~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z'/%3E%3C/svg%3E\")}.mc-stars-input--xl .mc-stars-input__radio:checked+.mc-stars-input__label,.mc-stars-input--xl .mc-stars-input__radio:focus+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z'/%3E%3C/svg%3E\")}.mc-stars-input--xl .mc-stars-input__radio:hover~.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z'/%3E%3C/svg%3E\")}.mc-stars-input--xl .mc-stars-input__radio:hover+.mc-stars-input__label{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z'/%3E%3C/svg%3E\")}",this.shadowRoot.appendChild(r),a(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},y,z,i,{unselectedText:0,name:1,size:2,ratinglabels:3},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["unselectedText","name","size","ratinglabels"]}get unselectedText(){return this.$$.ctx[0]}set unselectedText(e){this.$$set({unselectedText:e}),s()}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get ratinglabels(){return this.$$.ctx[3]}set ratinglabels(e){this.$$set({ratinglabels:e}),s()}}export{T as default};
-//# sourceMappingURL=StarsInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StarsInput.js","sources":["../../../src/components/ratings/StarsInput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { RatingsSize } from './ratings.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  const ratingValue = 5;\n  export let unselectedText = 'No opinion given';\n  export let name = 'rating';\n  export let size: RatingsSize = 'm';\n  export let ratinglabels: Array<string> = [\n    'Very bad',\n    'Bad',\n    'Medium',\n    'Good',\n    'Excellent',\n  ];\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  function setClasses(size: RatingsSize): string {\n    const mainClass = 'mc-stars-input';\n\n    return size ? `${mainClass} ${mainClass}--${size}` : mainClass;\n  }\n\n  function setInputId(name: string, index: number): string {\n    return `${name}${index + 1}`;\n  }\n\n  function selectStar(i: number) {\n    eventHandler.dispatch('star-selected', i + 1);\n  }\n</script>\n\n<div class={setClasses(size)} {...$$restProps}>\n  <input\n    id=\"no-rate\"\n    type=\"radio\"\n    {name}\n    value=\"0\"\n    class=\"mc-stars-input__radio\"\n    checked\n    aria-label={unselectedText}\n  />\n\n  {#each Array(ratingValue) as _, i}\n    <input\n      id={setInputId(name, i)}\n      type=\"radio\"\n      {name}\n      value={i + 1}\n      class=\"mc-stars-input__radio\"\n    />\n\n    <!-- svelte-ignore a11y-click-events-have-key-events -->\n    <label\n      for={setInputId(name, i)}\n      title={ratinglabels[i]}\n      class=\"mc-stars-input__label\"\n      on:click={() => selectStar(i)}\n    >\n      <span class=\"mc-stars-input__text\">\n        {ratinglabels[i]}\n      </span>\n    </label>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stars-input';\n</style>\n"],"names":["t1_value","ctx","setInputId","input","value","attr","label","label_title_value","insert","target","anchor","append","span","dirty","set_data","t1","each_value","Array","ratingValue","length","i","class","div_class_value","setClasses","div","size","mainClass","name","index","unselectedText","$$props","ratinglabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","selectStar","dispatch"],"mappings":"gWAoESA,EAAAC,KAAaA,EAAC,KAAA,kHAfbC,EAAWD,EAAI,GAAEA,EAAC,2CAGfE,EAAAC,MAAAH,MAAI,uFAMNC,EAAWD,EAAI,GAAEA,EAAC,MAChBI,EAAAC,EAAA,QAAAC,EAAAN,KAAaA,EAAC,mDAXvBO,EAMCC,EAAAN,EAAAO,YAGDF,EASOC,EAAAH,EAAAI,GAHLC,EAEML,EAAAM,oEAhBFV,EAAWD,EAAI,GAAEA,EAAC,yCAenB,EAAAY,GAAAb,KAAAA,EAAAC,KAAaA,EAAC,KAAA,KAAAa,EAAAC,EAAAf,eANZE,EAAWD,EAAI,GAAEA,EAAC,oBAChB,EAAAY,GAAAN,KAAAA,EAAAN,KAAaA,EAAC,yFAZlBe,EAAAC,MAAMC,wBAAXC,OAAIC,GAAA,2BAXIC,MAAAC,EAAAC,EAAWtB,EAAI,KAAOA,EAAW,gRAQ7BA,EAAc,mBAR9BO,EAgCKC,EAAAe,EAAAd,GA/BHC,EAQCa,EAAArB,oHADaF,EAAc,oBAGrBe,EAAAC,MAAMC,WAAXC,OAAIC,GAAA,EAAA,iHAAJD,kBAXQ,EAAAN,GAAAS,KAAAA,EAAAC,EAAWtB,EAAI,MAAA,CAAAoB,MAAAC,SAAOrB,EAAW,qCA/BrC,MAAAiB,EAAc,EAgBX,SAAAK,EAAWE,GACZ,MAAAC,EAAY,iBAEX,OAAAD,KAAUC,KAAaA,MAAcD,IAASC,WAG9CxB,EAAWyB,EAAcC,YACtBD,IAAOC,EAAQ,4FAtBhBC,eAAAA,EAAiB,oBAAkBC,GACnCH,KAAAA,EAAO,UAAQG,GACfL,KAAAA,EAAoB,KAAGK,gBACvBC,EAAY,CACrB,WACA,MACA,SACA,OACA,cAAWD,EAGTE,EAAmB,IAAAC,EACrBC,IACAC,KAYO,SAAAC,EAAWhB,GAClBY,EAAaK,SAAS,gBAAiBjB,EAAI,gNA6BzBA,GAAAgB,EAAWhB"}

package/public/components/ratings/StarsResult.js

@@ -1,2 +0,0 @@
-import{S as l,i as m,a as e,b as t,f,s as r,c as o,e as x,d as i,v as a,n as s,h as n,j as u,k as _,y as c,l as b,m as p,o as g,u as y}from"../../index-c222d0b7.js";function h(l){let m,e;return{c(){m=x("span"),e=a(l[3]),n(m,"class","mc-stars-result__suffix-label mu-ml-050")},m(l,f){t(l,m,f),_(m,e)},p(l,m){8&m&&c(e,l[3])},d(l){l&&p(m)}}}function w(l){let m,e,f,r,g,y,w,k=l[3]&&h(l),v=[{class:w=d(l[0],l[1],l[3])+" "+l[5]},l[4]],j={};for(let l=0;l<v.length;l+=1)j=o(j,v[l]);return{c(){m=x("div"),e=x("span"),f=i(),k&&k.c(),r=i(),g=x("span"),y=a(l[2]),this.c=s,n(e,"class","mc-stars-result__visual"),n(g,"class","mc-stars-result__text"),u(m,j)},m(l,o){t(l,m,o),_(m,e),_(m,f),k&&k.m(m,null),_(m,r),_(m,g),_(g,y)},p(l,[e]){l[3]?k?k.p(l,e):(k=h(l),k.c(),k.m(m,r)):k&&(k.d(1),k=null),4&e&&c(y,l[2]),u(m,j=b(v,[43&e&&w!==(w=d(l[0],l[1],l[3])+" "+l[5])&&{class:w},16&e&&l[4]]))},i:s,o:s,d(l){l&&p(m),k&&k.d()}}}function d(l,m,e){const t=["mc-stars-result",`mc-stars-result--score-${k(l)}`,`mc-stars-result--${m}`];return!!e&&t.push("ml-flexy","ml-flexy--items-center"),t.join(" ")}function k(l){let m=Math.round(2*l)/2;return m<0&&(m=0),m>5&&(m=5),20*m}function v(l,m,e){let t,f;const r=["value","size","a11ylabel","suffixlabel"];let x=g(m,r),{value:i=0}=m,{size:a="m"}=m,{a11ylabel:s=""}=m,{suffixlabel:n}=m;return l.$$set=l=>{e(7,m=o(o({},m),y(l))),e(6,x=g(m,r)),"value"in l&&e(0,i=l.value),"size"in l&&e(1,a=l.size),"a11ylabel"in l&&e(2,s=l.a11ylabel),"suffixlabel"in l&&e(3,n=l.suffixlabel)},l.$$.update=()=>{e(5,t=m.class),e(4,f=Object.assign({},x)),16&l.$$.dirty&&delete f.class},m=y(m),[i,a,s,n,f,t]}class j extends l{constructor(l){super();const o=document.createElement("style");o.textContent=".mc-stars-result{font-family:\"LeroyMerlin\", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-stars-result__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-stars-result__visual{height:1.5rem;width:7.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M12 1.5a1 1 0 01.908.58l2.772 6.007 6.462.923a1 1 0 01.491 1.764l-4.99 4.084 1.819 6.367a1 1 0 01-1.486 1.127L12 18.674l-5.976 3.678a1 1 0 01-1.485-1.127l1.819-6.367-4.991-4.084a1 1 0 01.492-1.764l6.461-.923 2.772-6.006A1 1 0 0112 1.5zm0 3.386L9.908 9.42l-.228.494-.539.077-4.745.678 3.737 3.058.51.416-.181.633L7.169 19.3l4.307-2.65.524-.323.524.322 4.307 2.65-1.292-4.523-.181-.633.509-.416 3.738-3.058-4.746-.678-.539-.077-.228-.494L12 4.886z'/%3E%3C/svg%3E\");position:relative}.mc-stars-result__visual::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M12.908 2.08a1 1 0 00-1.816 0L8.32 8.088l-6.46.922a1 1 0 00-.492 1.764l4.99 4.084-1.818 6.367a1 1 0 001.485 1.127L12 18.674l5.976 3.678a1 1 0 001.486-1.127l-1.82-6.367 4.991-4.084a1 1 0 00-.491-1.764l-6.462-.923-2.772-6.006z'/%3E%3C/svg%3E\")}.mc-stars-result__visual,.mc-stars-result__visual::before{background-position:left top;background-repeat:repeat-x;background-size:1.5rem 1.5rem;display:block}.mc-stars-result__visual::before{bottom:0;content:\"\";left:0;position:absolute;top:0}.mc-stars-result__label{font-size:1.125rem;line-height:1;color:#000000;margin-left:0.5rem}.mc-stars-result__label--score{font-weight:600}.mc-stars-result--s .mc-stars-result__visual{height:1rem;width:5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z'/%3E%3C/svg%3E\")}.mc-stars-result--s .mc-stars-result__visual::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z'/%3E%3C/svg%3E\")}.mc-stars-result--s .mc-stars-result__visual,.mc-stars-result--s .mc-stars-result__visual::before{background-size:1rem 1rem}.mc-stars-result--l .mc-stars-result__visual{height:2rem;width:10rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z'/%3E%3C/svg%3E\")}.mc-stars-result--l .mc-stars-result__visual::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z'/%3E%3C/svg%3E\")}.mc-stars-result--l .mc-stars-result__visual,.mc-stars-result--l .mc-stars-result__visual::before{background-size:2rem 2rem}.mc-stars-result--xl .mc-stars-result__visual{height:3rem;width:15rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z'/%3E%3C/svg%3E\")}.mc-stars-result--xl .mc-stars-result__visual::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='3rem' width='3rem' viewBox='0 0 48 48' fill='%23ea7315'%3E%3Cpath fill-rule='evenodd' d='M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z'/%3E%3C/svg%3E\")}.mc-stars-result--xl .mc-stars-result__visual,.mc-stars-result--xl .mc-stars-result__visual::before{background-size:3rem 3rem}.mc-stars-result--score-10 .mc-stars-result__visual::before{width:10%}.mc-stars-result--score-20 .mc-stars-result__visual::before{width:20%}.mc-stars-result--score-30 .mc-stars-result__visual::before{width:30%}.mc-stars-result--score-40 .mc-stars-result__visual::before{width:40%}.mc-stars-result--score-50 .mc-stars-result__visual::before{width:50%}.mc-stars-result--score-60 .mc-stars-result__visual::before{width:60%}.mc-stars-result--score-70 .mc-stars-result__visual::before{width:70%}.mc-stars-result--score-80 .mc-stars-result__visual::before{width:80%}.mc-stars-result--score-90 .mc-stars-result__visual::before{width:90%}.mc-stars-result--score-100 .mc-stars-result__visual::before{width:100%}.mu-mt-025{margin-top:0.25rem !important}.mu-mt-050{margin-top:0.5rem !important}.mu-mt-075{margin-top:0.75rem !important}.mu-mt-100{margin-top:1rem !important}.mu-mt-125{margin-top:1.25rem !important}.mu-mt-150{margin-top:1.5rem !important}.mu-mt-200{margin-top:2rem !important}.mu-mt-250{margin-top:2.5rem !important}.mu-mt-300{margin-top:3rem !important}.mu-mt-350{margin-top:3.5rem !important}.mu-mt-400{margin-top:4rem !important}.mu-mt-500{margin-top:5rem !important}.mu-mt-600{margin-top:6rem !important}.mu-mt-700{margin-top:7rem !important}.mu-mt-800{margin-top:8rem !important}.mu-mt-900{margin-top:9rem !important}.mu-mt-1000{margin-top:10rem !important}.mu-mr-025{margin-right:0.25rem !important}.mu-mr-050{margin-right:0.5rem !important}.mu-mr-075{margin-right:0.75rem !important}.mu-mr-100{margin-right:1rem !important}.mu-mr-125{margin-right:1.25rem !important}.mu-mr-150{margin-right:1.5rem !important}.mu-mr-200{margin-right:2rem !important}.mu-mr-250{margin-right:2.5rem !important}.mu-mr-300{margin-right:3rem !important}.mu-mr-350{margin-right:3.5rem !important}.mu-mr-400{margin-right:4rem !important}.mu-mr-500{margin-right:5rem !important}.mu-mr-600{margin-right:6rem !important}.mu-mr-700{margin-right:7rem !important}.mu-mr-800{margin-right:8rem !important}.mu-mr-900{margin-right:9rem !important}.mu-mr-1000{margin-right:10rem !important}.mu-ml-025{margin-left:0.25rem !important}.mu-ml-050{margin-left:0.5rem !important}.mu-ml-075{margin-left:0.75rem !important}.mu-ml-100{margin-left:1rem !important}.mu-ml-125{margin-left:1.25rem !important}.mu-ml-150{margin-left:1.5rem !important}.mu-ml-200{margin-left:2rem !important}.mu-ml-250{margin-left:2.5rem !important}.mu-ml-300{margin-left:3rem !important}.mu-ml-350{margin-left:3.5rem !important}.mu-ml-400{margin-left:4rem !important}.mu-ml-500{margin-left:5rem !important}.mu-ml-600{margin-left:6rem !important}.mu-ml-700{margin-left:7rem !important}.mu-ml-800{margin-left:8rem !important}.mu-ml-900{margin-left:9rem !important}.mu-ml-1000{margin-left:10rem !important}.mu-mb-025{margin-bottom:0.25rem !important}.mu-mb-050{margin-bottom:0.5rem !important}.mu-mb-075{margin-bottom:0.75rem !important}.mu-mb-100{margin-bottom:1rem !important}.mu-mb-125{margin-bottom:1.25rem !important}.mu-mb-150{margin-bottom:1.5rem !important}.mu-mb-200{margin-bottom:2rem !important}.mu-mb-250{margin-bottom:2.5rem !important}.mu-mb-300{margin-bottom:3rem !important}.mu-mb-350{margin-bottom:3.5rem !important}.mu-mb-400{margin-bottom:4rem !important}.mu-mb-500{margin-bottom:5rem !important}.mu-mb-600{margin-bottom:6rem !important}.mu-mb-700{margin-bottom:7rem !important}.mu-mb-800{margin-bottom:8rem !important}.mu-mb-900{margin-bottom:9rem !important}.mu-mb-1000{margin-bottom:10rem !important}.mu-m-025{margin:0.25rem !important}.mu-m-050{margin:0.5rem !important}.mu-m-075{margin:0.75rem !important}.mu-m-100{margin:1rem !important}.mu-m-125{margin:1.25rem !important}.mu-m-150{margin:1.5rem !important}.mu-m-200{margin:2rem !important}.mu-m-250{margin:2.5rem !important}.mu-m-300{margin:3rem !important}.mu-m-350{margin:3.5rem !important}.mu-m-400{margin:4rem !important}.mu-m-500{margin:5rem !important}.mu-m-600{margin:6rem !important}.mu-m-700{margin:7rem !important}.mu-m-800{margin:8rem !important}.mu-m-900{margin:9rem !important}.mu-m-1000{margin:10rem !important}.mu-mv-025{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.mu-mv-050{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mu-mv-075{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mu-mv-100{margin-top:1rem !important;margin-bottom:1rem !important}.mu-mv-125{margin-top:1.25rem !important;margin-bottom:1.25rem !important}.mu-mv-150{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mu-mv-200{margin-top:2rem !important;margin-bottom:2rem !important}.mu-mv-250{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.mu-mv-300{margin-top:3rem !important;margin-bottom:3rem !important}.mu-mv-350{margin-top:3.5rem !important;margin-bottom:3.5rem !important}.mu-mv-400{margin-top:4rem !important;margin-bottom:4rem !important}.mu-mv-500{margin-top:5rem !important;margin-bottom:5rem !important}.mu-mv-600{margin-top:6rem !important;margin-bottom:6rem !important}.mu-mv-700{margin-top:7rem !important;margin-bottom:7rem !important}.mu-mv-800{margin-top:8rem !important;margin-bottom:8rem !important}.mu-mv-900{margin-top:9rem !important;margin-bottom:9rem !important}.mu-mv-1000{margin-top:10rem !important;margin-bottom:10rem !important}.mu-mh-025{margin-left:0.25rem !important;margin-right:0.25rem !important}.mu-mh-050{margin-left:0.5rem !important;margin-right:0.5rem !important}.mu-mh-075{margin-left:0.75rem !important;margin-right:0.75rem !important}.mu-mh-100{margin-left:1rem !important;margin-right:1rem !important}.mu-mh-125{margin-left:1.25rem !important;margin-right:1.25rem !important}.mu-mh-150{margin-left:1.5rem !important;margin-right:1.5rem !important}.mu-mh-200{margin-left:2rem !important;margin-right:2rem !important}.mu-mh-250{margin-left:2.5rem !important;margin-right:2.5rem !important}.mu-mh-300{margin-left:3rem !important;margin-right:3rem !important}.mu-mh-350{margin-left:3.5rem !important;margin-right:3.5rem !important}.mu-mh-400{margin-left:4rem !important;margin-right:4rem !important}.mu-mh-500{margin-left:5rem !important;margin-right:5rem !important}.mu-mh-600{margin-left:6rem !important;margin-right:6rem !important}.mu-mh-700{margin-left:7rem !important;margin-right:7rem !important}.mu-mh-800{margin-left:8rem !important;margin-right:8rem !important}.mu-mh-900{margin-left:9rem !important;margin-right:9rem !important}.mu-mh-1000{margin-left:10rem !important;margin-right:10rem !important}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-stars-result{font-family:\"LeroyMerlin\", sans-serif;font-weight:400}.mc-stars-result--s .mc-stars-result__suffix-label{font-size:0.75rem;line-height:1.5;color:#4d4d4d}.mc-stars-result--l .mc-stars-result__suffix-label{font-size:1.125rem;line-height:1.5555555556}.mc-stars-result--xl .mc-stars-result__suffix-label{font-size:1.75rem;line-height:1.5714285714}",this.shadowRoot.appendChild(o),m(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},v,w,r,{value:0,size:1,a11ylabel:2,suffixlabel:3},null),l&&(l.target&&t(l.target,this,l.anchor),l.props&&(this.$set(l.props),f()))}static get observedAttributes(){return["value","size","a11ylabel","suffixlabel"]}get value(){return this.$$.ctx[0]}set value(l){this.$$set({value:l}),f()}get size(){return this.$$.ctx[1]}set size(l){this.$$set({size:l}),f()}get a11ylabel(){return this.$$.ctx[2]}set a11ylabel(l){this.$$set({a11ylabel:l}),f()}get suffixlabel(){return this.$$.ctx[3]}set suffixlabel(l){this.$$set({suffixlabel:l}),f()}}export{j as default};
-//# sourceMappingURL=StarsResult.js.map

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

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

package/public/components/segmentedcontrol/SegmentedControl.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as n,b as s,f as o,s as r,e as i,n as l,h as c,t as m,m as a,R as d,q as f,r as g,d as b,v as x,k as h,x as p,y as u}from"../../index-c222d0b7.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function w(e,t,n){const s=e.slice();return s[9]=t[n],s[11]=n,s}function k(e){let t;return{c(){t=i("span"),c(t,"class","mc-segmented-control__icon")},m(e,n){s(e,t,n)},d(e){e&&a(t)}}}function y(e){let t,n,o,r,l,d,f,g,_=e[9].label+"",w=e[11]===e[2]&&k();function y(){return e[7](e[11],e[9])}return{c(){t=i("button"),n=i("span"),w&&w.c(),o=b(),r=i("span"),l=x(_),d=b(),c(r,"class","mc-segmented-control__label"),c(n,"class","mc-segmented-control__content"),c(t,"type","button"),c(t,"class","mc-segmented-control__segment"),m(t,"is-active",e[2]===e[11]),m(t,"is-disabled",e[9].disabled)},m(e,i){s(e,t,i),h(t,n),w&&w.m(n,null),h(n,o),h(n,r),h(r,l),h(t,d),f||(g=p(t,"click",y),f=!0)},p(s,r){(e=s)[11]===e[2]?w||(w=k(),w.c(),w.m(n,o)):w&&(w.d(1),w=null),8&r&&_!==(_=e[9].label+"")&&u(l,_),4&r&&m(t,"is-active",e[2]===e[11]),8&r&&m(t,"is-disabled",e[9].disabled)},d(e){e&&a(t),w&&w.d(),f=!1,g()}}}function v(e){let t,n=e[3],o=[];for(let t=0;t<n.length;t+=1)o[t]=y(w(e,n,t));return{c(){t=i("div");for(let e=0;e<o.length;e+=1)o[e].c();this.c=l,c(t,"class","mc-segmented-control"),m(t,"mc-segmented-control--m","m"===e[0]),m(t,"mc-segmented-control--full",e[1])},m(e,n){s(e,t,n);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,null)},p(e,[s]){if(28&s){let r;for(n=e[3],r=0;r<n.length;r+=1){const i=w(e,n,r);o[r]?o[r].p(i,s):(o[r]=y(i),o[r].c(),o[r].m(t,null))}for(;r<o.length;r+=1)o[r].d(1);o.length=n.length}1&s&&m(t,"mc-segmented-control--m","m"===e[0]),2&s&&m(t,"mc-segmented-control--full",e[1])},i:l,o:l,d(e){e&&a(t),d(o,e)}}}function $(e,t,n){let s,o,{items:r}=t,{selected:i}=t,{size:l}=t,{full:c=!1}=t,m=new _(f(),g());function a(e,t){n(2,o=e),m.dispatch("segment-selected",{index:e,segment:t})}return e.$$set=e=>{"items"in e&&n(5,r=e.items),"selected"in e&&n(6,i=e.selected),"size"in e&&n(0,l=e.size),"full"in e&&n(1,c=e.full)},e.$$.update=()=>{32&e.$$.dirty&&n(3,s=r?JSON.parse(r):[]),64&e.$$.dirty&&n(2,o=i?Number(i):"")},[l,c,o,s,a,r,i,(e,t)=>a(e,t)]}class z extends e{constructor(e){super();const i=document.createElement("style");i.textContent='.mc-segmented-control__content{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-segmented-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;border-radius:4px;border:1px solid #b3b3b3;width:19.6875rem}.mc-segmented-control__segment{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;border:none;border-radius:4px;color:#000000;cursor:pointer;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-family:inherit;padding:0.1875rem;text-align:left;position:relative;outline:none;text-align:center}.mc-segmented-control__segment::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control__segment:hover .mc-segmented-control__content{background-color:#eeeff1}.mc-segmented-control__segment:focus{z-index:var(--segmented-control-focus-z-index, 2)}.mc-segmented-control__segment:focus::before{-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-segmented-control__segment:active .mc-segmented-control__content{background-color:#cfd2d8;color:#ffffff}.mc-segmented-control__segment.is-active{color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__content{background-color:#188803;color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__label{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-segmented-control__segment.is-active .mc-segmented-control__icon::before{width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1rem\' width=\'1rem\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\'/%3E%3C/svg%3E")}.mc-segmented-control__segment.is-disabled{cursor:not-allowed;background-color:#cccccc}.mc-segmented-control__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0.1875rem 1rem;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%}.mc-segmented-control__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.mc-segmented-control__icon::before{content:""}.mc-segmented-control__label{font-size:0.875rem;line-height:1.2857142857;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control--m .mc-segmented-control__content{padding:0.6875rem 1.5rem}.mc-segmented-control--full{width:100%}',this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},$,v,r,{items:5,selected:6,size:0,full:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","selected","size","full"]}get items(){return this.$$.ctx[5]}set items(e){this.$$set({items:e}),o()}get selected(){return this.$$.ctx[6]}set selected(e){this.$$set({selected:e}),o()}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),o()}get full(){return this.$$.ctx[1]}set full(e){this.$$set({full:e}),o()}}export{z as default};
-//# sourceMappingURL=SegmentedControl.js.map

package/public/components/segmentedcontrol/SegmentedControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/segmentedcontrol/SegmentedControl.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { itemsType } from './segmentedControl.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  export let items: string;\n  export let selected: string;\n  export let size: string;\n  export let full = false;\n  $: segments = items ? (JSON.parse(items) as itemsType[]) : [];\n  $: segmentSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function manageSegment(index: any, segment: any) {\n    segmentSelected = index;\n    eventHandler.dispatch('segment-selected', {\n      index,\n      segment,\n    });\n  }\n</script>\n\n<div\n  class=\"mc-segmented-control\"\n  class:mc-segmented-control--m={size === 'm'}\n  class:mc-segmented-control--full={full}\n>\n  {#each segments as segment, index}\n    <button\n      type=\"button\"\n      class=\"mc-segmented-control__segment\"\n      class:is-active={segmentSelected === index}\n      class:is-disabled={segment.disabled}\n      on:click={() => manageSegment(index, segment)}\n    >\n      <span class=\"mc-segmented-control__content\">\n        {#if index === segmentSelected}\n          <span class=\"mc-segmented-control__icon\" />\n        {/if}\n        <span class=\"mc-segmented-control__label\">\n          {segment.label}\n        </span>\n      </span>\n    </button>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  .mc-segmented-control__content {\n    box-sizing: border-box;\n  }\n  @import '@mozaic-ds/styles/components/c.segmented-control';\n</style>\n"],"names":["insert","target","span","anchor","t1_value","ctx","label","if_block","create_if_block","toggle_class","button","disabled","append","span1","span0","dirty","set_data","t1","length","i","div","items","$$props","selected","size","full","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageSegment","index","segment","$$invalidate","segmentSelected","dispatch","segments","JSON","parse","Number"],"mappings":"yXA6CUA,EAA0CC,EAAAC,EAAAC,qDAGzCC,EAAAC,KAAQC,MAAK,GAJXC,EAAAF,QAAUA,EAAe,IAAAG,gRALfC,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,KACvBI,EAAAC,EAAA,cAAAL,KAAQM,kBAJ7BX,EAeQC,EAAAS,EAAAP,GARNS,EAOMF,EAAAG,yBAHJD,EAEMC,EAAAC,gEALST,EAAe,gDAI3B,EAAAU,GAAAX,KAAAA,EAAAC,KAAQC,MAAK,KAAAU,EAAAC,EAAAb,QATDK,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,UACvBI,EAAAC,EAAA,cAAAL,KAAQM,kEALxBN,EAAQ,wBAAba,OAAIC,GAAA,2HAHyBV,EAAAW,EAAA,0BAAS,MAATf,uCACGA,EAAI,YAHxCL,EAuBKC,EAAAmB,EAAAjB,mFAlBIE,EAAQ,WAAba,OAAIC,GAAA,EAAA,iHAAJD,YAH6BT,EAAAW,EAAA,0BAAS,MAATf,4CACGA,EAAI,oEAxB3BgB,GAAaC,YACbC,GAAgBD,QAChBE,GAAYF,GACZG,KAAAA,GAAO,GAAKH,EAInBI,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAcC,EAAYC,GACjCC,EAAA,EAAAC,EAAkBH,GAClBL,EAAaS,SAAS,mBACpB,CAAAJ,QACAC,kLAZHC,EAAA,EAAEG,EAAWf,EAASgB,KAAKC,MAAMjB,GAAK,mBACtCY,EAAA,EAAEC,EAAkBX,EAAWgB,OAAOhB,GAAY,2BA2B/BO,EAAcC,EAAOC"}

package/public/components/sidebar/Sidebar.js

@@ -1,2 +0,0 @@
-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,E as d,n as c,h as m,j as b,k as u,F as g,x as p,B as f,z as h,A as _,l as $,m as x,G as w,o as y,ag as v,q as k,r as E,ah as L,u as j,C as I,R as S,ai as T,J as z}from"../../index-c222d0b7.js";import U from"./sidebar-segment.nested.js";import R from"./sidebar-section.nested.js";import A from"./sidebar-user.nested.js";import B from"./sidebar-separator.nested.js";import{E as O}from"../../EventHandler-f7ee47ca.js";import{i as C,s as F,t as M,u as H,a as J,b as q}from"../../sidebar-service-8aa10fb1.js";import"./sidebar-feature-group.nested.js";import"./sidebar-feature.nested.js";import"./sidebar-sub-features.nested.js";const{Boolean:G}=T;function N(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 K(e){let t,s;return{c(){t=z("svg"),s=z("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 P(e){let t,s;return{c(){t=z("svg"),s=z("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 Q(e){let t,s,a=e[4]?.UTILITIES,r=[];for(let t=0;t<a.length;t+=1)r[t]=W(N(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=N(e,a,i);r[i]?(r[i].p(n,s),f(r[i],1)):(r[i]=W(n),r[i].c(),f(r[i],1),r[i].m(t,null))}for(I(),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(G);for(let e=0;e<r.length;e+=1)h(r[e]);s=!1},d(e){e&&x(t),S(r,e)}}}function V(e){let t,s,a;return s=new U({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 W(e){let t,s,a,r,n;t=new B({});let c=e[18],m=[];for(let t=0;t<c.length;t+=1)m[t]=V(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]=V(i),m[s].c(),f(m[s],1),m[s].m(a,r))}for(I(),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(G);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),S(m,e)}}}function X(e){let t,s;return t=new A({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 Y(e){let t,s,a,r,y,v,k,E,L,j,S,T,z,A,O,C,F,M;function H(e,t){return e[3]?P:K}let J=H(e),q=J(e);k=new U({props:{data:e[4]?.HOME}}),L=new B({}),S=new R({props:{data:e[4]?.FEATURES,a11yLabels:e[0]}});let G=e[4]?.UTILITIES&&Q(e),N=e[2]&&X(e),D=[{class:O="mc-sidebar "+(e[3]?"is-open":"is-close")},{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},e[1]],V={};for(let e=0;e<D.length;e+=1)V=n(V,D[e]);return{c(){t=o("nav"),s=o("div"),a=o("button"),r=o("span"),q.c(),v=l(),d(k.$$.fragment),E=l(),d(L.$$.fragment),j=l(),d(S.$$.fragment),T=l(),G&&G.c(),A=l(),N&&N.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",z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")),b(t,V)},m(n,o){i(n,t,o),u(t,s),u(s,a),u(a,r),q.m(r,null),u(s,v),g(k,s,null),u(s,E),g(L,s,null),u(s,j),g(S,s,null),u(s,T),G&&G.m(s,null),u(t,A),N&&N.m(t,null),C=!0,F||(M=p(a,"click",e[9]),F=!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),k.$set(n);const o={};16&i&&(o.data=e[4]?.FEATURES),1&i&&(o.a11yLabels=e[0]),S.$set(o),e[4]?.UTILITIES?G?(G.p(e,i),16&i&&f(G,1)):(G=Q(e),G.c(),f(G,1),G.m(s,null)):G&&(I(),h(G,1,1,(()=>{G=null})),_()),(!C||4&i&&z!==(z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")))&&m(s,"class",z),e[2]?N?(N.p(e,i),4&i&&f(N,1)):(N=X(e),N.c(),f(N,1),N.m(t,null)):N&&(I(),h(N,1,1,(()=>{N=null})),_()),b(t,V=$(D,[(!C||8&i&&O!==(O="mc-sidebar "+(e[3]?"is-open":"is-close")))&&{class:O},(!C||8&i)&&{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},2&i&&e[1]]))},i(e){C||(f(k.$$.fragment,e),f(L.$$.fragment,e),f(S.$$.fragment,e),f(G),f(N),C=!0)},o(e){h(k.$$.fragment,e),h(L.$$.fragment,e),h(S.$$.fragment,e),h(G),h(N),C=!1},d(e){e&&x(t),q.d(),w(k),w(L),w(S),G&&G.d(),N&&N.d(),F=!1,M()}}}function Z(e,t,s){let i;const a=["data","open","code","user","a11yLabels"];let r,o,l=y(t,a);v(e,C,(e=>s(3,r=e))),v(e,q,(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 O(k(),E()),_=!1;const $=[];$.push(C.subscribe((e=>{h.dispatch("on-toggle",e)}))),$.push(F.subscribe((e=>{var t,s,i,a,r;e&&(M(!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))}))),L((()=>{for(const e of $)e()}));return e.$$set=e=>{t=n(n({},t),j(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,H(a)),typeof c==typeof t&&c===t||(c=t,J(t))),64&e.$$.dirty&&(typeof _==typeof(r=u)&&_===r||(_=Boolean(r),M(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,()=>M()]}class ee extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-sidebar{position:absolute;top:0;left:0;z-index:100;font-size:14px;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;fill:#191919;width:320px;background:#eeeff1;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:#b3b7c1}.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{-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.mc-sidebar.is-open .mc-sidebar__trigger__container{-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{-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{-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},Z,Y,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{ee as default};
-//# sourceMappingURL=Sidebar.js.map

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

@@ -1 +0,0 @@
-{"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 '../../utilities/sidebar-service';\n  import type { Unsubscriber } from 'svelte/store';\n  import type { A11yLabels, Sidebar, User } from './sidebar.types';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\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    get_current_component(),\n    createEventDispatcher(),\n  );\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 './_c.sidebar';\n\n  .mc-sidebar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 100;\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","get_current_component","createEventDispatcher","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":"qrCAuHUA,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,QAXOpB,GAAsBqB,QACtBC,GAAaD,QACbE,GAAYF,QACZG,GAAmBH,cACnBI,GAAsBJ,EAC7BK,EAAmB,IAAAC,EACrBC,IACAC,KAKEC,GAAe,QA6BbC,EAAY,GAClBA,EAAaC,KACXC,EAAcC,WAAWC,IACvBT,EAAaU,SAAS,YAAaD,EAAK,KAI5CJ,EAAaC,KACXK,EAAgBH,WAAWI,kBAErBA,IACFC,GAAc,GACdb,EAAaU,SACX,YADV,QAAAI,EAAA,QAAAC,EAAA,QAAAC,EAEUJ,EAAUK,eAFpBD,SAAAA,EAEyBnB,gBAFzBkB,EAAAA,EAAA,QAAAG,EAEiCN,EAAUO,WAF3C,IAAAD,SAAAA,EAEgDrB,gBAFhDiB,EAAAA,EAAA,QAAAM,EAEwDR,EAAUS,WAFlE,IAAAD,SAAAA,EAEuEvB,WAMrEyB,GAAS,KACI,IAAA,MAAAC,KAAelB,EACxBkB,+NA3CgBC,EAAiBC,EAWjBC,mBAXAF,EANN3B,SAODH,UADwB+B,EANjBnD,IAO4BoB,IAAiB+B,IAC7D/B,EAAe+B,EACfE,EAAkBF,WAEThC,UAAwB+B,GAAW/B,IAAiB+B,IAC7D/B,EAAe+B,EACfI,EAAcJ,4BAMPpB,UAFSsB,EAhBN9B,IAmBVQ,IAAiBsB,IAEjBtB,EAAeyB,QAAQH,GACvBb,EAAcgB,QAAQH,sBArBvBI,EAAA,EAAAtC,EAA6B,iBAATM,EAAqBiC,KAAKC,MAAMlC,GAAiBA,OACrEmC,EAALC,OAAAC,UAAuBC,yBACXH,EAAW3C,8BA+DDuB"}

package/public/components/sidebar/_c.sidebar.scss

@@ -1,9 +0,0 @@
-$color-grey: #5B737D;
-$selected-Link: #007F8C;
-
-@mixin transition($transition...) {
-  -moz-transition:    $transition;
-  -o-transition:      $transition;
-  -webkit-transition: $transition;
-  transition:         $transition;
-}

package/public/components/sidebar/sidebar-feature-group.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as t,s as i,I as o,e as n,d as s,h as l,b as a,k as r,B as c,z as u,A as d,m as p,R as b,ag as v,p as g,q as m,r as f,Y as w,Z as h,_ as k,$ as x,J as _,v as y,T as $,y as L,E as H,F as z,x as j,Q as E,G,C as M,K as B}from"../../index-c222d0b7.js";import P from"./sidebar-feature.nested.js";import{a as T,i as q,s as A}from"../../sidebar-service-8aa10fb1.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function F(e){o(e,"svelte-k6gvwb",".mc-feature-group.svelte-k6gvwb.svelte-k6gvwb{background:none;border:none;color:#191919;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-k6gvwb.svelte-k6gvwb{fill:#191919;height:1.5rem;width:1.5rem}.mc-feature-group__container.svelte-k6gvwb.svelte-k6gvwb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-k6gvwb.svelte-k6gvwb{margin:0 8px;width:200px;min-width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-k6gvwb.svelte-k6gvwb{opacity:0;-webkit-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-k6gvwb.svelte-k6gvwb{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-k6gvwb div.svelte-k6gvwb{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-feature-group__label.svelte-k6gvwb:hover+.mc-feature-group__label__tooltip.svelte-k6gvwb{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-k6gvwb.svelte-k6gvwb{overflow:hidden;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-k6gvwb.svelte-k6gvwb{height:0}.mc-feature-group.is-selected.svelte-k6gvwb.svelte-k6gvwb{background:#cfd2d8}.mc-feature-group.is-close.svelte-k6gvwb .mc-feature-group__container.svelte-k6gvwb{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-k6gvwb .mc-feature-group__container.svelte-k6gvwb{margin:0 32px}.mc-feature-group.svelte-k6gvwb.svelte-k6gvwb:hover{background:#b3b7c1}.mc-feature-group.svelte-k6gvwb.svelte-k6gvwb:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-k6gvwb:focus-visible .mc-feature-group__container.svelte-k6gvwb{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-k6gvwb.svelte-k6gvwb,li.svelte-k6gvwb.svelte-k6gvwb{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-k6gvwb.svelte-k6gvwb{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}ul.svelte-k6gvwb li.svelte-k6gvwb{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}")}function N(e,t,i){const o=e.slice();return o[18]=t[i],o}const S=e=>({}),V=e=>({});function I(e){let t,i=`<${U(e[0].icon)} />`;return{c(){t=n("span"),l(t,"class","mc-feature-group__icon svelte-k6gvwb")},m(e,o){a(e,t,o),t.innerHTML=i},p(e,o){1&o&&i!==(i=`<${U(e[0].icon)} />`)&&(t.innerHTML=i)},d(e){e&&p(t)}}}function J(e){let t,i;const o=e[11].icon,s=w(o,e,e[10],V);return{c(){t=n("span"),s&&s.c(),l(t,"class","mc-feature-group__icon svelte-k6gvwb")},m(e,o){a(e,t,o),s&&s.m(t,null),i=!0},p(e,t){s&&s.p&&(!i||1024&t)&&h(s,o,e,e[10],i?x(o,e[10],t,S):k(e[10]),V)},i(e){i||(c(s,e),i=!0)},o(e){u(s,e),i=!1},d(e){e&&p(t),s&&s.d(e)}}}function K(e){let t,i,o;return{c(){t=_("svg"),i=_("use"),l(i,"href",o=e[0].iconPath),l(t,"class","mc-feature-group__icon svelte-k6gvwb")},m(e,o){a(e,t,o),r(t,i)},p(e,t){1&t&&o!==(o=e[0].iconPath)&&l(i,"href",o)},d(e){e&&p(t)}}}function Q(e){let t,i,o,c,u,d=e[0].label+"",b=e[6]?.offsetHeight<e[6]?.scrollHeight&&R(e);function v(e,t){return e[1]?Y:Z}let g=v(e),m=g(e);return{c(){t=n("span"),i=y(d),o=s(),b&&b.c(),c=s(),m.c(),u=$(),l(t,"class","mc-feature-group__label svelte-k6gvwb")},m(n,s){a(n,t,s),r(t,i),e[12](t),a(n,o,s),b&&b.m(n,s),a(n,c,s),m.m(n,s),a(n,u,s)},p(e,t){1&t&&d!==(d=e[0].label+"")&&L(i,d),e[6]?.offsetHeight<e[6]?.scrollHeight?b?b.p(e,t):(b=R(e),b.c(),b.m(c.parentNode,c)):b&&(b.d(1),b=null),g!==(g=v(e))&&(m.d(1),m=g(e),m&&(m.c(),m.m(u.parentNode,u)))},d(i){i&&p(t),e[12](null),i&&p(o),b&&b.d(i),i&&p(c),m.d(i),i&&p(u)}}}function R(e){let t,i,o,c,u,d=e[0].label+"";return{c(){t=n("div"),i=n("div"),i.innerHTML='<div class="svelte-k6gvwb"></div>',o=s(),c=n("span"),u=y(d),l(i,"class","mc-feature-group__label__tooltip__pointer svelte-k6gvwb"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-k6gvwb")},m(e,n){a(e,t,n),r(t,i),r(t,o),r(t,c),r(c,u)},p(e,t){1&t&&d!==(d=e[0].label+"")&&L(u,d)},d(e){e&&p(t)}}}function Y(e){let t,i;return{c(){t=_("svg"),i=_("path"),l(i,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-k6gvwb"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function Z(e){let t,i;return{c(){t=_("svg"),i=_("path"),l(i,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),l(t,"class","mc-feature-group__icon svelte-k6gvwb"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function D(e){let t,i,o,d,b,v;function g(){return e[13](e[18])}return i=new P({props:{feature:e[18],a11yLabels:e[2]}}),{c(){t=n("li"),H(i.$$.fragment),o=s(),l(t,"class","svelte-k6gvwb")},m(e,n){a(e,t,n),z(i,t,null),r(t,o),d=!0,b||(v=j(t,"click",E(g)),b=!0)},p(t,o){e=t;const n={};1&o&&(n.feature=e[18]),4&o&&(n.a11yLabels=e[2]),i.$set(n)},i(e){d||(c(i.$$.fragment,e),d=!0)},o(e){u(i.$$.fragment,e),d=!1},d(e){e&&p(t),G(i),b=!1,v()}}}function O(e){let t,i,o,v,g,m,f,w,h,k,x,_,y,$,L,H=e[0].icon&&I(e),z=e[8].icon&&J(e),j=e[0].iconPath&&K(e),E=e[3]&&Q(e),G=e[0].items,B=[];for(let t=0;t<G.length;t+=1)B[t]=D(N(e,G,t));const P=e=>u(B[e],1,1,(()=>{B[e]=null}));return{c(){t=n("button"),i=n("span"),H&&H.c(),o=s(),z&&z.c(),v=s(),j&&j.c(),g=s(),E&&E.c(),x=s(),_=n("ul");for(let e=0;e<B.length;e+=1)B[e].c();l(i,"class","mc-feature-group__container svelte-k6gvwb"),l(t,"class",m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-k6gvwb"),l(t,"aria-label",f=e[0].label),l(t,"aria-expanded",w=e[3]&&e[1]),l(t,"aria-controls",h=e[0].code+"-list"),l(t,"id",k=e[0].code),l(_,"class","mc-feature-group__content is-close svelte-k6gvwb"),l(_,"aria-hidden",y=!e[3]||!e[1]),l(_,"id",$=e[0].code+"-list")},m(n,s){a(n,t,s),r(t,i),H&&H.m(i,null),r(i,o),z&&z.m(i,null),r(i,v),j&&j.m(i,null),r(i,g),E&&E.m(i,null),a(n,x,s),a(n,_,s);for(let e=0;e<B.length;e+=1)B[e]&&B[e].m(_,null);e[14](_),L=!0},p(e,[n]){if(e[0].icon?H?H.p(e,n):(H=I(e),H.c(),H.m(i,o)):H&&(H.d(1),H=null),e[8].icon?z?(z.p(e,n),256&n&&c(z,1)):(z=J(e),z.c(),c(z,1),z.m(i,v)):z&&(M(),u(z,1,1,(()=>{z=null})),d()),e[0].iconPath?j?j.p(e,n):(j=K(e),j.c(),j.m(i,g)):j&&(j.d(1),j=null),e[3]?E?E.p(e,n):(E=Q(e),E.c(),E.m(i,null)):E&&(E.d(1),E=null),(!L||40&n&&m!==(m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-k6gvwb"))&&l(t,"class",m),(!L||1&n&&f!==(f=e[0].label))&&l(t,"aria-label",f),(!L||10&n&&w!==(w=e[3]&&e[1]))&&l(t,"aria-expanded",w),(!L||1&n&&h!==(h=e[0].code+"-list"))&&l(t,"aria-controls",h),(!L||1&n&&k!==(k=e[0].code))&&l(t,"id",k),133&n){let t;for(G=e[0].items,t=0;t<G.length;t+=1){const i=N(e,G,t);B[t]?(B[t].p(i,n),c(B[t],1)):(B[t]=D(i),B[t].c(),c(B[t],1),B[t].m(_,null))}for(M(),t=G.length;t<B.length;t+=1)P(t);d()}(!L||10&n&&y!==(y=!e[3]||!e[1]))&&l(_,"aria-hidden",y),(!L||1&n&&$!==($=e[0].code+"-list"))&&l(_,"id",$)},i(e){if(!L){c(z);for(let e=0;e<G.length;e+=1)c(B[e]);L=!0}},o(e){u(z),B=B.filter(Boolean);for(let e=0;e<B.length;e+=1)u(B[e]);L=!1},d(i){i&&p(t),H&&H.d(),z&&z.d(),j&&j.d(),E&&E.d(),i&&p(x),i&&p(_),b(B,i),e[14](null)}}}function U(e){return`${e} size="1.5rem"`}function W(e,t,i){let o,n;v(e,q,(e=>i(3,o=e))),v(e,A,(e=>i(9,n=e)));let{$$slots:s={},$$scope:l}=t;const a=g(s);let r,c,{featureGroup:u}=t,{expand:d}=t,{a11yLabels:p}=t,b=new C(m(),f()),w=!1;function h(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?b.dispatch("feature-click",e):T(e.code))}return e.$$set=e=>{"featureGroup"in e&&i(0,u=e.featureGroup),"expand"in e&&i(1,d=e.expand),"a11yLabels"in e&&i(2,p=e.a11yLabels),"$$scope"in e&&i(10,l=e.$$scope)},e.$$.update=()=>{var t,s,l,a,c,p;523&e.$$.dirty&&(t=d,s=o,l=u,i(5,w=null!==(p=(null==(a=n)?void 0:a.lv0)&&l.code===(null===(c=null==a?void 0:a.lv0)||void 0===c?void 0:c.code)&&(!a.lv1||!t||!s))&&void 0!==p&&p)),10&e.$$.dirty&&function(e,t){if(r){i(4,r.style.height="",r),i(4,r.style.transition="none",r);const o=window.getComputedStyle(r).height;r.classList.add(t&&e?"is-open":"is-close"),r.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(r).height;i(4,r.style.height=o,r),requestAnimationFrame((()=>{i(4,r.style.transition="",r),requestAnimationFrame((()=>{i(4,r.style.height=n,r)}))}));const s=()=>{i(4,r.style.height="",r),r.removeEventListener("transitionend",s)};r.addEventListener("transitionend",s)}}(d,o)},[u,d,p,o,r,w,c,h,a,n,l,s,function(e){B[e?"unshift":"push"]((()=>{c=e,i(6,c)}))},e=>h(e),function(e){B[e?"unshift":"push"]((()=>{r=e,i(4,r)}))}]}class X extends e{constructor(e){super(),t(this,e,W,O,i,{featureGroup:0,expand:1,a11yLabels:2},F)}}export{X as default};
-//# sourceMappingURL=sidebar-feature-group.nested.js.map

package/public/components/sidebar/sidebar-feature-group.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type {\n    FeatureGroup,\n    Feature,\n    A11yLabels,\n    Selection,\n  } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let content: HTMLElement;\n\n  $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n  $: updateContentCSS(expand, $isSidebarOpen);\n\n  let isSelected = false;\n\n  let label: HTMLElement;\n\n  function updateSelection(\n    isExpanded: boolean,\n    isOpen: boolean,\n    group: FeatureGroup,\n    selection?: Selection,\n  ): void {\n    isSelected =\n      (selection?.lv0 &&\n        group.code === selection?.lv0?.code &&\n        (!selection.lv1 || !isExpanded || !isOpen)) ??\n      false;\n  }\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      // Only select the feature if it is the last level item\n      if (feature.items?.length) {\n        eventHandler.dispatch('feature-click', feature);\n      } else {\n        selectFeature(feature.code);\n      }\n    }\n  }\n</script>\n\n<button\n  class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n    ? 'is-open'\n    : 'is-close'}\"\n  aria-label={featureGroup.label}\n  aria-expanded={$isSidebarOpen && expand}\n  aria-controls=\"{featureGroup.code}-list\"\n  id={featureGroup.code}\n>\n  <span class=\"mc-feature-group__container\">\n    {#if featureGroup.icon}\n      <span class=\"mc-feature-group__icon\">\n        {@html `<${generateIcon(featureGroup.icon)} />`}\n      </span>\n    {/if}\n    {#if $$slots.icon}\n      <span class=\"mc-feature-group__icon\">\n        <slot name=\"icon\" />\n      </span>\n    {/if}\n    {#if featureGroup.iconPath}\n      <svg class=\"mc-feature-group__icon\">\n        <use href={featureGroup.iconPath} />\n      </svg>\n    {/if}\n    {#if $isSidebarOpen}\n      <span class=\"mc-feature-group__label\" bind:this={label}>\n        {featureGroup.label}\n      </span>\n      {#if label?.offsetHeight < label?.scrollHeight}\n        <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n          <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n          <span>{featureGroup.label}</span>\n        </div>\n      {/if}\n      {#if !expand}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n          /></svg\n        >\n      {:else}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n        >\n      {/if}\n    {/if}\n  </span>\n</button>\n<ul\n  class=\"mc-feature-group__content is-close\"\n  aria-hidden={!$isSidebarOpen || !expand}\n  id=\"{featureGroup.code}-list\"\n  bind:this={content}\n>\n  {#each featureGroup.items as feature}\n    <li on:click|stopPropagation={() => handleClick(feature)}>\n      <FeatureComponent {feature} {a11yLabels} />\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-feature-group {\n    background: none;\n    border: none;\n    color: $color-sidebar-text-color;\n    cursor: pointer;\n    font-size: inherit;\n    font-family: inherit;\n    text-align: initial;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      margin: 5px 0;\n      padding: 8px 0px;\n      @include transition(margin 300ms ease-in-out);\n    }\n\n    &__label {\n      margin: 0 8px;\n      width: 200px;\n      min-width: 200px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      &__tooltip {\n        opacity: 0;\n        transition: 0s opacity;\n        background-color: $color-sidebar-divider-background;\n        border: 1px solid $color-sidebar-text-color;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid white;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid $color-sidebar-divider-background;\n          }\n        }\n      }\n\n      &:hover + .mc-feature-group__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__content {\n      overflow: hidden;\n      @include transition(height 300ms ease-in-out);\n      &.is-close {\n        height: 0;\n      }\n\n      &.is-open {\n        height: auto;\n      }\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      .mc-feature-group__container {\n        margin: 0 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      .mc-feature-group__container {\n        margin: 0 32px;\n      }\n    }\n\n    &:hover {\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-feature-group__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n\n  ul,\n  li {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    width: 100%;\n  }\n\n  ul {\n    align-items: start;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      flex-direction: column;\n      box-sizing: border-box;\n    }\n  }\n</style>\n"],"names":["generateIcon","ctx","icon","insert","target","span","anchor","innerHTML","raw_value","attr","use","use_href_value","iconPath","svg","append","dirty","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","set_data","t0","t1_value","div2","div1","t1","path","li","create_if_block_5","if_block1","create_if_block_4","if_block2","create_if_block_3","create_if_block","each_value","items","length","i","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"8rHA6GmBA,EAAaC,EAAY,GAACC,8FADvCC,EAEMC,EAAAC,EAAAC,yCADON,EAAaC,EAAY,GAACC,cAAIG,EAAAE,UAAAC,yKAI3CL,EAEMC,EAAAC,EAAAC,4NAIOG,EAAAC,EAAA,OAAAC,EAAAV,KAAaW,sEAD1BT,EAEKC,EAAAS,EAAAP,GADHQ,EAAmCD,EAAAH,WAAxB,EAAAK,GAAAJ,KAAAA,EAAAV,KAAaW,qEAKvBI,EAAAf,KAAagB,MAAK,GAEhBC,EAAAjB,EAAO,IAAAkB,aAAelB,MAAOmB,cAAYC,EAAApB,0BAMxCA,EAAM,KAAAqB,gJATZnB,EAEMC,EAAAC,EAAAC,2EADH,EAAAS,GAAAC,KAAAA,EAAAf,KAAagB,MAAK,KAAAM,EAAAC,EAAAR,GAEhBf,EAAO,IAAAkB,aAAelB,MAAOmB,4OAGvBK,EAAAxB,KAAagB,MAAK,oRAF3Bd,EAGKC,EAAAsB,EAAApB,GAFHQ,EAAmEY,EAAAC,UACnEb,EAAgCY,EAAArB,kBAAzB,EAAAU,GAAAU,KAAAA,EAAAxB,KAAagB,MAAK,KAAAM,EAAAK,EAAAH,yPAc3BtB,EAMAC,EAAAS,EAAAP,GADGQ,EAA+CD,EAAAgB,8RAflD1B,EAQAC,EAAAS,EAAAP,GAHGQ,EAECD,EAAAgB,qNAqBR1B,EAEIC,EAAA0B,EAAAxB,yRAxDCY,EAAAjB,KAAaC,MAAI6B,EAAA9B,GAKjB+B,EAAA/B,KAAQC,MAAI+B,EAAAhC,GAKZiC,EAAAjC,KAAaW,UAAQuB,EAAAlC,KAKrBA,EAAc,IAAAmC,EAAAnC,GAsCdoC,EAAApC,KAAaqC,2BAAlBC,OAAIC,GAAA,wSA9DmBvC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFQ,EAAAgC,EAAA,aAAAC,EAAAzC,KAAagB,OACVR,EAAAgC,EAAA,gBAAAE,EAAA1C,MAAkBA,EAAM,IACvBQ,EAAAgC,EAAA,gBAAAG,EAAA3C,KAAa4C,KAAI,SAC7BpC,EAAAgC,EAAA,KAAAK,EAAA7C,KAAa4C,sEAoDHpC,EAAAsC,EAAA,cAAAC,GAAA/C,OAAmBA,EAAM,IAClCQ,EAAAsC,EAAA,KAAAE,EAAAhD,KAAa4C,KAAI,iBA5DxB1C,EAwDQC,EAAAqC,EAAAnC,GA/CNQ,EA8CM2B,EAAApC,6FAERF,EAWIC,EAAA2C,EAAAzC,+EA1DKL,KAAaC,2DAKbD,KAAQC,oGAKRD,KAAaW,+DAKbX,EAAc,mGAxBIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACFiD,GAAA,EAAAnC,GAAA2B,KAAAA,EAAAzC,KAAagB,+BACViC,GAAA,GAAAnC,GAAA4B,KAAAA,EAAA1C,MAAkBA,EAAM,+BACvBiD,GAAA,EAAAnC,GAAA6B,KAAAA,EAAA3C,KAAa4C,KAAI,oCAC7BK,GAAA,EAAAnC,GAAA+B,KAAAA,EAAA7C,KAAa4C,qCAwDVR,EAAApC,KAAaqC,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAW,EAAAZ,OAAAC,GAAA,aAJQU,GAAA,GAAAnC,GAAAiC,KAAAA,GAAA/C,OAAmBA,EAAM,6BAClCiD,GAAA,EAAAnC,GAAAkC,KAAAA,EAAAhD,KAAa4C,KAAI,yDAGpBN,OAAIC,GAAA,+KA/EG,SAAAxC,EAAaoD,YACVA,qIAtDRC,EAOApC,gBAdOqC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,EAAmB,IAAAC,EACrBC,IACAC,KAOEC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQ1B,aAAlB,IAAA4B,SAAAA,EAAyB3B,QACjBmB,EAAaS,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQnB,2LAtDnB,IACPwB,EACAC,EACAC,EACAC,uBAHAH,EARiBb,EASjBc,EATyBG,EAUzBF,EAVyCjB,MAazCQ,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAM1B,QAAd,QAAAqB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCrB,SAC7B2B,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCjB,EAAO,CACTyB,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzByB,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,OAAM5B,GAC3B,MAAA6B,EAAcC,OAAOC,iBAAiB/B,GAAS2B,OAErD3B,EAAQgC,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDhB,EAAQgC,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB/B,GAAS2B,OAChDF,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASE,EAAW7B,GAGlCmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,GAAE5B,GAC7BmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASA,EAAM3B,EAAA,aAK3BoC,EAAO,KACXX,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzBA,EAAQqC,oBAAoB,gBAAiBD,EAAO,EAGtDpC,EAAQsC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBpC,EAAQiB,qEA4FyBxD,EAAK4E,aAsCpB7B,GAAAD,EAAYC,2CAHvCX,EAAOwC"}

package/public/components/sidebar/sidebar-feature.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as t,s as i,I as a,T as s,b as l,n as d,m as r,ag as o,K as n,e as c,J as w,d as b,v as p,h as u,k as v,y as f}from"../../index-c222d0b7.js";import{i as m,s as x}from"../../sidebar-service-8aa10fb1.js";function _(e){a(e,"svelte-w3w6c4",".mc-sidebar-feature.svelte-w3w6c4.svelte-w3w6c4{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-w3w6c4.svelte-w3w6c4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-w3w6c4 span.svelte-w3w6c4{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-w3w6c4.svelte-w3w6c4{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-w3w6c4.svelte-w3w6c4{fill:#6a7081}.mc-sidebar-feature__label.svelte-w3w6c4.svelte-w3w6c4{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-w3w6c4.svelte-w3w6c4{opacity:0;-webkit-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-sidebar-feature__label__tooltip__pointer.svelte-w3w6c4.svelte-w3w6c4{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-w3w6c4 div.svelte-w3w6c4{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-sidebar-feature__label.svelte-w3w6c4:hover+.mc-sidebar-feature__label__tooltip.svelte-w3w6c4{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-w3w6c4.svelte-w3w6c4{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-w3w6c4.svelte-w3w6c4{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-w3w6c4.svelte-w3w6c4{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-w3w6c4 .mc-sidebar-feature__container.svelte-w3w6c4{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-w3w6c4.svelte-w3w6c4{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-w3w6c4 .mc-sidebar-feature__container.svelte-w3w6c4{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-w3w6c4.svelte-w3w6c4{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-w3w6c4.svelte-w3w6c4:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-w3w6c4.svelte-w3w6c4:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-w3w6c4:focus-visible .mc-sidebar-feature__container.svelte-w3w6c4{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function h(e){let t,i,a,s,d,o,n,m,x,_,h,g,k,y,$=e[0].label+"";return{c(){t=c("span"),i=c("div"),a=w("svg"),s=w("g"),d=w("path"),o=w("defs"),n=w("clipPath"),m=w("path"),x=b(),_=c("span"),h=p($),u(d,"fill-rule","evenodd"),u(d,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),u(s,"clip-path","url(#a)"),u(m,"d","M0 0h16v16H0z"),u(n,"id","a"),u(a,"class","mc-sidebar-feature__icon-disabled svelte-w3w6c4"),u(a,"width","16px"),u(a,"height","16px"),u(a,"viewBox","0 0 16 16"),u(_,"class","svelte-w3w6c4"),u(i,"class","mc-sidebar-feature__container svelte-w3w6c4"),u(t,"aria-label",g=e[0].label),u(t,"aria-disabled","true"),u(t,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-w3w6c4"),u(t,"id",y=e[0].code)},m(e,r){l(e,t,r),v(t,i),v(i,a),v(a,s),v(s,d),v(a,o),v(o,n),v(n,m),v(i,x),v(i,_),v(_,h)},p(e,i){1&i&&$!==($=e[0].label+"")&&f(h,$),1&i&&g!==(g=e[0].label)&&u(t,"aria-label",g),6&i&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-w3w6c4")&&u(t,"class",k),1&i&&y!==(y=e[0].code)&&u(t,"id",y)},d(e){e&&r(t)}}}function g(e){let t,i,a,s,d,o,n,w,m,x,_,h=e[0].label+"",g=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){t=c("a"),i=c("div"),a=c("span"),s=p(h),d=b(),g&&g.c(),o=b(),$&&$.c(),u(a,"class","mc-sidebar-feature__label svelte-w3w6c4"),u(i,"class","mc-sidebar-feature__container svelte-w3w6c4"),u(t,"aria-label",n=""+(e[0].label+e[3])),u(t,"href",w=e[0].href??"javascript:void(null)"),u(t,"target",m=e[0].embedded),u(t,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-w3w6c4"),u(t,"id",_=e[0].code)},m(r,n){l(r,t,n),v(t,i),v(i,a),v(a,s),e[8](a),v(i,d),g&&g.m(i,null),v(i,o),$&&$.m(i,null)},p(e,a){1&a&&h!==(h=e[0].label+"")&&f(s,h),e[5]?g?g.p(e,a):(g=k(e),g.c(),g.m(i,o)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(i,null)):$&&($.d(1),$=null),9&a&&n!==(n=""+(e[0].label+e[3]))&&u(t,"aria-label",n),1&a&&w!==(w=e[0].href??"javascript:void(null)")&&u(t,"href",w),1&a&&m!==(m=e[0].embedded)&&u(t,"target",m),6&a&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-w3w6c4")&&u(t,"class",x),1&a&&_!==(_=e[0].code)&&u(t,"id",_)},d(i){i&&r(t),e[8](null),g&&g.d(),$&&$.d()}}}function k(e){let t,i,a,s,d,o=e[0].label+"";return{c(){t=c("div"),i=c("div"),i.innerHTML='<div class="svelte-w3w6c4"></div>',a=b(),s=c("span"),d=p(o),u(i,"class","mc-sidebar-feature__label__tooltip__pointer svelte-w3w6c4"),u(s,"class","svelte-w3w6c4"),u(t,"aria-hidden","true"),u(t,"class","mc-sidebar-feature__label__tooltip svelte-w3w6c4")},m(e,r){l(e,t,r),v(t,i),v(t,a),v(t,s),v(s,d)},p(e,t){1&t&&o!==(o=e[0].label+"")&&f(d,o)},d(e){e&&r(t)}}}function y(e){let t,i;return{c(){t=w("svg"),i=w("path"),u(i,"fill-rule","evenodd"),u(i,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),u(t,"class","mc-sidebar-feature__icon svelte-w3w6c4"),u(t,"width","16px"),u(t,"height","16px"),u(t,"viewBox","0 0 16 16")},m(e,a){l(e,t,a),v(t,i)},d(e){e&&r(t)}}}function $(e){let t;function i(e,t){return e[0].disabled?h:g}let a=i(e),o=a(e);return{c(){o.c(),t=s()},m(e,i){o.m(e,i),l(e,t,i)},p(e,[s]){a===(a=i(e))&&o?o.p(e,s):(o.d(1),o=a(e),o&&(o.c(),o.m(t.parentNode,t)))},i:d,o:d,d(e){o.d(e),e&&r(t)}}}function H(e,t,i){let a,s;o(e,m,(e=>i(1,a=e))),o(e,x,(e=>i(7,s=e)));let l,d,r,{feature:c}=t,{a11yLabels:w}=t,b=!1;return e.$$set=e=>{"feature"in e&&i(0,c=e.feature),"a11yLabels"in e&&i(6,w=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,t){var a,s,l;i(2,b=null!==(l=(null==t?void 0:t.lv1)&&e.code===(null===(a=null==t?void 0:t.lv1)||void 0===a?void 0:a.code)||(null==t?void 0:t.lv2)&&e.code===(null===(s=null==t?void 0:t.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(c,s),65&e.$$.dirty&&function(e,t){t.embedded?i(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):i(3,l="")}(w,c),2&e.$$.dirty&&setTimeout((()=>{i(5,r=(null==d?void 0:d.offsetHeight)<(null==d?void 0:d.scrollHeight))}),500)},[c,a,b,l,d,r,w,s,function(e){n[e?"unshift":"push"]((()=>{d=e,i(4,d)}))}]}class z extends e{constructor(e){super(),t(this,e,H,$,i,{feature:0,a11yLabels:6},_)}}export{z as default};
-//# sourceMappingURL=sidebar-feature.nested.js.map

package/public/components/sidebar/sidebar-feature.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-feature.nested.js","sources":["../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectedFeature,\n  } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature, Selection } from './sidebar.types';\n\n  export let feature: Feature;\n  export let a11yLabels: A11yLabels;\n\n  $: updateSelection(feature, $selectedFeature);\n  $: updatA11yLabel(a11yLabels, feature);\n\n  let isSelected = false;\n  let ariaSuffix: string;\n\n  let label: HTMLElement;\n  let showTooltip: boolean;\n  $: updateTooltip($isSidebarOpen);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  function updateTooltip(_: boolean) {\n    setTimeout(() => {\n      showTooltip = label?.offsetHeight < label?.scrollHeight;\n    }, 500);\n  }\n\n  function updateSelection(feature: Feature, selection?: Selection) {\n    isSelected =\n      ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n        (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n      false;\n  }\n\n  function updatA11yLabel(label: A11yLabels, feature: Feature) {\n    if (feature.embedded) {\n      ariaSuffix = label?.['external-link-suffix']\n        ? ` (${label['external-link-suffix']})`\n        : ' (link to a new window)';\n    } else {\n      ariaSuffix = '';\n    }\n  }\n</script>\n\n{#if !feature.disabled}\n  <a\n    aria-label=\"{feature.label}{ariaSuffix}\"\n    href={feature.href ?? 'javascript:void(null)'}\n    target={feature.embedded}\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'}\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <span class=\"mc-sidebar-feature__label\" bind:this={label}\n        >{feature.label}</span\n      >\n      {#if showTooltip}\n        <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n          <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n          <span>{feature.label}</span>\n        </div>\n      {/if}\n      {#if feature.embedded === '_blank'}\n        <svg\n          class=\"mc-sidebar-feature__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n          /></svg\n        >\n      {/if}\n    </div>\n  </a>\n{:else}\n  <span\n    aria-label={feature.label}\n    aria-disabled=\"true\"\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'} is-disabled\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <svg\n        class=\"mc-sidebar-feature__icon-disabled\"\n        width=\"16px\"\n        height=\"16px\"\n        viewBox=\"0 0 16 16\"\n        ><g clip-path=\"url(#a)\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n          /></g\n        ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n        ></svg\n      >\n      <span>{feature.label}</span>\n    </div>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-feature {\n    font-size: 16px;\n    min-width: 200px;\n    cursor: pointer;\n    flex: 1;\n    display: flex;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    overflow: hidden;\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding-top: 8px;\n      padding-bottom: 8px;\n\n      span {\n        max-width: 200px;\n        min-width: 200px;\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__icon-disabled {\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &__label {\n      flex: 1;\n      margin-right: 8px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      &__tooltip {\n        opacity: 0;\n        transition: 0s opacity;\n        background-color: $color-sidebar-divider-background;\n        border: 1px solid $color-sidebar-text-color;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid $color-sidebar-text-color;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid $color-sidebar-divider-background;\n          }\n        }\n      }\n\n      &:hover + .mc-sidebar-feature__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__icon {\n      margin-right: 8px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 0px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 32px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 32px;\n      }\n    }\n\n    &.is-disabled {\n      color: $color-sidebar-feature-disabled-background;\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &:hover {\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-feature__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","span1","span1_aria_label_value","span1_id_value","code","insert","target","anchor","append","div","svg","g","path0","defs","clipPath","path1","span0","dirty","set_data","t1","t0_value","create_if_block_2","embedded","create_if_block_1","href","a","a_target_value","a_id_value","span","t0","div2","div1","path","disabled","create_if_block","ariaSuffix","showTooltip","feature","$$props","a11yLabels","isSelected","selection","_c","lv1","_a","lv2","_b","updateSelection","$selectedFeature","$$invalidate","updatA11yLabel","setTimeout","offsetHeight","scrollHeight","$$value"],"mappings":"g7GAwGaA,EAAAC,KAAQC,MAAK,glBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,0CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAwBMC,EAAAL,EAAAM,GAhBJC,EAeKP,EAAAQ,GAdHD,EAYAC,EAAAC,GAPGF,EAKAE,EAAAC,GAJEH,EAGCG,EAAAC,GACHJ,EACAE,EAAAG,GADML,EAAsDK,EAAAC,GAArCN,EAA0BM,EAAAC,UAGpDP,EAA2BC,EAAAO,kBAApB,EAAAC,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,GArBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,0DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,6NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,kBACVE,EAAAyB,EAAA,KAAAE,EAAA7B,KAAQM,cAPdC,EAgCGC,EAAAmB,EAAAlB,GAvBDC,EAsBKiB,EAAAhB,GArBHD,EAEAC,EAAAmB,sEADI,EAAAX,GAAAG,KAAAA,EAAAtB,KAAQC,MAAK,KAAAmB,EAAAW,EAAAT,GAEZtB,EAAW,yDAMU,WAArBA,EAAO,GAACwB,yEAlBFxB,EAAO,GAACC,MAAOD,EAAU,sCAChCA,EAAO,GAAC0B,MAAQ,wCACd,EAAAP,GAAAS,KAAAA,EAAA5B,KAAQwB,8DACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,kCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,qTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,uaAItBQ,EASAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDA7BN,OAAAlC,KAAQmC,WAAQC,8PA/BhBC,EAEApC,EACAqC,WAVOC,GAAgBC,cAChBC,GAAsBD,EAK7BE,GAAa,sIAcQH,EAAkBI,iBACzCD,EAEJ,QADAE,GAAQD,eAAAA,EAAWE,MAAON,EAAQjC,QAAlC,QAAAwC,EAA2CH,eAAAA,EAAWE,eAAtDC,SAAAA,EAA2DxC,QAClDqC,eAAAA,EAAWI,MAAOR,EAAQjC,QAAnC,QAAA0C,EAA4CL,eAAAA,EAAWI,eAAvDC,SAAAA,EAA4D1C,iBAA5DsC,GAAAA,GApBKK,CAAgBV,EAASW,2BAwBJjD,EAAmBsC,GACrCA,EAAQf,SACV2B,EAAA,EAAAd,GAAapC,eAAAA,EAAQ,yBACZ,KAAAA,EAAM,2BACX,2BAEJkD,EAAA,EAAAd,EAAa,IA7Bde,CAAeX,EAAYF,iBAW5Bc,iBACEF,EAAA,EAAAb,GAAcrC,eAAAA,EAAOqD,eAAerD,eAAAA,EAAOsD,cAAY,GACtD,+DAgCkDtD,EAAKuD"}

package/public/components/sidebar/sidebar-section.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as t,s as i,I as s,T as l,b as a,B as n,z as o,A as r,m as c,ag as d,e as u,d as b,h as m,W as f,k as g,C as x,R as p,E as v,F as h,x as w,G as k}from"../../index-c222d0b7.js";import y from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as L,i as j}from"../../sidebar-service-8aa10fb1.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f7ee47ca.js";function z(e){s(e,"svelte-1c5gu62",".mc-sidebar-section.svelte-1c5gu62.svelte-1c5gu62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-1c5gu62 ul.svelte-1c5gu62,.mc-sidebar-section.svelte-1c5gu62 li.svelte-1c5gu62{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-1c5gu62 ul.svelte-1c5gu62{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-sidebar-section.svelte-1c5gu62 ul li.svelte-1c5gu62{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-1c5gu62 ul li.svelte-1c5gu62:first-child{margin-top:0}.mc-sidebar-section.svelte-1c5gu62 ul li.svelte-1c5gu62:last-child{margin-bottom:0}.mc-sidebar-section.svelte-1c5gu62 ul.is-hidden.svelte-1c5gu62{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-1c5gu62 ul.is-visible.svelte-1c5gu62{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-1c5gu62.svelte-1c5gu62::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-1c5gu62.svelte-1c5gu62::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,i){const s=e.slice();return s[10]=t[i],s}function B(e){let t,i,s,l,d,v,h=e[0],w=[];for(let t=0;t<h.length;t+=1)w[t]=E(G(e,h,t));const k=e=>o(w[e],1,1,(()=>{w[e]=null}));let y=e[3]&&e[4]&&H(e);return{c(){t=u("div"),i=u("ul");for(let e=0;e<w.length;e+=1)w[e].c();d=b(),y&&y.c(),m(i,"class",s=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1c5gu62"),m(i,"aria-hidden",l=e[3]&&e[4]),m(t,"class","mc-sidebar-section svelte-1c5gu62")},m(e,s){a(e,t,s),g(t,i);for(let e=0;e<w.length;e+=1)w[e]&&w[e].m(i,null);g(t,d),y&&y.m(t,null),v=!0},p(e,a){if(103&a){let t;for(h=e[0],t=0;t<h.length;t+=1){const s=G(e,h,t);w[t]?(w[t].p(s,a),n(w[t],1)):(w[t]=E(s),w[t].c(),n(w[t],1),w[t].m(i,null))}for(x(),t=h.length;t<w.length;t+=1)k(t);r()}(!v||24&a&&s!==(s=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1c5gu62"))&&m(i,"class",s),(!v||24&a&&l!==(l=e[3]&&e[4]))&&m(i,"aria-hidden",l),e[3]&&e[4]?y?(y.p(e,a),24&a&&n(y,1)):(y=H(e),y.c(),n(y,1),y.m(t,null)):y&&(x(),o(y,1,1,(()=>{y=null})),r())},i(e){if(!v){for(let e=0;e<h.length;e+=1)n(w[e]);n(y),v=!0}},o(e){w=w.filter(Boolean);for(let e=0;e<w.length;e+=1)o(w[e]);o(y),v=!1},d(e){e&&c(t),p(w,e),y&&y.d()}}}function E(e){let t,i,s,l,r,d;function f(){return e[8](e[10])}return i=new y({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=u("li"),v(i.$$.fragment),s=b(),m(t,"class","svelte-1c5gu62")},m(e,n){a(e,t,n),h(i,t,null),g(t,s),l=!0,r||(d=w(t,"click",f),r=!0)},p(t,s){e=t;const l={};1&s&&(l.featureGroup=e[10]),5&s&&(l.expand=e[2]===e[10].code),2&s&&(l.a11yLabels=e[1]),i.$set(l)},i(e){l||(n(i.$$.fragment,e),l=!0)},o(e){o(i.$$.fragment,e),l=!1},d(e){e&&c(t),k(i),r=!1,d()}}}function H(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,s){h(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(n(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){k(t,e)}}}function A(e){let t,i,s=e[0]?.length&&B(e);return{c(){s&&s.c(),t=l()},m(e,l){s&&s.m(e,l),a(e,t,l),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&n(s,1)):(s=B(e),s.c(),n(s,1),s.m(t.parentNode,t)):s&&(x(),o(s,1,1,(()=>{s=null})),r())},i(e){i||(n(s),i=!0)},o(e){o(s),i=!1},d(e){s&&s.d(e),e&&c(t)}}}function C(e,t,i){let s;d(e,j,(e=>i(4,s=e)));let l,a,{data:n=[]}=t,{a11yLabels:o}=t;function r(e){const t=s;t||L(),i(2,l=t&&l===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?a&&a.code===e.detail.code?i(3,a=void 0):i(3,a=e.detail):i(3,a=void 0)}return e.$$set=e=>{"data"in e&&i(0,n=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[n,o,l,a,s,r,c,e=>c(e),e=>r(e.code),()=>c()]}class F extends e{constructor(e){super(),t(this,e,C,A,i,{data:0,a11yLabels:1},z)}}export{F as default};
-//# sourceMappingURL=sidebar-section.nested.js.map