@saasquatch/mint-components 1.3.2-0 → 1.3.2-4

package/dist/mint-components/p-d0913f8d.system.js

@@ -1 +0,0 @@
-System.register(["./p-ff17b3a4.system.js","./p-1b7d89a7.system.js","./p-126bcba1.system.js"],(function(s){"use strict";var r,e,a,l;return{setters:[function(s){r=s.h},function(s){e=s.j;a=s.c},function(s){l=s.H}],execute:function(){s({P:d,T:n});var i=function(){return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18"},r("path",{fill:"currentColor","fill-rule":"evenodd",d:"M1.636 9a7.364 7.364 0 1114.728 0A7.364 7.364 0 011.636 9zM9 0a9 9 0 100 18A9 9 0 009 0zm5.192 6.266a.982.982 0 00-1.548-1.208l-4.787 6.137-2.58-2.58a.982.982 0 00-1.39 1.388l3.367 3.366a.982.982 0 001.468-.09l5.47-7.013z","clip-rule":"evenodd"}))};var t=function(){return r("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"}))};var o=function(){return r("svg",{width:16,height:16,fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M15 5H9v11h4.5a1 1 0 001-1V9h.5a1 1 0 001-1V6a1 1 0 00-1-1zM1.5 9v6a1 1 0 001 1H7V5H1a1 1 0 00-1 1v2a1 1 0 001 1h.5z",fill:"var(--sl-color-primary-200)"}),r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9v1h13V9h-13z",fill:"var(--sl-color-primary-300)"}),r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.71c0 .886-1.33 2.227-2 2.29H9v11H7.002V5H4.588C3.212 4.702 2 3.645 2 2.52 2 1.426 2.476.558 3.342.183 4.169-.176 5.125.02 5.88.545c.927.643 1.447 1.851 1.919 2.947l.123.286.12-.272C8.51 2.45 9.045 1.243 9.94.596c.793-.573 1.801-.79 2.672-.397.9.405 1.388 1.336 1.388 2.51zM10.612 1.5c.48-.347 1.056-.41 1.548 0 .428.357.45.525.506.93l.01.07c0 .599-.516 1.5-1.032 1.5-.366 0-.653-.003-.922-.006-.49-.005-.92-.01-1.657.006.14-.272.252-.533.36-.782.285-.667.534-1.246 1.187-1.718zm-5.673 0c-.233-.161-.766-.09-.987.006-.183.08-.456.32-.456 1.015 0 .674 1.092 1.257 1.092 1.257S5.454 4 7.002 4c-.527-1.305-1.273-1.951-2.063-2.5z",fill:"var(--sl-color-primary-600)"}))};function n(s,o){var n=s.points,c=n===void 0?0:n,v=s.cardTitle,f=s.description,u=s.complete,g=u===void 0?false:u,h=s.repeatable,m=h===void 0?false:h,b=s.expire,x=s.buttonText,y=s.buttonOnClick,w=s.progress,z=s.goal;var S=i();var k=t();var H={HostBlock:l,TaskCard:{"& .main > div":{margin:"var(--sl-spacing-medium)"},"& .main":{position:"relative",boxSizing:"border-box",minWidth:"347px",background:"var(--sl-color-white)",border:"1px solid var(--sl-color-gray-300)",borderRadius:"var(--sl-border-radius-medium)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-700)"}},Header:{display:"flex","& .icon":{alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-700)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",color:"var(--sl-color-black)",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",color:"var(--sl-color-gray-600)",fontSize:"var(--sl-font-size-x-small)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"}},Title:{color:"var(--sl-color-black)",fontSize:"var(--sl-font-size-small)"},Footer:{display:"flex","& span":{verticalAlign:"text-bottom"},"& .icon":{verticalAlign:"bottom",fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{marginTop:"auto",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-gray-600)"},"& .action":{marginTop:"auto",marginLeft:"auto"},"& sl-button.action::part(base) ":{color:"var(--sl-color-white)",background:"var(--sl-color-primary-500)",border:"1px solid var(--sl-color-primary-500)",borderRadius:"var(--sl-border-radius-medium)"}}};e.setup(a());var C=e.createStyleSheet(H);var M=C.toString();var R=g||w&&z<=w;var T=typeof m=="number"?m:Math.floor(w/z);return r("div",{class:C.classes.TaskCard},r("div",{class:R?"main complete":"main"},r("style",{type:"text/css"},M),r("div",{class:C.classes.Header},R&&r("span",{class:"icon"},S),r("span",{class:"value"},c),r("span",{class:"text"},"SAASQUATCH POINTS")),r("div",{class:C.classes.Title},v),r(d,Object.assign({},s)),r(p,{description:f}),r("div",{class:C.classes.Footer},r("span",{class:"text"},(m||typeof m=="number")&&r("div",null,r("span",{class:"icon"},k),r("span",null,"Completed ",T," times"),r("br",null),r("span",null,"Earned ",c*T," SaaSquatch Points")),b&&r("span",null,r("br",null),"Ends "," ",b)),r("sl-button",{class:"action",size:"small",onClick:y,disabled:R},R?"Complete":x))))}function p(s){var i={HostBlock:l,Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-gray-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease"},"& input:checked ~ .summary":{transition:"max-height var(--sl-transition-medium) ease",maxHeight:"300px"},"& .summary":{display:"block",overflow:"hidden",color:"var(--sl-color-gray-700)",fontSize:"var(--sl-font-size-x-small)",maxHeight:"0px",transition:"max-height var(--sl-transition-fast) ease-out"}}};e.setup(a());var t=e.createStyleSheet(i);var o=t.toString();var n=Math.random().toString(36).slice(2);return r("div",null,r("style",{type:"text/css"},o),r("span",{class:t.classes.Description},r("input",{type:"checkbox",id:"details-"+n}),r("label",{class:"details",htmlFor:"details-"+n},r("sl-icon",{name:"chevron-down"})),r("span",{class:"summary"},s.description)))}function d(s){var i=s.goal,t=s.progress,n=s.steps,p=s.unit,d=p===void 0?"":p,c=s.repeatable;var v=o();var f=o();var u=o();if(!(t&&i))return;var g=[];var h="";var m=Math.floor(t/i);if(c){if(n){k()}else{S()}}else{if(n){z()}else{w()}}var b={HostBlock:l,ProgressBar:{"& .progress-bar":{height:"20px",marginTop:"var(--sl-spacing-large)",marginRight:"var(--sl-spacing-x-small)",marginBottom:"var(--sl-spacing-large)",fontSize:"var(--sl-font-size-x-small)",display:"grid",gridTemplateColumns:h,lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-500)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-500)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .end.bw":{filter:"grayscale(100%)"},"& .end.start":{transform:"scale(80%)",top:"-20px"},"& .end":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px",filter:i<=t?"":"grayscale(100%)",zIndex:"1"}}};e.setup(a());var x=e.createStyleSheet(b);var y=x.toString();return r("div",{class:x.classes.ProgressBar},r("style",{type:"text/css"},y),r("div",{class:m>1?"progress-bar repeatable-steps":"progress-bar"},g));function w(){h=t/i+"fr 0fr "+(1-t/i)+"fr 0fr";g.push(r("div",{class:"filled"}));g.push(r("div",{class:t==i?"progress bg":"progress"},d+t));g.push(r("div",{class:"remain"}));g.push(r("div",{class:"end"},v))}function z(){var s=n/i;for(var e=1;e<i;e+=n){h+=s+"fr 0fr ";if(e>t){g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty"},d+e))}else{g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress"},d+e))}}h+=s+"fr 0fr ";if(i<=t){h+="0fr ";g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress bg"},d+i));g.push(r("div",{class:"end"},v))}else{h+="0fr ";g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty bg"},d+i));g.push(r("div",{class:"end"},v))}}function S(){var s=t%i;var e=s/i*.5;var a=Math.floor(t/i);if(a==0){h=e+"fr 0fr "+(.5-e)+"fr 0fr 0.5fr 0fr";g.push(r("div",{class:"filled"}));g.push(r("div",{class:t==i?"progress bg":"progress"},d+t));g.push(r("div",{class:"remain"}));g.push(r("div",{class:"end"},v));g.push(r("div",{class:"remain"}));g.push(r("div",{class:"end bw"},f))}else if(a==1){h="0.5fr 0fr "+e+"fr 0fr "+(.5-e)+"fr 0fr";g.push(r("div",{class:"filled"}));g.push(r("div",{class:"end"},v));g.push(r("div",{class:"filled"}));g.push(r("div",{class:t==i?"progress bg":"progress"},d+t));g.push(r("div",{class:"remain"}));g.push(r("div",{class:"end bw"},f))}else{h="0fr 0.5fr 0fr "+e+"fr 0fr "+(.5-e)+"fr 0fr";g.push(r("div",{class:"end start"},v));g.push(r("div",{class:"filled"}));g.push(r("div",{class:"end"},f));g.push(r("div",{class:"filled"}));g.push(r("div",{class:t==i*a?"progress bg":"progress"},d+t));g.push(r("div",{class:"remain"}));g.push(r("div",{class:"end bw"},u))}}function k(){var s=Math.floor(t/i);if(s<2){var e=n/i;for(var a=1;a<i*2+1;a+=n){h+=e+"fr 0fr ";if(a>t){if(a==i){h+="0fr ";g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty bg"},d+i));g.push(r("div",{class:"end bw"},v))}else if(a==i*2){h+="0fr 0fr";g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty bg"},d+(a+i*(s-1))));g.push(r("div",{class:"end bw"},f))}else{g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty"},d+a))}}else if(a==i){h+="0fr ";g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress bg"},d+a));g.push(r("div",{class:"end"},u))}else{g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress"},d+a))}}}else{var l=t%i+i;var e=n/i;h+="0fr 0fr ";g.push(r("div",{class:"progress bg"},d+i*(s-1)));g.push(r("div",{class:"end start"},v));for(var a=1;a<i*2+1;a+=n){h+=e+"fr 0fr ";if(a<=i){if(a==i){h+="0fr ";g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress bg"},d+(a+i*(s-1))));g.push(r("div",{class:"end"},f))}else{g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress"},d+(a+i*(s-1))))}}else if(a>l){if(a==i*2){h+="0fr 0fr";g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty bg"},d+(a+i*(s-1))));g.push(r("div",{class:"end bw"},u))}else{g.push(r("div",{class:"remain"}));g.push(r("div",{class:"empty"},d+(a+i*(s-1))))}}else{g.push(r("div",{class:"filled"}));g.push(r("div",{class:"progress"},d+(a+i*(s-1))))}}}}}}}}));