@mozaic-ds/web-components 0.11.0 → 0.12.0-beta.0

package/public/components/ratings/StarsInput.js

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

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

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