@mozaic-ds/web-components 0.9.0 → 0.10.0

package/public/components/ratings/StarsResult.js

@@ -1,2 +1,2 @@
-import{S as m,i as l,a as e,b as t,f,s as o,c as x,e as r,d as i,t as a,n as s,g as n,h as u,j as c,k as g,m as b,o as _,p as y,q as p}from"../../index-c33b3772.js";function w(m){let l,e;return{c(){l=r("span"),e=a(m[3]),n(l,"class","mc-stars-result__suffix-label mu-ml-050")},m(m,f){t(m,l,f),c(l,e)},p(m,l){8&l&&g(e,m[3])},d(m){m&&_(l)}}}function M(m){let l,e,f,o,y,p,M,d=m[3]&&w(m),k=[{class:M=h(m[0],m[1],m[3])+" "+m[5]},m[4]],j={};for(let m=0;m<k.length;m+=1)j=x(j,k[m]);return{c(){l=r("div"),e=r("span"),f=i(),d&&d.c(),o=i(),y=r("span"),p=a(m[2]),this.c=s,n(e,"class","mc-stars-result__visual"),n(y,"class","mc-stars-result__text"),u(l,j)},m(m,x){t(m,l,x),c(l,e),c(l,f),d&&d.m(l,null),c(l,o),c(l,y),c(y,p)},p(m,[e]){m[3]?d?d.p(m,e):(d=w(m),d.c(),d.m(l,o)):d&&(d.d(1),d=null),4&e&&g(p,m[2]),u(l,j=b(k,[43&e&&M!==(M=h(m[0],m[1],m[3])+" "+m[5])&&{class:M},16&e&&m[4]]))},i:s,o:s,d(m){m&&_(l),d&&d.d()}}}function h(m,l,e){const t=["mc-stars-result",`mc-stars-result--score-${d(m)}`,`mc-stars-result--${l}`];return!!e&&t.push("ml-flexy","ml-flexy--items-center"),t.join(" ")}function d(m){let l=Math.round(2*m)/2;return l<0&&(l=0),l>5&&(l=5),20*l}function k(m,l,e){let t,f;const o=["value","size","a11ylabel","suffixlabel"];let r=y(l,o),{value:i=0}=l,{size:a="m"}=l,{a11ylabel:s=""}=l,{suffixlabel:n}=l;return m.$$set=m=>{e(7,l=x(x({},l),p(m))),e(6,r=y(l,o)),"value"in m&&e(0,i=m.value),"size"in m&&e(1,a=m.size),"a11ylabel"in m&&e(2,s=m.a11ylabel),"suffixlabel"in m&&e(3,n=m.suffixlabel)},m.$$.update=()=>{e(5,t=l.class),e(4,f=Object.assign({},r)),16&m.$$.dirty&&delete f.class},l=p(l),[i,a,s,n,f,t]}class j extends m{constructor(m){super();const x=document.createElement("style");x.textContent='.mc-stars-result{font-family:"LeroyMerlin", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-stars-result__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-stars-result__visual{height:1.5rem;width:7.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNlYTczMTUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEuNWExIDEgMCAwMS45MDguNThsMi43NzIgNi4wMDcgNi40NjIuOTIzYTEgMSAwIDAxLjQ5MSAxLjc2NGwtNC45OSA0LjA4NCAxLjgxOSA2LjM2N2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxMiAxOC42NzRsLTUuOTc2IDMuNjc4YTEgMSAwIDAxLTEuNDg1LTEuMTI3bDEuODE5LTYuMzY3LTQuOTkxLTQuMDg0YTEgMSAwIDAxLjQ5Mi0xLjc2NGw2LjQ2MS0uOTIzIDIuNzcyLTYuMDA2QTEgMSAwIDAxMTIgMS41em0wIDMuMzg2TDkuOTA4IDkuNDJsLS4yMjguNDk0LS41MzkuMDc3LTQuNzQ1LjY3OCAzLjczNyAzLjA1OC41MS40MTYtLjE4MS42MzNMNy4xNjkgMTkuM2w0LjMwNy0yLjY1LjUyNC0uMzIzLjUyNC4zMjIgNC4zMDcgMi42NS0xLjI5Mi00LjUyMy0uMTgxLS42MzMuNTA5LS40MTYgMy43MzgtMy4wNTgtNC43NDYtLjY3OC0uNTM5LS4wNzctLjIyOC0uNDk0TDEyIDQuODg2eiIvPjwvc3ZnPg==");position:relative}.mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNlYTczMTUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjkwOCAyLjA4YTEgMSAwIDAwLTEuODE2IDBMOC4zMiA4LjA4OGwtNi40Ni45MjJhMSAxIDAgMDAtLjQ5MiAxLjc2NGw0Ljk5IDQuMDg0LTEuODE4IDYuMzY3YTEgMSAwIDAwMS40ODUgMS4xMjdMMTIgMTguNjc0bDUuOTc2IDMuNjc4YTEgMSAwIDAwMS40ODYtMS4xMjdsLTEuODItNi4zNjcgNC45OTEtNC4wODRhMSAxIDAgMDAtLjQ5MS0xLjc2NGwtNi40NjItLjkyMy0yLjc3Mi02LjAwNnoiLz48L3N2Zz4=")}.mc-stars-result__visual,.mc-stars-result__visual::before{background-position:left top;background-repeat:repeat-x;background-size:1.5rem 1.5rem;display:block}.mc-stars-result__visual::before{bottom:0;content:"";left:0;position:absolute;top:0}.mc-stars-result__label{font-size:1.125rem;line-height:1;color:#000000;margin-left:0.5rem}.mc-stars-result__label--score{font-weight:600}.mc-stars-result--s .mc-stars-result__visual{height:1rem;width:5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxLjVhMSAxIDAgMDEuOTA2LjU3N2wxLjUzNiAzLjI5MiAzLjI1NC42NWExIDEgMCAwMS40MzcgMS43NTVsLTIuMjk2IDEuODc5LjY0OCAzLjY3M2ExIDEgMCAwMS0xLjU2Ni45ODhMOCAxMi4yMjlsLTIuOTE5IDIuMDg1YTEgMSAwIDAxLTEuNTY2LS45ODhsLjY0OC0zLjY3My0yLjI5Ni0xLjg3OWExIDEgMCAwMS40MzctMS43NTVsMy4yNTQtLjY1IDEuNTM2LTMuMjkyQTEgMSAwIDAxOCAxLjV6bTAgMy4zNjVsLS44NDQgMS44MDgtLjIxNC40NTgtLjQ5Ni4xLTEuNjc1LjMzNSAxLjExMi45MS40NTQuMzcxLS4xMDIuNTc3LS4zMjUgMS44NCAxLjUwOS0xLjA3OEw4IDkuNzcxbC41ODEuNDE1IDEuNTA5IDEuMDc4LS4zMjUtMS44NC0uMTAyLS41NzcuNDU0LS4zNzEgMS4xMTItLjkxLTEuNjc1LS4zMzUtLjQ5Ni0uMS0uMjE0LS40NThMOCA0Ljg2NXoiLz48L3N2Zz4=")}.mc-stars-result--s .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC45MDYgMi4wNzdhMSAxIDAgMDAtMS44MTIgMEw1LjU1OCA1LjM3bC0zLjI1NC42NWExIDEgMCAwMC0uNDM3IDEuNzU1bDIuMjk2IDEuODc5LS42NDggMy42NzNhMSAxIDAgMDAxLjU2Ni45ODhMOCAxMi4yMjlsMi45MTkgMi4wODVhMSAxIDAgMDAxLjU2Ni0uOTg4bC0uNjQ4LTMuNjczIDIuMjk2LTEuODc5YTEgMSAwIDAwLS40MzctMS43NTVsLTMuMjU0LS42NS0xLjUzNi0zLjI5MnoiLz48L3N2Zz4=")}.mc-stars-result--s .mc-stars-result__visual,.mc-stars-result--s .mc-stars-result__visual::before{background-size:1rem 1rem}.mc-stars-result--l .mc-stars-result__visual{height:2rem;width:10rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMi4zMzNhMSAxIDAgMDEuOTA4LjU4MWwzLjc3MiA4LjE3MyA4Ljc5NSAxLjI1NmExIDEgMCAwMS40OTIgMS43NjRsLTYuODI1IDUuNTg0IDIuNDg3IDguN2ExIDEgMCAwMS0xLjQ4NiAxLjEyN0wxNiAyNC41MDhsLTguMTQyIDUuMDFhMSAxIDAgMDEtMS40ODYtMS4xMjZsMi40ODYtOC43MDEtNi44MjQtNS41ODRhMSAxIDAgMDEuNDkyLTEuNzY0bDguNzk0LTEuMjU2IDMuNzcyLTguMTczYTEgMSAwIDAxLjkwOC0uNTh6bTAgMy4zODdsLTMuMDkyIDYuNjk5LS4yMjguNDk0LS41MzguMDc3TDUuMDYyIDE0bDUuNTcyIDQuNTU4LjUwOC40MTctLjE4LjYzMi0xLjk2IDYuODU3IDYuNDc0LTMuOTgzLjUyNC0uMzIzLjUyNC4zMjMgNi40NzQgMy45ODMtMS45Ni02Ljg1Ny0uMTgtLjYzMi41MS0uNDE3TDI2LjkzOCAxNGwtNy4wOC0xLjAxMS0uNTM4LS4wNzctLjIyOC0uNDk0TDE2IDUuNzE5eiIvPjwvc3ZnPg==")}.mc-stars-result--l .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuOTA4IDIuOTE0YTEgMSAwIDAwLTEuODE2IDBsLTMuNzcyIDguMTczLTguNzk0IDEuMjU2YTEgMSAwIDAwLS40OTIgMS43NjRsNi44MjQgNS41ODQtMi40ODYgOC43YTEgMSAwIDAwMS40ODYgMS4xMjdMMTYgMjQuNTA4bDguMTQzIDUuMDFhMSAxIDAgMDAxLjQ4Ni0xLjEyNmwtMi40ODctOC43MDEgNi44MjUtNS41ODRhMSAxIDAgMDAtLjQ5Mi0xLjc2NGwtOC43OTUtMS4yNTYtMy43NzItOC4xNzN6Ii8+PC9zdmc+")}.mc-stars-result--l .mc-stars-result__visual,.mc-stars-result--l .mc-stars-result__visual::before{background-size:2rem 2rem}.mc-stars-result--xl .mc-stars-result__visual{height:3rem;width:15rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMy41YTEuNSAxLjUgMCAwMTEuMzYyLjg3MWw1LjY1OCAxMi4yNiAxMy4xOTIgMS44ODRhMS41IDEuNSAwIDAxLjczOCAyLjY0NmwtMTAuMjM3IDguMzc1IDMuNzMgMTMuMDUyYTEuNSAxLjUgMCAwMS0yLjIzIDEuNjlMMjQgMzYuNzZsLTEyLjIxNCA3LjUxN2ExLjUgMS41IDAgMDEtMi4yMjgtMS42OWwzLjcyOS0xMy4wNTJMMy4wNSAyMS4xNjFhMS41IDEuNSAwIDAxLjczOC0yLjY0NmwxMy4xOTItMS44ODQgNS42NTgtMTIuMjZBMS41IDEuNSAwIDAxMjQgMy41em0wIDUuMDhsLTQuNjM4IDEwLjA0OS0uMzQyLjc0LS44MDguMTE2LTEwLjYxOSAxLjUxNyA4LjM1NyA2LjgzNy43NjMuNjI1LS4yNy45NDgtMi45NCAxMC4yODYgOS43MS01Ljk3Ni43ODctLjQ4My43ODYuNDgzIDkuNzEgNS45NzYtMi45MzgtMTAuMjg2LS4yNzEtLjk0OC43NjMtLjYyNSA4LjM1Ny02LjgzNy0xMC42Mi0xLjUxNy0uODA3LS4xMTYtLjM0Mi0uNzRMMjQgOC41Nzl6Ii8+PC9zdmc+")}.mc-stars-result--xl .mc-stars-result__visual::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iM3JlbSIgd2lkdGg9IjNyZW0iIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI2VhNzMxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuOTA4IDQuNThhMSAxIDAgMDAtMS44MTYgMEwxNy4zMiAxNy4wODggMy44NiAxOS4wMWExIDEgMCAwMC0uNDkyIDEuNzY0bDEwLjQ5IDguNTg0LTMuODE4IDEzLjM2N2ExIDEgMCAwMDEuNDg1IDEuMTI3TDI0IDM2LjE3NGwxMi40NzYgNy42NzhhMSAxIDAgMDAxLjQ4Ni0xLjEyN2wtMy44Mi0xMy4zNjcgMTAuNDkxLTguNTg0YTEgMSAwIDAwLS40OTItMS43NjRMMzAuNjggMTcuMDg3IDI0LjkwOCA0LjU4MXoiLz48L3N2Zz4=")}.mc-stars-result--xl .mc-stars-result__visual,.mc-stars-result--xl .mc-stars-result__visual::before{background-size:3rem 3rem}.mc-stars-result--score-10 .mc-stars-result__visual::before{width:10%}.mc-stars-result--score-20 .mc-stars-result__visual::before{width:20%}.mc-stars-result--score-30 .mc-stars-result__visual::before{width:30%}.mc-stars-result--score-40 .mc-stars-result__visual::before{width:40%}.mc-stars-result--score-50 .mc-stars-result__visual::before{width:50%}.mc-stars-result--score-60 .mc-stars-result__visual::before{width:60%}.mc-stars-result--score-70 .mc-stars-result__visual::before{width:70%}.mc-stars-result--score-80 .mc-stars-result__visual::before{width:80%}.mc-stars-result--score-90 .mc-stars-result__visual::before{width:90%}.mc-stars-result--score-100 .mc-stars-result__visual::before{width:100%}.mu-mt-025{margin-top:0.25rem !important}.mu-mt-050{margin-top:0.5rem !important}.mu-mt-075{margin-top:0.75rem !important}.mu-mt-100{margin-top:1rem !important}.mu-mt-125{margin-top:1.25rem !important}.mu-mt-150{margin-top:1.5rem !important}.mu-mt-200{margin-top:2rem !important}.mu-mt-250{margin-top:2.5rem !important}.mu-mt-300{margin-top:3rem !important}.mu-mt-350{margin-top:3.5rem !important}.mu-mt-400{margin-top:4rem !important}.mu-mt-500{margin-top:5rem !important}.mu-mt-600{margin-top:6rem !important}.mu-mt-700{margin-top:7rem !important}.mu-mt-800{margin-top:8rem !important}.mu-mt-900{margin-top:9rem !important}.mu-mt-1000{margin-top:10rem !important}.mu-mr-025{margin-right:0.25rem !important}.mu-mr-050{margin-right:0.5rem !important}.mu-mr-075{margin-right:0.75rem !important}.mu-mr-100{margin-right:1rem !important}.mu-mr-125{margin-right:1.25rem !important}.mu-mr-150{margin-right:1.5rem !important}.mu-mr-200{margin-right:2rem !important}.mu-mr-250{margin-right:2.5rem !important}.mu-mr-300{margin-right:3rem !important}.mu-mr-350{margin-right:3.5rem !important}.mu-mr-400{margin-right:4rem !important}.mu-mr-500{margin-right:5rem !important}.mu-mr-600{margin-right:6rem !important}.mu-mr-700{margin-right:7rem !important}.mu-mr-800{margin-right:8rem !important}.mu-mr-900{margin-right:9rem !important}.mu-mr-1000{margin-right:10rem !important}.mu-ml-025{margin-left:0.25rem !important}.mu-ml-050{margin-left:0.5rem !important}.mu-ml-075{margin-left:0.75rem !important}.mu-ml-100{margin-left:1rem !important}.mu-ml-125{margin-left:1.25rem !important}.mu-ml-150{margin-left:1.5rem !important}.mu-ml-200{margin-left:2rem !important}.mu-ml-250{margin-left:2.5rem !important}.mu-ml-300{margin-left:3rem !important}.mu-ml-350{margin-left:3.5rem !important}.mu-ml-400{margin-left:4rem !important}.mu-ml-500{margin-left:5rem !important}.mu-ml-600{margin-left:6rem !important}.mu-ml-700{margin-left:7rem !important}.mu-ml-800{margin-left:8rem !important}.mu-ml-900{margin-left:9rem !important}.mu-ml-1000{margin-left:10rem !important}.mu-mb-025{margin-bottom:0.25rem !important}.mu-mb-050{margin-bottom:0.5rem !important}.mu-mb-075{margin-bottom:0.75rem !important}.mu-mb-100{margin-bottom:1rem !important}.mu-mb-125{margin-bottom:1.25rem !important}.mu-mb-150{margin-bottom:1.5rem !important}.mu-mb-200{margin-bottom:2rem !important}.mu-mb-250{margin-bottom:2.5rem !important}.mu-mb-300{margin-bottom:3rem !important}.mu-mb-350{margin-bottom:3.5rem !important}.mu-mb-400{margin-bottom:4rem !important}.mu-mb-500{margin-bottom:5rem !important}.mu-mb-600{margin-bottom:6rem !important}.mu-mb-700{margin-bottom:7rem !important}.mu-mb-800{margin-bottom:8rem !important}.mu-mb-900{margin-bottom:9rem !important}.mu-mb-1000{margin-bottom:10rem !important}.mu-m-025{margin:0.25rem !important}.mu-m-050{margin:0.5rem !important}.mu-m-075{margin:0.75rem !important}.mu-m-100{margin:1rem !important}.mu-m-125{margin:1.25rem !important}.mu-m-150{margin:1.5rem !important}.mu-m-200{margin:2rem !important}.mu-m-250{margin:2.5rem !important}.mu-m-300{margin:3rem !important}.mu-m-350{margin:3.5rem !important}.mu-m-400{margin:4rem !important}.mu-m-500{margin:5rem !important}.mu-m-600{margin:6rem !important}.mu-m-700{margin:7rem !important}.mu-m-800{margin:8rem !important}.mu-m-900{margin:9rem !important}.mu-m-1000{margin:10rem !important}.mu-mv-025{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.mu-mv-050{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.mu-mv-075{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mu-mv-100{margin-top:1rem !important;margin-bottom:1rem !important}.mu-mv-125{margin-top:1.25rem !important;margin-bottom:1.25rem !important}.mu-mv-150{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.mu-mv-200{margin-top:2rem !important;margin-bottom:2rem !important}.mu-mv-250{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.mu-mv-300{margin-top:3rem !important;margin-bottom:3rem !important}.mu-mv-350{margin-top:3.5rem !important;margin-bottom:3.5rem !important}.mu-mv-400{margin-top:4rem !important;margin-bottom:4rem !important}.mu-mv-500{margin-top:5rem !important;margin-bottom:5rem !important}.mu-mv-600{margin-top:6rem !important;margin-bottom:6rem !important}.mu-mv-700{margin-top:7rem !important;margin-bottom:7rem !important}.mu-mv-800{margin-top:8rem !important;margin-bottom:8rem !important}.mu-mv-900{margin-top:9rem !important;margin-bottom:9rem !important}.mu-mv-1000{margin-top:10rem !important;margin-bottom:10rem !important}.mu-mh-025{margin-left:0.25rem !important;margin-right:0.25rem !important}.mu-mh-050{margin-left:0.5rem !important;margin-right:0.5rem !important}.mu-mh-075{margin-left:0.75rem !important;margin-right:0.75rem !important}.mu-mh-100{margin-left:1rem !important;margin-right:1rem !important}.mu-mh-125{margin-left:1.25rem !important;margin-right:1.25rem !important}.mu-mh-150{margin-left:1.5rem !important;margin-right:1.5rem !important}.mu-mh-200{margin-left:2rem !important;margin-right:2rem !important}.mu-mh-250{margin-left:2.5rem !important;margin-right:2.5rem !important}.mu-mh-300{margin-left:3rem !important;margin-right:3rem !important}.mu-mh-350{margin-left:3.5rem !important;margin-right:3.5rem !important}.mu-mh-400{margin-left:4rem !important;margin-right:4rem !important}.mu-mh-500{margin-left:5rem !important;margin-right:5rem !important}.mu-mh-600{margin-left:6rem !important;margin-right:6rem !important}.mu-mh-700{margin-left:7rem !important;margin-right:7rem !important}.mu-mh-800{margin-left:8rem !important;margin-right:8rem !important}.mu-mh-900{margin-left:9rem !important;margin-right:9rem !important}.mu-mh-1000{margin-left:10rem !important;margin-right:10rem !important}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-stars-result{font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-stars-result--s .mc-stars-result__suffix-label{font-size:0.75rem;line-height:1.5;color:#4d4d4d}.mc-stars-result--l .mc-stars-result__suffix-label{font-size:1.125rem;line-height:1.5555555556}.mc-stars-result--xl .mc-stars-result__suffix-label{font-size:1.75rem;line-height:1.5714285714}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},k,M,o,{value:0,size:1,a11ylabel:2,suffixlabel:3},null),m&&(m.target&&t(m.target,this,m.anchor),m.props&&(this.$set(m.props),f()))}static get observedAttributes(){return["value","size","a11ylabel","suffixlabel"]}get value(){return this.$$.ctx[0]}set value(m){this.$$set({value:m}),f()}get size(){return this.$$.ctx[1]}set size(m){this.$$set({size:m}),f()}get a11ylabel(){return this.$$.ctx[2]}set a11ylabel(m){this.$$set({a11ylabel:m}),f()}get suffixlabel(){return this.$$.ctx[3]}set suffixlabel(m){this.$$set({suffixlabel:m}),f()}}export{j as default};
+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,t as a,n as s,g as n,h as u,j as _,k as c,m as b,o as p,p as g,q as y}from"../../index-c33b3772.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/select/Select.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":["ctx","insert","target","option","anchor","t0_value","text","attr","option_name_value","value","disabled","option_disabled_value","__value","option_value_value","dirty","set_data","t0","create_if_block","length","i","class","select_class_value","setClasses","add_render_callback","call","select","isvalid","isinvalid","size","classes","push","join","id","$$props","valueselected","placeholder","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","valueSelected","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps","select_value","this","dispatch"],"mappings":"+bA2DsC,WAC5BA,EAAW,QAAC,gFADlBC,EAEQC,EAAAC,EAAAC,yCADFJ,EAAW,kDAMdK,EAAAL,MAAIM,KAAI,yCADGC,EAAAJ,EAAA,OAAAK,EAAAR,MAAIS,OAAiBN,EAAAO,SAAAC,EAAAX,MAAIU,SAAiBP,EAAAS,QAAAC,EAAAb,MAAIS,gCAA5DR,EAEQC,EAAAC,EAAAC,yBADL,IAAAU,GAAAT,KAAAA,EAAAL,MAAIM,KAAI,KAAAS,EAAAC,EAAAX,GADG,IAAAS,GAAAN,KAAAA,EAAAR,MAAIS,sBAAiB,IAAAK,GAAAH,KAAAA,EAAAX,MAAIU,0BAAiB,IAAAI,GAAAD,KAAAA,EAAAb,MAAIS,sFAPzDT,EAAW,IAAAiB,EAAAjB,KAMTA,EAAa,wBAAlBkB,OAAIC,GAAA,qCAZEC,MAAAC,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,oBAIpDA,EAAU,mJAFW,IAAbA,EAAa,IAAAuB,GAAA,IAAAvB,EAAA,IAAAwB,KAAAC,aAL3BxB,EAoBQC,EAAAuB,EAAArB,8IAfMJ,EAAa,IAAA,4FAIpBA,EAAW,4EAMTA,EAAa,WAAlBkB,OAAIC,GAAA,EAAA,iHAAJD,iCAZM,IAAAJ,GAAAO,KAAAA,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,KAAA,CAAAoB,MAAAC,+BAIpDrB,EAAU,iEAFFA,EAAa,sDA5BhB,SAAAsB,EACPI,EACAC,EACAC,GAEM,MAAAC,GAAW,oBAEbH,IAAYC,GACdE,EAAQC,KAAK,YAGXH,GACFE,EAAQC,KAAK,cAEXF,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,iJAnCXC,GAAUC,GACVC,cAAAA,EAAgB,IAAED,eAClBE,GAAmBF,GACnBL,KAAAA,EAAmB,KAAGK,GACtBP,QAAAA,GAAU,GAAKO,GACfN,UAAAA,GAAY,GAAKM,GACjBvB,SAAAA,GAAW,GAAKuB,WAChBG,GAAeH,EACtBI,MAAmBC,QACjBC,EAAgBC,EAAqBC,KACvC,IAAAC,EAAgB,4WAEnBC,EAAA,EAAEC,EAAgBR,EAAWS,KAAKC,MAAMV,GAAO,qBAC/CO,EAAA,EAAED,EAAgBR,GAChBS,EAAA,EAAAI,EAAYd,EAAQb,WACpB4B,EAALC,OAAAC,UAAuBC,0BACXH,EAAW5B,sDA6BTsB,EAAaU,EAAAC,qCACR,IAAAhB,EAAaiB,SAAS,SAAUZ"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":["ctx","insert","target","option","anchor","t0_value","text","attr","option_name_value","value","disabled","option_disabled_value","__value","option_value_value","dirty","set_data","t0","create_if_block","length","i","class","select_class_value","setClasses","add_render_callback","call","select","isvalid","isinvalid","size","classes","push","join","id","$$props","valueselected","placeholder","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","valueSelected","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps","select_value","this","dispatch"],"mappings":"ocA2DsC,WAC5BA,EAAW,QAAC,gFADlBC,EAEQC,EAAAC,EAAAC,yCADFJ,EAAW,kDAMdK,EAAAL,MAAIM,KAAI,yCADGC,EAAAJ,EAAA,OAAAK,EAAAR,MAAIS,OAAiBN,EAAAO,SAAAC,EAAAX,MAAIU,SAAiBP,EAAAS,QAAAC,EAAAb,MAAIS,gCAA5DR,EAEQC,EAAAC,EAAAC,yBADL,IAAAU,GAAAT,KAAAA,EAAAL,MAAIM,KAAI,KAAAS,EAAAC,EAAAX,GADG,IAAAS,GAAAN,KAAAA,EAAAR,MAAIS,sBAAiB,IAAAK,GAAAH,KAAAA,EAAAX,MAAIU,0BAAiB,IAAAI,GAAAD,KAAAA,EAAAb,MAAIS,sFAPzDT,EAAW,IAAAiB,EAAAjB,KAMTA,EAAa,wBAAlBkB,OAAIC,GAAA,qCAZEC,MAAAC,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,oBAIpDA,EAAU,mJAFW,IAAbA,EAAa,IAAAuB,GAAA,IAAAvB,EAAA,IAAAwB,KAAAC,aAL3BxB,EAoBQC,EAAAuB,EAAArB,8IAfMJ,EAAa,IAAA,4FAIpBA,EAAW,4EAMTA,EAAa,WAAlBkB,OAAIC,GAAA,EAAA,iHAAJD,iCAZM,IAAAJ,GAAAO,KAAAA,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,KAAA,CAAAoB,MAAAC,+BAIpDrB,EAAU,iEAFFA,EAAa,sDA5BhB,SAAAsB,EACPI,EACAC,EACAC,GAEM,MAAAC,GAAW,oBAEbH,IAAYC,GACdE,EAAQC,KAAK,YAGXH,GACFE,EAAQC,KAAK,cAEXF,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,iJAnCXC,GAAUC,GACVC,cAAAA,EAAgB,IAAED,eAClBE,GAAmBF,GACnBL,KAAAA,EAAmB,KAAGK,GACtBP,QAAAA,GAAU,GAAKO,GACfN,UAAAA,GAAY,GAAKM,GACjBvB,SAAAA,GAAW,GAAKuB,WAChBG,GAAeH,EACtBI,MAAmBC,QACjBC,EAAgBC,EAAqBC,KACvC,IAAAC,EAAgB,4WAEnBC,EAAA,EAAEC,EAAgBR,EAAWS,KAAKC,MAAMV,GAAO,qBAC/CO,EAAA,EAAED,EAAgBR,GAChBS,EAAA,EAAAI,EAAYd,EAAQb,WACpB4B,EAALC,OAAAC,UAAuBC,0BACXH,EAAW5B,sDA6BTsB,EAAaU,EAAAC,qCACR,IAAAhB,EAAaiB,SAAS,SAAUZ"}

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

@@ -1,2 +1,2 @@
-import{P as e,i as t,s as r,Q as i,e as o,d as s,g as l,b as n,j as a,C as c,E as f,D as u,o as d,J as m,ab as p,K as v,t as b,k as g,x as h,A as x,l as _,I as w,G as y,M as k,v as $,Z as L,T as H}from"../../index-c33b3772.js";import j from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){i(e,"svelte-vmcfrr",".mc-feature-group.svelte-vmcfrr.svelte-vmcfrr{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-vmcfrr.svelte-vmcfrr{fill:#191919}.mc-feature-group__container.svelte-vmcfrr.svelte-vmcfrr{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;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-vmcfrr.svelte-vmcfrr{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-vmcfrr.svelte-vmcfrr{opacity:0;-webkit-transition:0s opacity;-o-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-vmcfrr.svelte-vmcfrr{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-vmcfrr div.svelte-vmcfrr{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-vmcfrr:hover+.mc-feature-group__label__tooltip.svelte-vmcfrr{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-vmcfrr.svelte-vmcfrr{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-vmcfrr.svelte-vmcfrr{height:0}.mc-feature-group.is-selected.svelte-vmcfrr.svelte-vmcfrr{background:#cfd2d8}.mc-feature-group.is-close.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 32px}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:hover{background:#b3b7c1}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-vmcfrr:focus-visible .mc-feature-group__container.svelte-vmcfrr{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-vmcfrr.svelte-vmcfrr,li.svelte-vmcfrr.svelte-vmcfrr{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-vmcfrr.svelte-vmcfrr{-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-vmcfrr li.svelte-vmcfrr{-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 B(e,t,r){const i=e.slice();return i[15]=t[r],i}function C(e){let t,r,i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`;return{c(){t=new L(!1),r=v(),t.a=r},m(e,o){t.m(i,e,o),n(e,r,o)},p(e,r){1&r&&i!==(i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`)&&t.p(i)},d(e){e&&d(r),e&&t.d()}}}function q(e){let t,r,i,c,f,u=e[0].label+"",m=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function p(e,t){return e[1]?N:S}let h=p(e),x=h(e);return{c(){t=o("span"),r=b(u),i=s(),m&&m.c(),c=s(),x.c(),f=v(),l(t,"class","mc-feature-group__label svelte-vmcfrr")},m(o,s){n(o,t,s),a(t,r),e[9](t),n(o,i,s),m&&m.m(o,s),n(o,c,s),x.m(o,s),n(o,f,s)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(r,u),e[6]?.offsetHeight<e[6]?.scrollHeight?m?m.p(e,t):(m=F(e),m.c(),m.m(c.parentNode,c)):m&&(m.d(1),m=null),h!==(h=p(e))&&(x.d(1),x=h(e),x&&(x.c(),x.m(f.parentNode,f)))},d(r){r&&d(t),e[9](null),r&&d(i),m&&m.d(r),r&&d(c),x.d(r),r&&d(f)}}}function F(e){let t,r,i,c,f,u=e[0].label+"";return{c(){t=o("div"),r=o("div"),r.innerHTML='<div class="svelte-vmcfrr"></div>',i=s(),c=o("span"),f=b(u),l(r,"class","mc-feature-group__label__tooltip__pointer svelte-vmcfrr"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-vmcfrr")},m(e,o){n(e,t,o),a(t,r),a(t,i),a(t,c),a(c,f)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(f,u)},d(e){e&&d(t)}}}function N(e){let t,r;return{c(){t=H("svg"),r=H("path"),l(r,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-vmcfrr"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),a(t,r)},d(e){e&&d(t)}}}function S(e){let t,r;return{c(){t=H("svg"),r=H("path"),l(r,"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-vmcfrr"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),a(t,r)},d(e){e&&d(t)}}}function T(e){let t,r,i,f,m,p;function v(){return e[10](e[15])}return r=new j({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),h(r.$$.fragment),i=s(),l(t,"class","svelte-vmcfrr")},m(e,o){n(e,t,o),x(r,t,null),a(t,i),f=!0,m||(p=_(t,"click",w(v)),m=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),r.$set(o)},i(e){f||(c(r.$$.fragment,e),f=!0)},o(e){u(r.$$.fragment,e),f=!1},d(e){e&&d(t),y(r),m=!1,p()}}}function V(e){let t,r,i,p,v,b,g,h,x,_,w,y,$,L=e[0].icon&&C(e),H=e[3]&&q(e),j=e[0].items,z=[];for(let t=0;t<j.length;t+=1)z[t]=T(B(e,j,t));const E=e=>u(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),r=o("span"),L&&L.c(),i=s(),H&&H.c(),x=s(),_=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();l(r,"class","mc-feature-group__container svelte-vmcfrr"),l(t,"class",p="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-vmcfrr"),l(t,"aria-label",v=e[0].label),l(t,"aria-expanded",b=e[3]&&e[1]),l(t,"aria-controls",g=e[0].code+"-list"),l(t,"id",h=e[0].code),l(_,"class","mc-feature-group__content is-close svelte-vmcfrr"),l(_,"aria-hidden",w=!e[3]||!e[1]),l(_,"id",y=e[0].code+"-list")},m(o,s){n(o,t,s),a(t,r),L&&L.m(r,null),a(r,i),H&&H.m(r,null),n(o,x,s),n(o,_,s);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(_,null);e[11](_),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=C(e),L.c(),L.m(r,i)):L&&(L.d(1),L=null),e[3]?H?H.p(e,o):(H=q(e),H.c(),H.m(r,null)):H&&(H.d(1),H=null),(!$||40&o&&p!==(p="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-vmcfrr"))&&l(t,"class",p),(!$||1&o&&v!==(v=e[0].label))&&l(t,"aria-label",v),(!$||10&o&&b!==(b=e[3]&&e[1]))&&l(t,"aria-expanded",b),(!$||1&o&&g!==(g=e[0].code+"-list"))&&l(t,"aria-controls",g),(!$||1&o&&h!==(h=e[0].code))&&l(t,"id",h),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const r=B(e,j,t);z[t]?(z[t].p(r,o),c(z[t],1)):(z[t]=T(r),z[t].c(),c(z[t],1),z[t].m(_,null))}for(k(),t=j.length;t<z.length;t+=1)E(t);f()}(!$||10&o&&w!==(w=!e[3]||!e[1]))&&l(_,"aria-hidden",w),(!$||1&o&&y!==(y=e[0].code+"-list"))&&l(_,"id",y)},i(e){if(!$){for(let e=0;e<j.length;e+=1)c(z[e]);$=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)u(z[e]);$=!1},d(r){r&&d(t),L&&L.d(),H&&H.d(),r&&d(x),r&&d(_),m(z,r),e[11](null)}}}const D="width: 24px; height: 24px;";function I(e){return`${e} size="2rem"`}function J(e,t,r){let i,o;p(e,E,(e=>r(3,i=e))),p(e,G,(e=>r(8,o=e)));let s,l,{featureGroup:n}=t,{expand:a}=t,{a11yLabels:c}=t,f=new M,u=!1;function d(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?f.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&r(0,n=e.featureGroup),"expand"in e&&r(1,a=e.expand),"a11yLabels"in e&&r(2,c=e.a11yLabels)},e.$$.update=()=>{var t,l,c,f,d,m;267&e.$$.dirty&&(t=a,l=i,c=n,r(5,u=null!==(m=(null==(f=o)?void 0:f.lv0)&&c.code===(null===(d=null==f?void 0:f.lv0)||void 0===d?void 0:d.code)&&(!f.lv1||!t||!l))&&void 0!==m&&m)),10&e.$$.dirty&&function(e,t){if(s){r(4,s.style.height="",s),r(4,s.style.transition="none",s);const i=window.getComputedStyle(s).height;s.classList.add(t&&e?"is-open":"is-close"),s.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(s).height;r(4,s.style.height=i,s),requestAnimationFrame((()=>{r(4,s.style.transition="",s),requestAnimationFrame((()=>{r(4,s.style.height=o,s)}))}));const l=()=>{r(4,s.style.height="",s),s.removeEventListener("transitionend",l)};s.addEventListener("transitionend",l)}}(a,i)},[n,a,c,i,s,u,l,d,o,function(e){$[e?"unshift":"push"]((()=>{l=e,r(6,l)}))},e=>d(e),function(e){$[e?"unshift":"push"]((()=>{s=e,r(4,s)}))}]}class K extends e{constructor(e){super(),t(this,e,J,V,r,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{K as default};
+import{P as e,i as t,s as r,Q as i,e as o,d as s,g as n,b as l,j as a,C as d,E as p,D as c,o as u,J as m,ab as f,K as b,t as v,k as g,x as h,A as x,l as _,I as w,G as y,M as k,v as $,Z as L,T as H}from"../../index-c33b3772.js";import j from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){i(e,"svelte-dmrpr2",".mc-feature-group.svelte-dmrpr2.svelte-dmrpr2{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-dmrpr2.svelte-dmrpr2{fill:#191919}.mc-feature-group__container.svelte-dmrpr2.svelte-dmrpr2{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;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-dmrpr2.svelte-dmrpr2{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-dmrpr2.svelte-dmrpr2{opacity:0;-webkit-transition:0s opacity;-o-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-dmrpr2.svelte-dmrpr2{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-dmrpr2 div.svelte-dmrpr2{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-dmrpr2:hover+.mc-feature-group__label__tooltip.svelte-dmrpr2{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-dmrpr2.svelte-dmrpr2{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-dmrpr2.svelte-dmrpr2{height:0}.mc-feature-group.is-selected.svelte-dmrpr2.svelte-dmrpr2{background:#cfd2d8}.mc-feature-group.is-close.svelte-dmrpr2 .mc-feature-group__container.svelte-dmrpr2{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-dmrpr2 .mc-feature-group__container.svelte-dmrpr2{margin:0 32px}.mc-feature-group.svelte-dmrpr2.svelte-dmrpr2:hover{background:#b3b7c1}.mc-feature-group.svelte-dmrpr2.svelte-dmrpr2:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-dmrpr2:focus-visible .mc-feature-group__container.svelte-dmrpr2{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-dmrpr2.svelte-dmrpr2,li.svelte-dmrpr2.svelte-dmrpr2{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-dmrpr2.svelte-dmrpr2{-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-dmrpr2 li.svelte-dmrpr2{-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 B(e,t,r){const i=e.slice();return i[15]=t[r],i}function C(e){let t,r,i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`;return{c(){t=new L(!1),r=b(),t.a=r},m(e,o){t.m(i,e,o),l(e,r,o)},p(e,r){1&r&&i!==(i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`)&&t.p(i)},d(e){e&&u(r),e&&t.d()}}}function q(e){let t,r,i,d,p,c=e[0].label+"",m=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function f(e,t){return e[1]?N:S}let h=f(e),x=h(e);return{c(){t=o("span"),r=v(c),i=s(),m&&m.c(),d=s(),x.c(),p=b(),n(t,"class","mc-feature-group__label svelte-dmrpr2")},m(o,s){l(o,t,s),a(t,r),e[9](t),l(o,i,s),m&&m.m(o,s),l(o,d,s),x.m(o,s),l(o,p,s)},p(e,t){1&t&&c!==(c=e[0].label+"")&&g(r,c),e[6]?.offsetHeight<e[6]?.scrollHeight?m?m.p(e,t):(m=F(e),m.c(),m.m(d.parentNode,d)):m&&(m.d(1),m=null),h!==(h=f(e))&&(x.d(1),x=h(e),x&&(x.c(),x.m(p.parentNode,p)))},d(r){r&&u(t),e[9](null),r&&u(i),m&&m.d(r),r&&u(d),x.d(r),r&&u(p)}}}function F(e){let t,r,i,d,p,c=e[0].label+"";return{c(){t=o("div"),r=o("div"),r.innerHTML='<div class="svelte-dmrpr2"></div>',i=s(),d=o("span"),p=v(c),n(r,"class","mc-feature-group__label__tooltip__pointer svelte-dmrpr2"),n(t,"aria-hidden","true"),n(t,"class","mc-feature-group__label__tooltip svelte-dmrpr2")},m(e,o){l(e,t,o),a(t,r),a(t,i),a(t,d),a(d,p)},p(e,t){1&t&&c!==(c=e[0].label+"")&&g(p,c)},d(e){e&&u(t)}}}function N(e){let t,r;return{c(){t=H("svg"),r=H("path"),n(r,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),n(t,"class","mc-feature-group__icon svelte-dmrpr2"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){l(e,t,i),a(t,r)},d(e){e&&u(t)}}}function S(e){let t,r;return{c(){t=H("svg"),r=H("path"),n(r,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),n(t,"class","mc-feature-group__icon svelte-dmrpr2"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){l(e,t,i),a(t,r)},d(e){e&&u(t)}}}function T(e){let t,r,i,p,m,f;function b(){return e[10](e[15])}return r=new j({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),h(r.$$.fragment),i=s(),n(t,"class","svelte-dmrpr2")},m(e,o){l(e,t,o),x(r,t,null),a(t,i),p=!0,m||(f=_(t,"click",w(b)),m=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),r.$set(o)},i(e){p||(d(r.$$.fragment,e),p=!0)},o(e){c(r.$$.fragment,e),p=!1},d(e){e&&u(t),y(r),m=!1,f()}}}function V(e){let t,r,i,f,b,v,g,h,x,_,w,y,$,L=e[0].icon&&C(e),H=e[3]&&q(e),j=e[0].items,z=[];for(let t=0;t<j.length;t+=1)z[t]=T(B(e,j,t));const E=e=>c(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),r=o("span"),L&&L.c(),i=s(),H&&H.c(),x=s(),_=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();n(r,"class","mc-feature-group__container svelte-dmrpr2"),n(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-dmrpr2"),n(t,"aria-label",b=e[0].label),n(t,"aria-expanded",v=e[3]&&e[1]),n(t,"aria-controls",g=e[0].code+"-list"),n(t,"id",h=e[0].code),n(_,"class","mc-feature-group__content is-close svelte-dmrpr2"),n(_,"aria-hidden",w=!e[3]||!e[1]),n(_,"id",y=e[0].code+"-list")},m(o,s){l(o,t,s),a(t,r),L&&L.m(r,null),a(r,i),H&&H.m(r,null),l(o,x,s),l(o,_,s);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(_,null);e[11](_),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=C(e),L.c(),L.m(r,i)):L&&(L.d(1),L=null),e[3]?H?H.p(e,o):(H=q(e),H.c(),H.m(r,null)):H&&(H.d(1),H=null),(!$||40&o&&f!==(f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-dmrpr2"))&&n(t,"class",f),(!$||1&o&&b!==(b=e[0].label))&&n(t,"aria-label",b),(!$||10&o&&v!==(v=e[3]&&e[1]))&&n(t,"aria-expanded",v),(!$||1&o&&g!==(g=e[0].code+"-list"))&&n(t,"aria-controls",g),(!$||1&o&&h!==(h=e[0].code))&&n(t,"id",h),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const r=B(e,j,t);z[t]?(z[t].p(r,o),d(z[t],1)):(z[t]=T(r),z[t].c(),d(z[t],1),z[t].m(_,null))}for(k(),t=j.length;t<z.length;t+=1)E(t);p()}(!$||10&o&&w!==(w=!e[3]||!e[1]))&&n(_,"aria-hidden",w),(!$||1&o&&y!==(y=e[0].code+"-list"))&&n(_,"id",y)},i(e){if(!$){for(let e=0;e<j.length;e+=1)d(z[e]);$=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)c(z[e]);$=!1},d(r){r&&u(t),L&&L.d(),H&&H.d(),r&&u(x),r&&u(_),m(z,r),e[11](null)}}}function D(e){return`${e} size="1.5rem"`}function I(e,t,r){let i,o;f(e,E,(e=>r(3,i=e))),f(e,G,(e=>r(8,o=e)));let s,n,{featureGroup:l}=t,{expand:a}=t,{a11yLabels:d}=t,p=new M,c=!1;function u(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?p.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&r(0,l=e.featureGroup),"expand"in e&&r(1,a=e.expand),"a11yLabels"in e&&r(2,d=e.a11yLabels)},e.$$.update=()=>{var t,n,d,p,u,m;267&e.$$.dirty&&(t=a,n=i,d=l,r(5,c=null!==(m=(null==(p=o)?void 0:p.lv0)&&d.code===(null===(u=null==p?void 0:p.lv0)||void 0===u?void 0:u.code)&&(!p.lv1||!t||!n))&&void 0!==m&&m)),10&e.$$.dirty&&function(e,t){if(s){r(4,s.style.height="",s),r(4,s.style.transition="none",s);const i=window.getComputedStyle(s).height;s.classList.add(t&&e?"is-open":"is-close"),s.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(s).height;r(4,s.style.height=i,s),requestAnimationFrame((()=>{r(4,s.style.transition="",s),requestAnimationFrame((()=>{r(4,s.style.height=o,s)}))}));const n=()=>{r(4,s.style.height="",s),s.removeEventListener("transitionend",n)};s.addEventListener("transitionend",n)}}(a,i)},[l,a,d,i,s,c,n,u,o,function(e){$[e?"unshift":"push"]((()=>{n=e,r(6,n)}))},e=>u(e),function(e){$[e?"unshift":"push"]((()=>{s=e,r(4,s)}))}]}class J extends e{constructor(e){super(),t(this,e,I,V,r,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{J as default};
 //# sourceMappingURL=sidebar-feature-group.nested.js.map

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

@@ -1 +1 @@
-{"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 { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n    Selection,\n  } from './sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\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  const mediumIconStyle = 'width: 24px; height: 24px;';\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=\"2rem\"`;\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      {@html `<${generateIcon(\n        featureGroup.icon,\n      )} class=\"mc-feature-group__icon\" style=\"${mediumIconStyle}\" />`}\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 './sidebar-variables';\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    }\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":["raw_value","generateIcon","ctx","icon","mediumIconStyle","dirty","html_tag","p","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","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","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":"wvHAmGiBA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,+EAFhC,EAAAC,GAAAL,KAAAA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,UAAeE,EAAAC,EAAAP,wDAIvDQ,EAAAN,KAAaO,MAAK,GAEhBC,EAAAR,EAAO,IAAAS,aAAeT,MAAOU,cAAYC,EAAAX,0BAMxCA,EAAM,KAAAY,gJATZC,EAEMC,EAAAC,EAAAC,0EADH,EAAAb,GAAAG,KAAAA,EAAAN,KAAaO,MAAK,KAAAU,EAAAC,EAAAZ,GAEhBN,EAAO,IAAAS,aAAeT,MAAOU,2OAGvBS,EAAAnB,KAAaO,MAAK,oRAF3BM,EAGKC,EAAAM,EAAAJ,GAFHK,EAAmED,EAAAE,UACnED,EAAgCD,EAAAL,kBAAzB,EAAAZ,GAAAgB,KAAAA,EAAAnB,KAAaO,MAAK,KAAAU,EAAAM,EAAAJ,yPAc3BN,EAMAC,EAAAU,EAAAR,GADGK,EAA+CG,EAAAC,8RAflDZ,EAQAC,EAAAU,EAAAR,GAHGK,EAECG,EAAAC,qNAqBRZ,EAEIC,EAAAY,EAAAV,qRA9CCR,EAAAR,KAAaC,MAAI0B,EAAA3B,KAKjBA,EAAc,IAAA4B,EAAA5B,GAsCd6B,EAAA7B,KAAa8B,2BAAlBC,OAAIC,GAAA,0QApDmBhC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFiC,EAAAC,EAAA,aAAAC,EAAAnC,KAAaO,OACV0B,EAAAC,EAAA,gBAAAE,EAAApC,MAAkBA,EAAM,IACvBiC,EAAAC,EAAA,gBAAAG,EAAArC,KAAasC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAvC,KAAasC,sEA0CHL,EAAAO,EAAA,cAAAC,GAAAzC,OAAmBA,EAAM,IAClCiC,EAAAO,EAAA,KAAAE,EAAA1C,KAAasC,KAAI,iBAlDxBzB,EA8CQC,EAAAoB,EAAAlB,GArCNK,EAoCMa,EAAAnB,iDAERF,EAWIC,EAAA0B,EAAAxB,+EAhDKhB,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF2C,GAAA,EAAAxC,GAAAgC,KAAAA,EAAAnC,KAAaO,+BACVoC,GAAA,GAAAxC,GAAAiC,KAAAA,EAAApC,MAAkBA,EAAM,+BACvB2C,GAAA,EAAAxC,GAAAkC,KAAAA,EAAArC,KAAasC,KAAI,oCAC7BK,GAAA,EAAAxC,GAAAoC,KAAAA,EAAAvC,KAAasC,qCA8CVT,EAAA7B,KAAa8B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAAxC,GAAAsC,KAAAA,GAAAzC,OAAmBA,EAAM,6BAClC2C,GAAA,EAAAxC,GAAAuC,KAAAA,EAAA1C,KAAasC,KAAI,oDAGpBP,OAAIC,GAAA,wJAnHA,MAAA9B,EAAkB,6BA8Cf,SAAAH,EAAa8C,YACVA,wFAxDRC,EAOAvC,gBAXOwC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAsDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EAViBX,EAWjBY,EAXyBG,EAYzBF,EAZyCf,MAezCM,EAGJ,QAFAY,GAAOF,OAHHA,EAbuDG,UAgBpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IAhD3CG,CAAiBlC,EAAQe,+DAoFyBzD,EAAK6E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}
+{"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 { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n    Selection,\n  } from './sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\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      {@html `<${generateIcon(\n        featureGroup.icon,\n      )} class=\"mc-feature-group__icon\" />`}\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 './sidebar-variables';\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    }\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","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","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","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":"8vHAiGiBA,EACTC,EAAY,GAACC,iIADJF,EACTC,EAAY,GAACC,4CAAIC,EAAAC,EAAAC,wDAKhBC,EAAAL,KAAaM,MAAK,GAEhBC,EAAAP,EAAO,IAAAQ,aAAeR,MAAOS,cAAYC,EAAAV,0BAMxCA,EAAM,KAAAW,gJATZC,EAEMC,EAAAC,EAAAC,0EADH,EAAAC,GAAAX,KAAAA,EAAAL,KAAaM,MAAK,KAAAW,EAAAC,EAAAb,GAEhBL,EAAO,IAAAQ,aAAeR,MAAOS,2OAGvBU,EAAAnB,KAAaM,MAAK,oRAF3BM,EAGKC,EAAAO,EAAAL,GAFHM,EAAmED,EAAAE,UACnED,EAAgCD,EAAAN,kBAAzB,EAAAE,GAAAG,KAAAA,EAAAnB,KAAaM,MAAK,KAAAW,EAAAM,EAAAJ,yPAc3BP,EAMAC,EAAAW,EAAAT,GADGM,EAA+CG,EAAAC,8RAflDb,EAQAC,EAAAW,EAAAT,GAHGM,EAECG,EAAAC,qNAqBRb,EAEIC,EAAAa,EAAAX,qRA9CCR,EAAAP,KAAaC,MAAI0B,EAAA3B,KAKjBA,EAAc,IAAA4B,EAAA5B,GAsCd6B,EAAA7B,KAAa8B,2BAAlBC,OAAIC,GAAA,0QApDmBhC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFiC,EAAAC,EAAA,aAAAC,EAAAnC,KAAaM,OACV2B,EAAAC,EAAA,gBAAAE,EAAApC,MAAkBA,EAAM,IACvBiC,EAAAC,EAAA,gBAAAG,EAAArC,KAAasC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAvC,KAAasC,sEA0CHL,EAAAO,EAAA,cAAAC,GAAAzC,OAAmBA,EAAM,IAClCiC,EAAAO,EAAA,KAAAE,EAAA1C,KAAasC,KAAI,iBAlDxB1B,EA8CQC,EAAAqB,EAAAnB,GArCNM,EAoCMa,EAAApB,iDAERF,EAWIC,EAAA2B,EAAAzB,+EAhDKf,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF2C,GAAA,EAAA3B,GAAAmB,KAAAA,EAAAnC,KAAaM,+BACVqC,GAAA,GAAA3B,GAAAoB,KAAAA,EAAApC,MAAkBA,EAAM,+BACvB2C,GAAA,EAAA3B,GAAAqB,KAAAA,EAAArC,KAAasC,KAAI,oCAC7BK,GAAA,EAAA3B,GAAAuB,KAAAA,EAAAvC,KAAasC,qCA8CVT,EAAA7B,KAAa8B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAA3B,GAAAyB,KAAAA,GAAAzC,OAAmBA,EAAM,6BAClC2C,GAAA,EAAA3B,GAAA0B,KAAAA,EAAA1C,KAAasC,KAAI,oDAGpBP,OAAIC,GAAA,wJArEG,SAAAjC,EAAa8C,YACVA,0FAtDRC,EAOAxC,gBAXOyC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EARiBX,EASjBY,EATyBG,EAUzBF,EAVyCf,MAazCM,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBlC,EAAQe,+DAkFyB1D,EAAK8E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}

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

@@ -1,2 +1,2 @@
-import{P as e,i as l,s as t,Q as i,K as a,b as s,n as o,o as d,ab as n,v as r,e as b,T as c,d as p,t as u,g as v,j as f,k as w}from"../../index-c33b3772.js";import{i as m,s as x}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-1b8o8lw",".mc-sidebar-feature.svelte-1b8o8lw.svelte-1b8o8lw{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-1b8o8lw.svelte-1b8o8lw{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-1b8o8lw span.svelte-1b8o8lw{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1b8o8lw.svelte-1b8o8lw{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1b8o8lw.svelte-1b8o8lw{fill:#6a7081}.mc-sidebar-feature__label.svelte-1b8o8lw.svelte-1b8o8lw{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-1b8o8lw.svelte-1b8o8lw{opacity:0;-webkit-transition:0s opacity;-o-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-1b8o8lw.svelte-1b8o8lw{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-1b8o8lw div.svelte-1b8o8lw{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-1b8o8lw:hover+.mc-sidebar-feature__label__tooltip.svelte-1b8o8lw{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1b8o8lw.svelte-1b8o8lw{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1b8o8lw.svelte-1b8o8lw{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1b8o8lw.svelte-1b8o8lw{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-1b8o8lw .mc-sidebar-feature__container.svelte-1b8o8lw{-o-transition:padding-left 300ms ease-in-out;-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-1b8o8lw.svelte-1b8o8lw{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-1b8o8lw .mc-sidebar-feature__container.svelte-1b8o8lw{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-1b8o8lw.svelte-1b8o8lw{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1b8o8lw.svelte-1b8o8lw:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1b8o8lw.svelte-1b8o8lw:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1b8o8lw:focus-visible .mc-sidebar-feature__container.svelte-1b8o8lw{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function h(e){let l,t,i,a,o,n,r,m,x,_,h,g,k,y,$=e[0].label+"";return{c(){l=b("span"),t=b("div"),i=c("svg"),a=c("g"),o=c("path"),n=c("defs"),r=c("clipPath"),m=c("path"),x=p(),_=b("span"),h=u($),v(o,"fill-rule","evenodd"),v(o,"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"),v(a,"clip-path","url(#a)"),v(m,"d","M0 0h16v16H0z"),v(r,"id","a"),v(i,"class","mc-sidebar-feature__icon-disabled svelte-1b8o8lw"),v(i,"width","16px"),v(i,"height","16px"),v(i,"viewBox","0 0 16 16"),v(_,"class","svelte-1b8o8lw"),v(t,"class","mc-sidebar-feature__container svelte-1b8o8lw"),v(l,"aria-label",g=e[0].label),v(l,"aria-disabled","true"),v(l,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1b8o8lw"),v(l,"id",y=e[0].code)},m(e,d){s(e,l,d),f(l,t),f(t,i),f(i,a),f(a,o),f(i,n),f(n,r),f(r,m),f(t,x),f(t,_),f(_,h)},p(e,t){1&t&&$!==($=e[0].label+"")&&w(h,$),1&t&&g!==(g=e[0].label)&&v(l,"aria-label",g),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1b8o8lw")&&v(l,"class",k),1&t&&y!==(y=e[0].code)&&v(l,"id",y)},d(e){e&&d(l)}}}function g(e){let l,t,i,a,o,n,r,c,m,x,_,h=e[0].label+"",g=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){l=b("a"),t=b("div"),i=b("span"),a=u(h),o=p(),g&&g.c(),n=p(),$&&$.c(),v(i,"class","mc-sidebar-feature__label svelte-1b8o8lw"),v(t,"class","mc-sidebar-feature__container svelte-1b8o8lw"),v(l,"aria-label",r=""+(e[0].label+e[3])),v(l,"href",c=e[0].href??"javascript:void(null)"),v(l,"target",m=e[0].embedded),v(l,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1b8o8lw"),v(l,"id",_=e[0].code)},m(d,r){s(d,l,r),f(l,t),f(t,i),f(i,a),e[8](i),f(t,o),g&&g.m(t,null),f(t,n),$&&$.m(t,null)},p(e,i){1&i&&h!==(h=e[0].label+"")&&w(a,h),e[5]?g?g.p(e,i):(g=k(e),g.c(),g.m(t,n)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(t,null)):$&&($.d(1),$=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&v(l,"aria-label",r),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&v(l,"href",c),1&i&&m!==(m=e[0].embedded)&&v(l,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1b8o8lw")&&v(l,"class",x),1&i&&_!==(_=e[0].code)&&v(l,"id",_)},d(t){t&&d(l),e[8](null),g&&g.d(),$&&$.d()}}}function k(e){let l,t,i,a,o,n=e[0].label+"";return{c(){l=b("div"),t=b("div"),t.innerHTML='<div class="svelte-1b8o8lw"></div>',i=p(),a=b("span"),o=u(n),v(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1b8o8lw"),v(a,"class","svelte-1b8o8lw"),v(l,"aria-hidden","true"),v(l,"class","mc-sidebar-feature__label__tooltip svelte-1b8o8lw")},m(e,d){s(e,l,d),f(l,t),f(l,i),f(l,a),f(a,o)},p(e,l){1&l&&n!==(n=e[0].label+"")&&w(o,n)},d(e){e&&d(l)}}}function y(e){let l,t;return{c(){l=c("svg"),t=c("path"),v(t,"fill-rule","evenodd"),v(t,"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"),v(l,"class","mc-sidebar-feature__icon svelte-1b8o8lw"),v(l,"width","16px"),v(l,"height","16px"),v(l,"viewBox","0 0 16 16")},m(e,i){s(e,l,i),f(l,t)},d(e){e&&d(l)}}}function $(e){let l;function t(e,l){return e[0].disabled?h:g}let i=t(e),n=i(e);return{c(){n.c(),l=a()},m(e,t){n.m(e,t),s(e,l,t)},p(e,[a]){i===(i=t(e))&&n?n.p(e,a):(n.d(1),n=i(e),n&&(n.c(),n.m(l.parentNode,l)))},i:o,o:o,d(e){n.d(e),e&&d(l)}}}function H(e,l,t){let i,a;n(e,m,(e=>t(1,i=e))),n(e,x,(e=>t(7,a=e)));let s,o,d,{feature:b}=l,{a11yLabels:c}=l,p=!1;return e.$$set=e=>{"feature"in e&&t(0,b=e.feature),"a11yLabels"in e&&t(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,l){var i,a,s;t(2,p=null!==(s=(null==l?void 0:l.lv1)&&e.code===(null===(i=null==l?void 0:l.lv1)||void 0===i?void 0:i.code)||(null==l?void 0:l.lv2)&&e.code===(null===(a=null==l?void 0:l.lv2)||void 0===a?void 0:a.code))&&void 0!==s&&s)}(b,a),65&e.$$.dirty&&function(e,l){l.embedded?t(3,s=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,s="")}(c,b),2&e.$$.dirty&&setTimeout((()=>{t(5,d=(null==o?void 0:o.offsetHeight)<(null==o?void 0:o.scrollHeight))}),500)},[b,i,p,s,o,d,c,a,function(e){r[e?"unshift":"push"]((()=>{o=e,t(4,o)}))}]}class z extends e{constructor(e){super(),l(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
+import{P as e,i as a,s as t,Q as i,K as s,b as l,n,o as d,ab as o,v as r,e as c,T as b,d as p,t as u,g as h,j as v,k as f}from"../../index-c33b3772.js";import{i as m,s as x}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-1hca6n9",".mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9{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-1hca6n9.svelte-1hca6n9{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-1hca6n9 span.svelte-1hca6n9{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1hca6n9.svelte-1hca6n9{fill:#6a7081}.mc-sidebar-feature__label.svelte-1hca6n9.svelte-1hca6n9{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-1hca6n9.svelte-1hca6n9{opacity:0;-webkit-transition:0s opacity;-o-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-1hca6n9.svelte-1hca6n9{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-1hca6n9 div.svelte-1hca6n9{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-1hca6n9:hover+.mc-sidebar-feature__label__tooltip.svelte-1hca6n9{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1hca6n9.svelte-1hca6n9{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-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-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-1hca6n9.svelte-1hca6n9{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1hca6n9:focus-visible .mc-sidebar-feature__container.svelte-1hca6n9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let a,t,i,s,n,o,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){a=c("span"),t=c("div"),i=b("svg"),s=b("g"),n=b("path"),o=b("defs"),r=b("clipPath"),m=b("path"),x=p(),_=c("span"),g=u($),h(n,"fill-rule","evenodd"),h(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"),h(s,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-1hca6n9"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",w=e[0].label),h(a,"aria-disabled","true"),h(a,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9"),h(a,"id",y=e[0].code)},m(e,d){l(e,a,d),v(a,t),v(t,i),v(i,s),v(s,n),v(i,o),v(o,r),v(r,m),v(t,x),v(t,_),v(_,g)},p(e,t){1&t&&$!==($=e[0].label+"")&&f(g,$),1&t&&w!==(w=e[0].label)&&h(a,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9")&&h(a,"class",k),1&t&&y!==(y=e[0].code)&&h(a,"id",y)},d(e){e&&d(a)}}}function w(e){let a,t,i,s,n,o,r,b,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){a=c("a"),t=c("div"),i=c("span"),s=u(g),n=p(),w&&w.c(),o=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",r=""+(e[0].label+e[3])),h(a,"href",b=e[0].href??"javascript:void(null)"),h(a,"target",m=e[0].embedded),h(a,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9"),h(a,"id",_=e[0].code)},m(d,r){l(d,a,r),v(a,t),v(t,i),v(i,s),e[8](i),v(t,n),w&&w.m(t,null),v(t,o),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(s,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,o)):w&&(w.d(1),w=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(t,null)):$&&($.d(1),$=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&h(a,"aria-label",r),1&i&&b!==(b=e[0].href??"javascript:void(null)")&&h(a,"href",b),1&i&&m!==(m=e[0].embedded)&&h(a,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9")&&h(a,"class",x),1&i&&_!==(_=e[0].code)&&h(a,"id",_)},d(t){t&&d(a),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let a,t,i,s,n,o=e[0].label+"";return{c(){a=c("div"),t=c("div"),t.innerHTML='<div class="svelte-1hca6n9"></div>',i=p(),s=c("span"),n=u(o),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1hca6n9"),h(s,"class","svelte-1hca6n9"),h(a,"aria-hidden","true"),h(a,"class","mc-sidebar-feature__label__tooltip svelte-1hca6n9")},m(e,d){l(e,a,d),v(a,t),v(a,i),v(a,s),v(s,n)},p(e,a){1&a&&o!==(o=e[0].label+"")&&f(n,o)},d(e){e&&d(a)}}}function y(e){let a,t;return{c(){a=b("svg"),t=b("path"),h(t,"fill-rule","evenodd"),h(t,"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"),h(a,"class","mc-sidebar-feature__icon svelte-1hca6n9"),h(a,"width","16px"),h(a,"height","16px"),h(a,"viewBox","0 0 16 16")},m(e,i){l(e,a,i),v(a,t)},d(e){e&&d(a)}}}function $(e){let a;function t(e,a){return e[0].disabled?g:w}let i=t(e),o=i(e);return{c(){o.c(),a=s()},m(e,t){o.m(e,t),l(e,a,t)},p(e,[s]){i===(i=t(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(a.parentNode,a)))},i:n,o:n,d(e){o.d(e),e&&d(a)}}}function H(e,a,t){let i,s;o(e,m,(e=>t(1,i=e))),o(e,x,(e=>t(7,s=e)));let l,n,d,{feature:c}=a,{a11yLabels:b}=a,p=!1;return e.$$set=e=>{"feature"in e&&t(0,c=e.feature),"a11yLabels"in e&&t(6,b=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,a){var i,s,l;t(2,p=null!==(l=(null==a?void 0:a.lv1)&&e.code===(null===(i=null==a?void 0:a.lv1)||void 0===i?void 0:i.code)||(null==a?void 0:a.lv2)&&e.code===(null===(s=null==a?void 0:a.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(c,s),65&e.$$.dirty&&function(e,a){a.embedded?t(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,l="")}(b,c),2&e.$$.dirty&&setTimeout((()=>{t(5,d=(null==n?void 0:n.offsetHeight)<(null==n?void 0:n.scrollHeight))}),500)},[c,i,p,l,n,d,b,s,function(e){r[e?"unshift":"push"]((()=>{n=e,t(4,n)}))}]}class z extends e{constructor(e){super(),a(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
 //# sourceMappingURL=sidebar-feature.nested.js.map

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

@@ -1 +1 @@
-{"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 { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } 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 './sidebar-variables';\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":"6sHAqGaA,EAAAC,KAAQC,MAAK,mlBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,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,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,+NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mBACVE,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,mCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,yTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,waAItBQ,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"}
+{"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 { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } 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 './sidebar-variables';\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":"wsHAqGaA,EAAAC,KAAQC,MAAK,mlBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,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,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,+NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mBACVE,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,mCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,yTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,waAItBQ,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 +1,2 @@
-import{P as e,i as t,s as l,Q as i,K as s,b as a,C as n,D as o,E as r,o as d,ab as c,e as f,d as b,g as m,R as x,j as u,M as p,J as g,x as v,A as h,l as w,G as k}from"../../index-c33b3772.js";import y from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function z(e){i(e,"svelte-10lx8df",".mc-sidebar-section.svelte-10lx8df.svelte-10lx8df{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-10lx8df ul.svelte-10lx8df,.mc-sidebar-section.svelte-10lx8df li.svelte-10lx8df{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-10lx8df ul.svelte-10lx8df{-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-10lx8df ul li.svelte-10lx8df{-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-10lx8df ul li.svelte-10lx8df:first-child{margin-top:0}.mc-sidebar-section.svelte-10lx8df ul li.svelte-10lx8df:last-child{margin-bottom:0}.mc-sidebar-section.svelte-10lx8df ul.is-hidden.svelte-10lx8df{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-10lx8df ul.is-visible.svelte-10lx8df{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-10lx8df.svelte-10lx8df::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-10lx8df.svelte-10lx8df::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,l){const i=e.slice();return i[10]=t[l],i}function E(e){let t,l,i,s,c,v,h=e[0],w=[];for(let t=0;t<h.length;t+=1)w[t]=A(G(e,h,t));const k=e=>o(w[e],1,1,(()=>{w[e]=null}));let y=e[3]&&e[4]&&B(e);return{c(){t=f("div"),l=f("ul");for(let e=0;e<w.length;e+=1)w[e].c();c=b(),y&&y.c(),m(l,"class",i=x(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-10lx8df"),m(l,"aria-hidden",s=e[3]&&e[4]),m(t,"class","mc-sidebar-section svelte-10lx8df")},m(e,i){a(e,t,i),u(t,l);for(let e=0;e<w.length;e+=1)w[e]&&w[e].m(l,null);u(t,c),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 i=G(e,h,t);w[t]?(w[t].p(i,a),n(w[t],1)):(w[t]=A(i),w[t].c(),n(w[t],1),w[t].m(l,null))}for(p(),t=h.length;t<w.length;t+=1)k(t);r()}(!v||24&a&&i!==(i=x(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-10lx8df"))&&m(l,"class",i),(!v||24&a&&s!==(s=e[3]&&e[4]))&&m(l,"aria-hidden",s),e[3]&&e[4]?y?(y.p(e,a),24&a&&n(y,1)):(y=B(e),y.c(),n(y,1),y.m(t,null)):y&&(p(),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&&d(t),g(w,e),y&&y.d()}}}function A(e){let t,l,i,s,r,c;function x(){return e[8](e[10])}return l=new y({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),l.$on("feature-click",e[7]),{c(){t=f("li"),v(l.$$.fragment),i=b(),m(t,"class","svelte-10lx8df")},m(e,n){a(e,t,n),h(l,t,null),u(t,i),s=!0,r||(c=w(t,"click",x),r=!0)},p(t,i){e=t;const s={};1&i&&(s.featureGroup=e[10]),5&i&&(s.expand=e[2]===e[10].code),2&i&&(s.a11yLabels=e[1]),l.$set(s)},i(e){s||(n(l.$$.fragment,e),s=!0)},o(e){o(l.$$.fragment,e),s=!1},d(e){e&&d(t),k(l),r=!1,c()}}}function B(e){let t,l;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,i){h(t,e,i),l=!0},p(e,l){const i={};8&l&&(i.data=e[3]),2&l&&(i.a11yLabels=e[1]),t.$set(i)},i(e){l||(n(t.$$.fragment,e),l=!0)},o(e){o(t.$$.fragment,e),l=!1},d(e){k(t,e)}}}function C(e){let t,l,i=e[0]?.length&&E(e);return{c(){i&&i.c(),t=s()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,[l]){e[0]?.length?i?(i.p(e,l),1&l&&n(i,1)):(i=E(e),i.c(),n(i,1),i.m(t.parentNode,t)):i&&(p(),o(i,1,1,(()=>{i=null})),r())},i(e){l||(n(i),l=!0)},o(e){o(i),l=!1},d(e){i&&i.d(e),e&&d(t)}}}function D(e,t,l){let i;c(e,L,(e=>l(4,i=e)));let s,a,{data:n=[]}=t,{a11yLabels:o}=t;function r(e){const t=i;t||j(),l(2,s=t&&s===e?void 0:e)}function d(e){(null==e?void 0:e.detail)?a&&a.code===e.detail.code?l(3,a=void 0):l(3,a=e.detail):l(3,a=void 0)}return e.$$set=e=>{"data"in e&&l(0,n=e.data),"a11yLabels"in e&&l(1,o=e.a11yLabels)},[n,o,s,a,i,r,d,e=>d(e),e=>r(e.code),()=>d()]}class H extends e{constructor(e){super(),t(this,e,D,C,l,{data:0,a11yLabels:1},z)}}export{H as default};
+import{P as e,i as t,s as i,Q as a,K as n,b as s,C as l,D as o,E as r,o as c,ab as d,e as b,d as m,g as f,R as u,j as w,M as k,J as x,x as y,A as p,l as g,G as v}from"../../index-c33b3772.js";import h from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function z(e){a(e,"svelte-kwnya",".mc-sidebar-section.svelte-kwnya.svelte-kwnya{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-kwnya ul.svelte-kwnya,.mc-sidebar-section.svelte-kwnya li.svelte-kwnya{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya{-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-kwnya ul li.svelte-kwnya{-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-kwnya ul li.svelte-kwnya:first-child{margin-top:0}.mc-sidebar-section.svelte-kwnya ul li.svelte-kwnya:last-child{margin-bottom:0}.mc-sidebar-section.svelte-kwnya ul.is-hidden.svelte-kwnya{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-kwnya ul.is-visible.svelte-kwnya{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,i){const a=e.slice();return a[10]=t[i],a}function E(e){let t,i,a,n,d,y,p=e[0],g=[];for(let t=0;t<p.length;t+=1)g[t]=A(G(e,p,t));const v=e=>o(g[e],1,1,(()=>{g[e]=null}));let h=e[3]&&e[4]&&B(e);return{c(){t=b("div"),i=b("ul");for(let e=0;e<g.length;e+=1)g[e].c();d=m(),h&&h.c(),f(i,"class",a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"),f(i,"aria-hidden",n=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-kwnya")},m(e,a){s(e,t,a),w(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null);w(t,d),h&&h.m(t,null),y=!0},p(e,s){if(103&s){let t;for(p=e[0],t=0;t<p.length;t+=1){const a=G(e,p,t);g[t]?(g[t].p(a,s),l(g[t],1)):(g[t]=A(a),g[t].c(),l(g[t],1),g[t].m(i,null))}for(k(),t=p.length;t<g.length;t+=1)v(t);r()}(!y||24&s&&a!==(a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"))&&f(i,"class",a),(!y||24&s&&n!==(n=e[3]&&e[4]))&&f(i,"aria-hidden",n),e[3]&&e[4]?h?(h.p(e,s),24&s&&l(h,1)):(h=B(e),h.c(),l(h,1),h.m(t,null)):h&&(k(),o(h,1,1,(()=>{h=null})),r())},i(e){if(!y){for(let e=0;e<p.length;e+=1)l(g[e]);l(h),y=!0}},o(e){g=g.filter(Boolean);for(let e=0;e<g.length;e+=1)o(g[e]);o(h),y=!1},d(e){e&&c(t),x(g,e),h&&h.d()}}}function A(e){let t,i,a,n,r,d;function u(){return e[8](e[10])}return i=new h({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=b("li"),y(i.$$.fragment),a=m(),f(t,"class","svelte-kwnya")},m(e,l){s(e,t,l),p(i,t,null),w(t,a),n=!0,r||(d=g(t,"click",u),r=!0)},p(t,a){e=t;const n={};1&a&&(n.featureGroup=e[10]),5&a&&(n.expand=e[2]===e[10].code),2&a&&(n.a11yLabels=e[1]),i.$set(n)},i(e){n||(l(i.$$.fragment,e),n=!0)},o(e){o(i.$$.fragment,e),n=!1},d(e){e&&c(t),v(i),r=!1,d()}}}function B(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){y(t.$$.fragment)},m(e,a){p(t,e,a),i=!0},p(e,i){const a={};8&i&&(a.data=e[3]),2&i&&(a.a11yLabels=e[1]),t.$set(a)},i(e){i||(l(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){v(t,e)}}}function C(e){let t,i,a=e[0]?.length&&E(e);return{c(){a&&a.c(),t=n()},m(e,n){a&&a.m(e,n),s(e,t,n),i=!0},p(e,[i]){e[0]?.length?a?(a.p(e,i),1&i&&l(a,1)):(a=E(e),a.c(),l(a,1),a.m(t.parentNode,t)):a&&(k(),o(a,1,1,(()=>{a=null})),r())},i(e){i||(l(a),i=!0)},o(e){o(a),i=!1},d(e){a&&a.d(e),e&&c(t)}}}function D(e,t,i){let a;d(e,L,(e=>i(4,a=e)));let n,s,{data:l=[]}=t,{a11yLabels:o}=t;function r(e){const t=a;t||j(),i(2,n=t&&n===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?i(3,s=void 0):i(3,s=e.detail):i(3,s=void 0)}return e.$$set=e=>{"data"in e&&i(0,l=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[l,o,n,s,a,r,c,e=>c(e),e=>r(e.code),()=>c()]}class H extends e{constructor(e){super(),t(this,e,D,C,i,{data:0,a11yLabels:1},z)}}export{H as default};
 //# sourceMappingURL=sidebar-section.nested.js.map