text: import{S as H,i as X,s as W,H as ie,B as oe,e as k,t as C,k as O,c as E,a as y,g as A,d as f,n as V,b,L as ge,F as D,f as S,D as p,M as ae,N as J,h as Y,I as ue,J as fe,K as ce,p as ke,O as _e,x as N,u as R,P as Ee,Q as Ce,R as Qe,T as Ke,E as G,U as Ae,V as Ze,A as Me,W as xe,X as be,C as re,Y as K,Z as Ne,j as F,m as U,o as j,v as q,G as B,_ as ye,l as Q,r as se,w as le,$ as et,a0 as tt,a1 as Le,a2 as st,a3 as lt,a4 as Re,q as nt}from"../chunks/vendor-9e8897e3.js";function at(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I,z;const c=l[7].default,d=ie(c,l,l[6],null);let v=[{class:"input__element"},{type:"number"},{id:l[1]},l[5]],M={};for(let g=0;g<v.length;g+=1)M=oe(M,v[g]);let _=[{"aria-labelledby":l[1]},{class:"input__range"},{type:"range"},{list:T=`${l[1]}-tickmarks`},l[5]],$={};for(let g=0;g<_.length;g+=1)$=oe($,_[g]);return{c(){e=k("label"),s=C(l[0]),t=O(),d&&d.c(),n=O(),a=k("div"),i=k("input"),o=O(),r=k("span"),u=C(l[2]),w=O(),m=k("input"),this.h()},l(g){e=E(g,"LABEL",{class:!0,for:!0});var L=y(e);s=A(L,l[0]),L.forEach(f),t=V(g),d&&d.l(g),n=V(g),a=E(g,"DIV",{class:!0});var P=y(a);i=E(P,"INPUT",{class:!0,type:!0,id:!0}),o=V(P),r=E(P,"SPAN",{class:!0});var te=y(r);u=A(te,l[2]),te.forEach(f),P.forEach(f),w=V(g),m=E(g,"INPUT",{"aria-labelledby":!0,class:!0,type:!0,list:!0}),this.h()},h(){b(e,"class","input__label svelte-11r03kt"),b(e,"for",l[1]),ge(i,M),D(i,"svelte-11r03kt",!0),b(r,"class","input__unit svelte-11r03kt"),b(a,"class","input__wrapper svelte-11r03kt"),ge(m,$),D(m,"svelte-11r03kt",!0)},m(g,L){S(g,e,L),p(e,s),S(g,t,L),d&&d.m(g,L),S(g,n,L),S(g,a,L),p(a,i),i.autofocus&&i.focus(),ae(i,l[4]),p(a,o),p(a,r),p(r,u),S(g,w,L),S(g,m,L),m.autofocus&&m.focus(),ae(m,l[4]),h=!0,I||(z=[J(i,"input",l[8]),J(m,"change",l[9]),J(m,"input",l[9])],I=!0)},p(g,[L]){(!h||L&1)&&Y(s,g[0]),(!h||L&2)&&b(e,"for",g[1]),d&&d.p&&(!h||L&64)&&ue(d,c,g,g[6],h?ce(c,g[6],L,null):fe(g[6]),null),ge(i,M=ke(v,[{class:"input__element"},{type:"number"},(!h||L&2)&&{id:g[1]},L&32&&g[5]])),L&16&&_e(i.value)!==g[4]&&ae(i,g[4]),D(i,"svelte-11r03kt",!0),(!h||L&4)&&Y(u,g[2]),ge(m,$=ke(_,[(!h||L&2)&&{"aria-labelledby":g[1]},{class:"input__range"},{type:"range"},(!h||L&2&&T!==(T=`${g[1]}-tickmarks`))&&{list:T},L&32&&g[5]])),L&16&&ae(m,g[4]),D(m,"svelte-11r03kt",!0)},i(g){h||(N(d,g),h=!0)},o(g){R(d,g),h=!1},d(g){g&&f(e),g&&f(t),d&&d.d(g),g&&f(n),g&&f(a),g&&f(w),g&&f(m),I=!1,Ee(z)}}}function rt(l,e,s){const t=["label","id","unit","value"];let n=Ce(e,t),a,i=G,o=()=>(i(),i=Qe(h,c=>s(4,a=c)),h);l.$$.on_destroy.push(()=>i());let{$$slots:r={},$$scope:u}=e,{label:w}=e,{id:m}=e,{unit:T=""}=e,{value:h}=e;o();function I(){a=_e(this.value),h.set(a)}function z(){a=_e(this.value),h.set(a)}return l.$$set=c=>{e=oe(oe({},e),Ke(c)),s(5,n=Ce(e,t)),"label"in c&&s(0,w=c.label),"id"in c&&s(1,m=c.id),"unit"in c&&s(2,T=c.unit),"value"in c&&o(s(3,h=c.value)),"$$scope"in c&&s(6,u=c.$$scope)},[w,m,T,h,a,n,u,r,I,z]}class de extends H{constructor(e){super();X(this,e,rt,at,W,{label:0,id:1,unit:2,value:3})}}const it=l=>{const e=s=>{l&&!l.contains(s.target)&&!s.defaultPrevented&&l.dispatchEvent(new CustomEvent("click_outside",l))};return document.addEventListener("click",e,!0),{destroy(){document.removeEventListener("click",e,!0)}}};function ot(l){let e,s,t,n,a,i,o,r,u,w;const m=l[7].default,T=ie(m,l,l[6],null);return{c(){e=k("div"),s=k("button"),t=k("i"),a=O(),i=k("div"),o=k("div"),T&&T.c(),this.h()},l(h){e=E(h,"DIV",{class:!0});var I=y(e);s=E(I,"BUTTON",{class:!0});var z=y(s);t=E(z,"I",{class:!0}),y(t).forEach(f),z.forEach(f),a=V(I),i=E(I,"DIV",{class:!0});var c=y(i);o=E(c,"DIV",{class:!0});var d=y(o);T&&T.l(d),d.forEach(f),c.forEach(f),I.forEach(f),this.h()},h(){b(t,"class",n=""+(Ae(`fa-solid fa-triangle-exclamation tooltip__icon tooltip__icon--${l[0]}`)+" svelte-6ajbn0")),b(s,"class","tooltip-button svelte-6ajbn0"),b(o,"class","tooltip__message-inner svelte-6ajbn0"),b(i,"class","tooltip__message svelte-6ajbn0"),D(i,"tooltip__message--visible",l[3]),b(e,"class","tooltip svelte-6ajbn0")},m(h,I){S(h,e,I),p(e,s),p(s,t),l[11](s),p(e,a),p(e,i),p(i,o),T&&T.m(o,null),l[12](i),r=!0,u||(w=[J(s,"mouseenter",l[8]),J(s,"mouseleave",l[9]),J(s,"click",l[10]),Ze(it.call(null,e)),J(e,"click_outside",l[4])],u=!0)},p(h,[I]){(!r||I&1&&n!==(n=""+(Ae(`fa-solid fa-triangle-exclamation tooltip__icon tooltip__icon--${h[0]}`)+" svelte-6ajbn0")))&&b(t,"class",n),T&&T.p&&(!r||I&64)&&ue(T,m,h,h[6],r?ce(m,h[6],I,null):fe(h[6]),null),I&8&&D(i,"tooltip__message--visible",h[3])},i(h){r||(N(T,h),r=!0)},o(h){R(T,h),r=!1},d(h){h&&f(e),l[11](null),T&&T.d(h),l[12](null),u=!1,Ee(w)}}}function ut(l,e,s){let{$$slots:t={},$$scope:n}=e,{type:a}=e,{id:i}=e,o,r,u=!1;Me(()=>{xe(o,r,{placement:"right"}).then(({x:c,y:d})=>{Object.assign(r.style,{left:`${c}px`,top:`${d}px`})})});const w=()=>s(3,u=!1),m=()=>{s(3,u=!0)},T=()=>{s(3,u=!1)},h=()=>s(3,u=!0);function I(c){be[c?"unshift":"push"](()=>{o=c,s(1,o)})}function z(c){be[c?"unshift":"push"](()=>{r=c,s(2,r)})}return l.$$set=c=>{"type"in c&&s(0,a=c.type),"id"in c&&s(5,i=c.id),"$$scope"in c&&s(6,n=c.$$scope)},[a,o,r,u,w,i,n,t,m,T,h,I,z]}class pe extends H{constructor(e){super();X(this,e,ut,ot,W,{type:0,id:5})}}const $e=(l,e)=>Math.round(l*Math.pow(10,e))/Math.pow(10,e),ft=(l,e)=>e===0||!e?`${l}vw`:e<0?`${l}vw - ${-1*e}rem`:`${l}vw + ${e}rem`,ct=([l,e,s,t])=>`clamp(${$e(l,3)}rem, ${ft(e,s)}, ${$e(t,3)}rem);`,_t=([l,e,s,t,n])=>`https://modern-fluid-typography.vercel.app?rootFontSize=${l}&minSize=${e}&fluidSize=${s}&relativeSize=${t}&maxSize=${n}`,he=l=>{const e=new URLSearchParams(window.location.search),s=parseInt(e.get(l));if(!isNaN(s))return e.get(l)},dt=([l,e])=>l*e,Oe=([l,e])=>l/e,ne=re(he("rootFontSize")||16),Z=re(he("minSize")||24),x=re(he("maxSize")||36),ee=re(he("fluidSize")||2),me=re(he("relativeSize")||1),pt=K([Z,ne],Oe),ht=K([x,ne],Oe),ve=K([me,ne],dt),mt=K([pt,ee,me,ht],ct),vt=K([ne,Z,ee,me,x],_t);function gt(l){let e,s;return{c(){e=k("i"),s=C(`
  			Copy link`),this.h()},l(t){e=E(t,"I",{class:!0}),y(e).forEach(f),s=A(t,`
  			Copy link`),this.h()},h(){b(e,"class","fa-solid fa-share-from-square svelte-1u9igza")},m(t,n){S(t,e,n),S(t,s,n)},d(t){t&&f(e),t&&f(s)}}}function bt(l){let e,s;return{c(){e=k("i"),s=C(`
  			Link copied`),this.h()},l(t){e=E(t,"I",{class:!0}),y(e).forEach(f),s=A(t,`
  			Link copied`),this.h()},h(){b(e,"class","fa-solid fa-check svelte-1u9igza")},m(t,n){S(t,e,n),S(t,s,n)},d(t){t&&f(e),t&&f(s)}}}function $t(l){let e,s,t;function n(o,r){return o[0]?bt:gt}let a=n(l),i=a(l);return{c(){e=k("button"),i.c(),this.h()},l(o){e=E(o,"BUTTON",{href:!0,title:!0,class:!0});var r=y(e);i.l(r),r.forEach(f),this.h()},h(){b(e,"href",l[1]),b(e,"title","Share this value"),b(e,"class","svelte-1u9igza")},m(o,r){S(o,e,r),i.m(e,null),s||(t=J(e,"click",function(){ye(l[3])&&l[3].apply(this,arguments)}),s=!0)},p(o,r){l=o,a!==(a=n(l))&&(i.d(1),i=a(l),i&&(i.c(),i.m(e,null))),r&2&&b(e,"href",l[1])},d(o){o&&f(e),i.d(),s=!1,t()}}}function kt(l){let e,s;return e=new Ne({props:{text:l[1],$$slots:{default:[$t,({copy:t})=>({3:t}),({copy:t})=>t?8:0]},$$scope:{ctx:l}}}),e.$on("copy",l[2]),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p(t,[n]){const a={};n&2&&(a.text=t[1]),n&27&&(a.$$scope={dirty:n,ctx:t}),e.$set(a)},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function Et(l,e,s){let t;B(l,vt,i=>s(1,t=i));let n=!1;return[n,t,()=>{s(0,n=!0),setTimeout(()=>{s(0,n=!1)},1e3)}]}class yt extends H{constructor(e){super();X(this,e,Et,kt,W,{})}}function Ve(l){let e,s;return e=new pe({props:{id:"root-font-size",type:"error",$$slots:{default:[wt]},$$scope:{ctx:l}}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function wt(l){let e;return{c(){e=C("Incorrect font size value.")},l(s){e=A(s,"Incorrect font size value.")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function Tt(l){let e,s,t=l[0]<=0&&Ve(l);return{c(){t&&t.c(),e=Q()},l(n){t&&t.l(n),e=Q()},m(n,a){t&&t.m(n,a),S(n,e,a),s=!0},p(n,a){n[0]<=0?t?a&1&&N(t,1):(t=Ve(n),t.c(),N(t,1),t.m(e.parentNode,e)):t&&(se(),R(t,1,1,()=>{t=null}),le())},i(n){s||(N(t),s=!0)},o(n){R(t),s=!1},d(n){t&&t.d(n),n&&f(e)}}}function De(l){let e,s;return e=new pe({props:{id:"min-max-size",type:"error",$$slots:{default:[zt]},$$scope:{ctx:l}}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function zt(l){let e;return{c(){e=C("Fluid snippet doesn't have any effect. Minimum size is larger than maximum size.")},l(s){e=A(s,"Fluid snippet doesn't have any effect. Minimum size is larger than maximum size.")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function St(l){let e,s,t=l[1]>l[2]&&De(l);return{c(){t&&t.c(),e=Q()},l(n){t&&t.l(n),e=Q()},m(n,a){t&&t.m(n,a),S(n,e,a),s=!0},p(n,a){n[1]>n[2]?t?a&6&&N(t,1):(t=De(n),t.c(),N(t,1),t.m(e.parentNode,e)):t&&(se(),R(t,1,1,()=>{t=null}),le())},i(n){s||(N(t),s=!0)},o(n){R(t),s=!1},d(n){t&&t.d(n),n&&f(e)}}}function Fe(l){let e,s;return e=new pe({props:{id:"min-max-size",type:"error",$$slots:{default:[It]},$$scope:{ctx:l}}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function It(l){let e;return{c(){e=C("Fluid snippet doesn't have any effect. Minimum size is larger than maximum size.")},l(s){e=A(s,"Fluid snippet doesn't have any effect. Minimum size is larger than maximum size.")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function Ct(l){let e,s,t=l[1]>l[2]&&Fe(l);return{c(){t&&t.c(),e=Q()},l(n){t&&t.l(n),e=Q()},m(n,a){t&&t.m(n,a),S(n,e,a),s=!0},p(n,a){n[1]>n[2]?t?a&6&&N(t,1):(t=Fe(n),t.c(),N(t,1),t.m(e.parentNode,e)):t&&(se(),R(t,1,1,()=>{t=null}),le())},i(n){s||(N(t),s=!0)},o(n){R(t),s=!1},d(n){t&&t.d(n),n&&f(e)}}}function Ue(l){let e,s;return e=new pe({props:{id:"fluid-size",type:"warning",$$slots:{default:[At]},$$scope:{ctx:l}}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function At(l){let e;return{c(){e=C("Fluid snippet doesn't have any effect. Fluid size should be above 0")},l(s){e=A(s,"Fluid snippet doesn't have any effect. Fluid size should be above 0")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function Mt(l){let e,s,t=l[3]===0&&Ue(l);return{c(){t&&t.c(),e=Q()},l(n){t&&t.l(n),e=Q()},m(n,a){t&&t.m(n,a),S(n,e,a),s=!0},p(n,a){n[3]===0?t?a&8&&N(t,1):(t=Ue(n),t.c(),N(t,1),t.m(e.parentNode,e)):t&&(se(),R(t,1,1,()=>{t=null}),le())},i(n){s||(N(t),s=!0)},o(n){R(t),s=!1},d(n){t&&t.d(n),n&&f(e)}}}function je(l){let e,s;return e=new pe({props:{id:"relative-size",type:"warning",$$slots:{default:[Nt]},$$scope:{ctx:l}}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function Nt(l){let e;return{c(){e=C("Value should be -1 and less or 1 and more to support user font size settings.")},l(s){e=A(s,"Value should be -1 and less or 1 and more to support user font size settings.")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function Lt(l){let e,s,t=l[4]>-1&&l[4]<1&&je(l);return{c(){t&&t.c(),e=Q()},l(n){t&&t.l(n),e=Q()},m(n,a){t&&t.m(n,a),S(n,e,a),s=!0},p(n,a){n[4]>-1&&n[4]<1?t?a&16&&N(t,1):(t=je(n),t.c(),N(t,1),t.m(e.parentNode,e)):t&&(se(),R(t,1,1,()=>{t=null}),le())},i(n){s||(N(t),s=!0)},o(n){R(t),s=!1},d(n){t&&t.d(n),n&&f(e)}}}function Rt(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I,z,c;return t=new de({props:{id:"root-font-size",unit:"px",label:"Root font size",min:1,max:64,value:ne,$$slots:{default:[Tt]},$$scope:{ctx:l}}}),i=new de({props:{id:"min-size",unit:"px",label:"Min size",min:1,max:128,step:1,value:Z,$$slots:{default:[St]},$$scope:{ctx:l}}}),u=new de({props:{id:"max-size",unit:"px",label:"Max size",min:1,max:128,step:1,value:x,$$slots:{default:[Ct]},$$scope:{ctx:l}}}),T=new de({props:{id:"fluid-size",unit:"vw",label:"Fluid size",min:-5,max:5,value:ee,$$slots:{default:[Mt]},$$scope:{ctx:l}}}),z=new de({props:{id:"relative-size",unit:"rem",label:"Relative size",min:-3,max:3,step:.25,value:me,$$slots:{default:[Lt]},$$scope:{ctx:l}}}),{c(){e=k("ul"),s=k("li"),F(t.$$.fragment),n=O(),a=k("li"),F(i.$$.fragment),o=O(),r=k("li"),F(u.$$.fragment),w=O(),m=k("li"),F(T.$$.fragment),h=O(),I=k("li"),F(z.$$.fragment),this.h()},l(d){e=E(d,"UL",{class:!0});var v=y(e);s=E(v,"LI",{class:!0});var M=y(s);U(t.$$.fragment,M),M.forEach(f),n=V(v),a=E(v,"LI",{class:!0});var _=y(a);U(i.$$.fragment,_),_.forEach(f),o=V(v),r=E(v,"LI",{class:!0});var $=y(r);U(u.$$.fragment,$),$.forEach(f),w=V(v),m=E(v,"LI",{class:!0});var g=y(m);U(T.$$.fragment,g),g.forEach(f),h=V(v),I=E(v,"LI",{class:!0});var L=y(I);U(z.$$.fragment,L),L.forEach(f),v.forEach(f),this.h()},h(){b(s,"class","svelte-4ljoho"),b(a,"class","svelte-4ljoho"),b(r,"class","svelte-4ljoho"),b(m,"class","svelte-4ljoho"),b(I,"class","svelte-4ljoho"),b(e,"class","form-list svelte-4ljoho")},m(d,v){S(d,e,v),p(e,s),j(t,s,null),p(e,n),p(e,a),j(i,a,null),p(e,o),p(e,r),j(u,r,null),p(e,w),p(e,m),j(T,m,null),p(e,h),p(e,I),j(z,I,null),c=!0},p(d,[v]){const M={};v&33&&(M.$$scope={dirty:v,ctx:d}),t.$set(M);const _={};v&38&&(_.$$scope={dirty:v,ctx:d}),i.$set(_);const $={};v&38&&($.$$scope={dirty:v,ctx:d}),u.$set($);const g={};v&40&&(g.$$scope={dirty:v,ctx:d}),T.$set(g);const L={};v&48&&(L.$$scope={dirty:v,ctx:d}),z.$set(L)},i(d){c||(N(t.$$.fragment,d),N(i.$$.fragment,d),N(u.$$.fragment,d),N(T.$$.fragment,d),N(z.$$.fragment,d),c=!0)},o(d){R(t.$$.fragment,d),R(i.$$.fragment,d),R(u.$$.fragment,d),R(T.$$.fragment,d),R(z.$$.fragment,d),c=!1},d(d){d&&f(e),q(t),q(i),q(u),q(T),q(z)}}}function Ot(l,e,s){let t,n,a,i,o;return B(l,ne,r=>s(0,t=r)),B(l,Z,r=>s(1,n=r)),B(l,x,r=>s(2,a=r)),B(l,ee,r=>s(3,i=r)),B(l,me,r=>s(4,o=r)),[t,n,a,i,o]}class Vt extends H{constructor(e){super();X(this,e,Ot,Rt,W,{})}}function Dt(l){let e,s;return{c(){e=k("figure"),s=k("canvas"),this.h()},l(t){e=E(t,"FIGURE",{class:!0});var n=y(e);s=E(n,"CANVAS",{class:!0}),y(s).forEach(f),n.forEach(f),this.h()},h(){b(s,"class","svelte-12slnqc"),b(e,"class","svelte-12slnqc")},m(t,n){S(t,e,n),p(e,s),l[4](s)},p:G,i:G,o:G,d(t){t&&f(e),l[4](null)}}}function Ft(l,e,s){let{chartOptions:t}=e,{data:n}=e,a,i;Me(()=>{et.modes.interpolate=tt,Le.register(st,...lt),s(3,i=new Le(a==null?void 0:a.getContext("2d"),t));var u=i.ctx.createLinearGradient(0,0,0,i.chartArea.height);u.addColorStop(0,"hsla(182, 29%, 51%, 0.17)"),u.addColorStop(1,"hsla(182, 29%, 51%, 0)"),s(3,i.options.backgroundColor=u,i),s(3,i.data.datasets[0].data=n,i),i==null||i.update()});function r(u){be[u?"unshift":"push"](()=>{a=u,s(0,a)})}return l.$$set=u=>{"chartOptions"in u&&s(1,t=u.chartOptions),"data"in u&&s(2,n=u.data)},l.$$.update=()=>{l.$$.dirty&12&&i&&(s(3,i.data.datasets[0].data=n,i),i==null||i.update())},[a,t,n,i,r]}class Ut extends H{constructor(e){super();X(this,e,Ft,Dt,W,{chartOptions:1,data:2})}}const jt=l=>{let e=l.canvas.parentNode.querySelector("#chart-tooltip");if(!e){e=document.createElement("div"),e.id="chart-tooltip",e.style.pointerEvents="none",e.style.position="absolute",e.style.top="0px",e.style.border="2px solid var(--color-secondary-tint)",e.style.color="var(--color-secondary)",e.style.background="var(--color-secondary-faded)",e.style.fontWeight="var(--font-weight-bold)",e.style.fontSize="var(--font-size-small)",e.style.padding="var(--spacing-n2)",e.style.lineHeight="1",e.style.textAlign="center";const s=document.createElement("span");e.appendChild(s),l.canvas.parentNode.appendChild(e)}return e},qt=l=>{const{chart:e,tooltip:s}=l,t=jt(e);if(t.style.opacity=s.opacity===0?0:1,s.body){const o=s.title||[];let r;o.forEach(w=>{r=document.createTextNode(w)});const u=t.querySelector("span");for(;u.firstChild;)u.firstChild.remove();u.appendChild(r)}const{offsetLeft:n,offsetTop:a}=e.canvas;s.caretX<e.width/2?(t.style.transform="translate3d(-1px,calc(-50% + 3px),0)",t.style.borderRadius="4px 4px 4px 0"):(t.style.transform="translate3d(calc(-100% + 1px),calc(-50% + 3px),0)",t.style.borderRadius="4px 4px 0 4px"),t.style.top="0",t.style.left=n+s.caretX+"px",t.style.minWidth="20ch",t.style.top=a+"px"},Pt={type:"scatter",data:{datasets:[{borderColor:"hsl(169, 82%, 69%)",tension:0,showLine:!0,lineTension:0,interpolate:!0,pointRadius:0,borderWidth:4,borderJoinStyle:"round",fill:!0}]},options:{animation:!1,responsive:!0,plugins:{legend:{display:!1},crosshair:{line:{color:"hsl(182, 29%, 51%)",width:2},zoom:{enabled:!1},sync:{enabled:!1}},tooltip:{enabled:!1,mode:"interpolate",intersect:!1,yAlign:"bottom",external:qt,callbacks:{title:function(l){const{x:e,y:s}=l[0].element;return`${Math.round(s)}px at ${Math.round(e)}px`},label:()=>null}}},scales:{x:{min:300,suggestedMax:1024,type:"linear",title:{text:"Viewport width (pixels)",display:!0,color:"hsl(215, 22%, 85%)",font:{size:16,family:"Ubuntu"}},grid:{drawTicks:!1,lineWidth:2,borderWidth:2,color:"hsla(182, 29%, 51%, 0.25)"},ticks:{stepSize:1,count:12,precision:0,padding:10,color:l=>l.tick.value<=1400?"hsla(215, 22%, 85%, 0.8)":"hsla(215, 22%, 85%, 0.5)",font:{size:14}}},y:{min:0,suggestedMin:16,suggestedMax:48,title:{text:"Fluid size (pixels)",display:!0,color:"hsl(215, 22%, 85%)",font:{size:16,family:"Ubuntu"},padding:8},grid:{drawTicks:!1,lineWidth:2,borderWidth:2,color:"hsla(182, 29%, 51%, 0.25)"},ticks:{padding:8,font:{size:14},color:"hsla(215, 22%, 85%, 0.6)",callback:function(l,e){return e===0?"":l}}}}}},we=(l,e,s)=>Math.min(Math.max(l,e),s),Te=K([Z,x,ee,ve],([l,e,s,t])=>l>=e?{x:0,y:l}:{x:Math.round(100*(l-t)/s),y:l}),ze=K([Z,x,ee,ve],([l,e,s,t])=>l>=e?{x:1900,y:l}:{x:Math.round(100*(e-t)/s),y:e}),Bt=K([Z,x,ee,ve,Te],([l,e,s,t,n])=>{if(l>=e)return{x:100,y:l};const a=Math.min(n.x-100,100);return{x:a,y:we(s/100*a+t,l,e)}}),Gt=K([Z,x,ee,ve,ze],([l,e,s,t,n])=>{if(l>=e)return{x:1400,y:l};const a=Math.max(n.x+100,1400);return{x:a,y:we(s/100*a+t,l,e)}}),Wt=K([Bt,Te,ze,Gt],([l,e,s,t])=>[l,e,s,t].sort((n,a)=>n.x-a.x));function Ht(l){let e,s;return e=new Ut({props:{data:l[0],chartOptions:Pt}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p(t,[n]){const a={};n&1&&(a.data=t[0]),e.$set(a)},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function Xt(l,e,s){let t;return B(l,Wt,n=>s(0,t=n)),[t]}class Yt extends H{constructor(e){super();X(this,e,Xt,Ht,W,{})}}const Jt=l=>({activeTab:l&2}),qe=l=>({activeTab:l[1]});function Pe(l,e,s){const t=l.slice();return t[5]=e[s],t[7]=s,t}const Qt=l=>({activeTab:l&2}),Be=l=>({activeTab:l[1]}),Kt=l=>({activeTab:l&2}),Ge=l=>({activeTab:l[1]});function We(l){let e,s=l[5]+"",t,n,a;function i(){return l[4](l[7])}return{c(){e=k("button"),t=C(s),this.h()},l(o){e=E(o,"BUTTON",{class:!0});var r=y(e);t=A(r,s),r.forEach(f),this.h()},h(){b(e,"class","tab__button svelte-1cm92rj"),D(e,"tab__button--active",l[7]===l[1])},m(o,r){S(o,e,r),p(e,t),n||(a=J(e,"click",i),n=!0)},p(o,r){l=o,r&1&&s!==(s=l[5]+"")&&Y(t,s),r&2&&D(e,"tab__button--active",l[7]===l[1])},d(o){o&&f(e),n=!1,a()}}}function Zt(l){let e,s,t,n,a,i,o;const r=l[3].snippet,u=ie(r,l,l[2],Ge),w=l[3].share,m=ie(w,l,l[2],Be);let T=l[0],h=[];for(let c=0;c<T.length;c+=1)h[c]=We(Pe(l,T,c));const I=l[3].default,z=ie(I,l,l[2],qe);return{c(){e=k("article"),s=k("div"),u&&u.c(),t=O(),m&&m.c(),n=O(),a=k("nav");for(let c=0;c<h.length;c+=1)h[c].c();i=O(),z&&z.c(),this.h()},l(c){e=E(c,"ARTICLE",{class:!0});var d=y(e);s=E(d,"DIV",{class:!0});var v=y(s);u&&u.l(v),t=V(v),m&&m.l(v),v.forEach(f),n=V(d),a=E(d,"NAV",{class:!0});var M=y(a);for(let _=0;_<h.length;_+=1)h[_].l(M);M.forEach(f),d.forEach(f),i=V(c),z&&z.l(c),this.h()},h(){b(s,"class","tabs-wrapper__utils svelte-1cm92rj"),b(a,"class","tabs svelte-1cm92rj"),b(e,"class","tabs-wrapper svelte-1cm92rj")},m(c,d){S(c,e,d),p(e,s),u&&u.m(s,null),p(s,t),m&&m.m(s,null),p(e,n),p(e,a);for(let v=0;v<h.length;v+=1)h[v].m(a,null);S(c,i,d),z&&z.m(c,d),o=!0},p(c,[d]){if(u&&u.p&&(!o||d&6)&&ue(u,r,c,c[2],o?ce(r,c[2],d,Kt):fe(c[2]),Ge),m&&m.p&&(!o||d&6)&&ue(m,w,c,c[2],o?ce(w,c[2],d,Qt):fe(c[2]),Be),d&3){T=c[0];let v;for(v=0;v<T.length;v+=1){const M=Pe(c,T,v);h[v]?h[v].p(M,d):(h[v]=We(M),h[v].c(),h[v].m(a,null))}for(;v<h.length;v+=1)h[v].d(1);h.length=T.length}z&&z.p&&(!o||d&6)&&ue(z,I,c,c[2],o?ce(I,c[2],d,Jt):fe(c[2]),qe)},i(c){o||(N(u,c),N(m,c),N(z,c),o=!0)},o(c){R(u,c),R(m,c),R(z,c),o=!1},d(c){c&&f(e),u&&u.d(c),m&&m.d(c),Re(h,c),c&&f(i),z&&z.d(c)}}}function xt(l,e,s){let{$$slots:t={},$$scope:n}=e,{tabs:a}=e,i=0;const o=r=>{s(1,i=r)};return l.$$set=r=>{"tabs"in r&&s(0,a=r.tabs),"$$scope"in r&&s(2,n=r.$$scope)},[a,i,n,t,o]}class es extends H{constructor(e){super();X(this,e,xt,Zt,W,{tabs:0})}}function ts(l){let e,s,t,n,a,i,o,r,u,w,m,T,h;return{c(){e=k("aside"),s=k("strong"),t=C("Legend"),n=O(),a=k("ul"),i=k("li"),o=C("Min value"),r=O(),u=k("li"),w=C("Within min and max range"),m=O(),T=k("li"),h=C("Max value"),this.h()},l(I){e=E(I,"ASIDE",{class:!0});var z=y(e);s=E(z,"STRONG",{});var c=y(s);t=A(c,"Legend"),c.forEach(f),n=V(z),a=E(z,"UL",{class:!0});var d=y(a);i=E(d,"LI",{class:!0});var v=y(i);o=A(v,"Min value"),v.forEach(f),r=V(d),u=E(d,"LI",{class:!0});var M=y(u);w=A(M,"Within min and max range"),M.forEach(f),m=V(d),T=E(d,"LI",{class:!0});var _=y(T);h=A(_,"Max value"),_.forEach(f),d.forEach(f),z.forEach(f),this.h()},h(){b(i,"class","legend__box legend__box--min svelte-qlk097"),b(u,"class","legend__box legend__box--fluid svelte-qlk097"),b(T,"class","legend__box legend__box--max svelte-qlk097"),b(a,"class","legend svelte-qlk097"),b(e,"class","legend-wrapper svelte-qlk097")},m(I,z){S(I,e,z),p(e,s),p(s,t),p(e,n),p(e,a),p(a,i),p(i,o),p(a,r),p(a,u),p(u,w),p(a,m),p(a,T),p(T,h)},p:G,i:G,o:G,d(I){I&&f(e)}}}class ss extends H{constructor(e){super();X(this,e,null,ts,W,{})}}function ls(l){let e,s,t,n,a,i;return{c(){e=k("button"),s=k("i"),t=O(),n=k("i"),this.h()},l(o){e=E(o,"BUTTON",{class:!0});var r=y(e);s=E(r,"I",{class:!0}),y(s).forEach(f),t=V(r),n=E(r,"I",{class:!0}),y(n).forEach(f),r.forEach(f),this.h()},h(){b(s,"class","fa-solid fa-copy"),b(n,"class","fa-solid fa-copy snippet__icon svelte-1nt0ada"),D(n,"snippet__icon--animated",l[1]),b(e,"class","snippet__button svelte-1nt0ada")},m(o,r){S(o,e,r),p(e,s),p(e,t),p(e,n),a||(i=J(e,"click",function(){ye(l[3])&&l[3].apply(this,arguments)}),a=!0)},p(o,r){l=o,r&2&&D(n,"snippet__icon--animated",l[1])},d(o){o&&f(e),a=!1,i()}}}function ns(l){let e,s,t,n,a,i,o;return s=new Ne({props:{text:l[0],$$slots:{default:[ls,({copy:r})=>({3:r}),({copy:r})=>r?8:0]},$$scope:{ctx:l}}}),s.$on("copy",l[2]),{c(){e=k("div"),F(s.$$.fragment),t=O(),n=k("pre"),a=k("code"),i=C(l[0]),this.h()},l(r){e=E(r,"DIV",{class:!0});var u=y(e);U(s.$$.fragment,u),t=V(u),n=E(u,"PRE",{class:!0});var w=y(n);a=E(w,"CODE",{class:!0});var m=y(a);i=A(m,l[0]),m.forEach(f),w.forEach(f),u.forEach(f),this.h()},h(){b(a,"class","snippet__code svelte-1nt0ada"),b(n,"class","snippet__wrapper svelte-1nt0ada"),b(e,"class","snippet svelte-1nt0ada")},m(r,u){S(r,e,u),j(s,e,null),p(e,t),p(e,n),p(n,a),p(a,i),o=!0},p(r,[u]){const w={};u&1&&(w.text=r[0]),u&26&&(w.$$scope={dirty:u,ctx:r}),s.$set(w),(!o||u&1)&&Y(i,r[0])},i(r){o||(N(s.$$.fragment,r),o=!0)},o(r){R(s.$$.fragment,r),o=!1},d(r){r&&f(e),q(s)}}}function as(l,e,s){let{text:t}=e,n=!1;const a=()=>{s(1,n=!0),setTimeout(()=>{s(1,n=!1)},300)};return l.$$set=i=>{"text"in i&&s(0,t=i.text)},[t,n,a]}class rs extends H{constructor(e){super();X(this,e,as,ns,W,{text:0})}}function is(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I,z,c,d,v,M;return{c(){e=C("Max value "),s=k("strong"),t=C("("),n=C(l[3]),a=C("px)"),i=C(` ends at
  		`),o=k("strong"),r=C(l[2]),u=C(" px"),w=C(`. Min value
  		`),m=k("strong"),T=C("("),h=C(l[1]),I=C("px)"),z=C(`
  		starts at
  		`),c=k("strong"),d=C(l[0]),v=C(" px"),M=C("."),this.h()},l(_){e=A(_,"Max value "),s=E(_,"STRONG",{class:!0});var $=y(s);t=A($,"("),n=A($,l[3]),a=A($,"px)"),$.forEach(f),i=A(_,` ends at
  		`),o=E(_,"STRONG",{class:!0});var g=y(o);r=A(g,l[2]),u=A(g," px"),g.forEach(f),w=A(_,`. Min value
  		`),m=E(_,"STRONG",{class:!0});var L=y(m);T=A(L,"("),h=A(L,l[1]),I=A(L,"px)"),L.forEach(f),z=A(_,`
  		starts at
  		`),c=E(_,"STRONG",{class:!0});var P=y(c);d=A(P,l[0]),v=A(P," px"),P.forEach(f),M=A(_,"."),this.h()},h(){b(s,"class","stats__value--min svelte-mhn6ai"),b(o,"class","stats__value--min svelte-mhn6ai"),b(m,"class","stats__value--max svelte-mhn6ai"),b(c,"class","stats__value--max svelte-mhn6ai")},m(_,$){S(_,e,$),S(_,s,$),p(s,t),p(s,n),p(s,a),S(_,i,$),S(_,o,$),p(o,r),p(o,u),S(_,w,$),S(_,m,$),p(m,T),p(m,h),p(m,I),S(_,z,$),S(_,c,$),p(c,d),p(c,v),S(_,M,$)},p(_,$){$&8&&Y(n,_[3]),$&4&&Y(r,_[2]),$&2&&Y(h,_[1]),$&1&&Y(d,_[0])},d(_){_&&f(e),_&&f(s),_&&f(i),_&&f(o),_&&f(w),_&&f(m),_&&f(z),_&&f(c),_&&f(M)}}}function os(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I,z,c,d,v,M;return{c(){e=C("Min value "),s=k("strong"),t=C("("),n=C(l[1]),a=C("px)"),i=C(` ends at
  		`),o=k("strong"),r=C(l[0]),u=C(" px"),w=C(`. Max value
  		`),m=k("strong"),T=C("("),h=C(l[3]),I=C("px)"),z=C(`
  		starts at
  		`),c=k("strong"),d=C(l[2]),v=C(" px"),M=C("."),this.h()},l(_){e=A(_,"Min value "),s=E(_,"STRONG",{class:!0});var $=y(s);t=A($,"("),n=A($,l[1]),a=A($,"px)"),$.forEach(f),i=A(_,` ends at
  		`),o=E(_,"STRONG",{class:!0});var g=y(o);r=A(g,l[0]),u=A(g," px"),g.forEach(f),w=A(_,`. Max value
  		`),m=E(_,"STRONG",{class:!0});var L=y(m);T=A(L,"("),h=A(L,l[3]),I=A(L,"px)"),L.forEach(f),z=A(_,`
  		starts at
  		`),c=E(_,"STRONG",{class:!0});var P=y(c);d=A(P,l[2]),v=A(P," px"),P.forEach(f),M=A(_,"."),this.h()},h(){b(s,"class","stats__value--min svelte-mhn6ai"),b(o,"class","stats__value--min svelte-mhn6ai"),b(m,"class","stats__value--max svelte-mhn6ai"),b(c,"class","stats__value--max svelte-mhn6ai")},m(_,$){S(_,e,$),S(_,s,$),p(s,t),p(s,n),p(s,a),S(_,i,$),S(_,o,$),p(o,r),p(o,u),S(_,w,$),S(_,m,$),p(m,T),p(m,h),p(m,I),S(_,z,$),S(_,c,$),p(c,d),p(c,v),S(_,M,$)},p(_,$){$&2&&Y(n,_[1]),$&1&&Y(r,_[0]),$&8&&Y(h,_[3]),$&4&&Y(d,_[2])},d(_){_&&f(e),_&&f(s),_&&f(i),_&&f(o),_&&f(w),_&&f(m),_&&f(z),_&&f(c),_&&f(M)}}}function us(l){let e;function s(a,i){return a[4]>=0?os:is}let t=s(l),n=t(l);return{c(){e=k("aside"),n.c(),this.h()},l(a){e=E(a,"ASIDE",{class:!0});var i=y(e);n.l(i),i.forEach(f),this.h()},h(){b(e,"class","stats svelte-mhn6ai")},m(a,i){S(a,e,i),n.m(e,null)},p(a,[i]){t===(t=s(a))&&n?n.p(a,i):(n.d(1),n=t(a),n&&(n.c(),n.m(e,null)))},i:G,o:G,d(a){a&&f(e),n.d()}}}function fs(l,e,s){let t;B(l,ee,r=>s(4,t=r));let{start:n=0}=e,{minValue:a=0}=e,{end:i=0}=e,{maxValue:o=0}=e;return l.$$set=r=>{"start"in r&&s(0,n=r.start),"minValue"in r&&s(1,a=r.minValue),"end"in r&&s(2,i=r.end),"maxValue"in r&&s(3,o=r.maxValue)},[n,a,i,o,t]}class cs extends H{constructor(e){super();X(this,e,fs,us,W,{start:0,minValue:1,end:2,maxValue:3})}}const Se=re([{id:10,width:300},{id:11,width:360},{id:12,width:480},{id:13,width:568},{id:14,width:768},{id:15,width:920},{id:16,width:1024},{id:17,width:1280},{id:18,width:1440}]),_s=()=>Math.floor(Math.random()*Date.now()),ds=(l,e,s,t,n)=>t>=n?t:we(Math.round(e/100*l+s),t,n);function ps(l){let e;return{c(){e=k("i"),this.h()},l(s){e=E(s,"I",{class:!0}),y(e).forEach(f),this.h()},h(){b(e,"class","fa-solid fa-plus")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function hs(l){let e;return{c(){e=k("i"),this.h()},l(s){e=E(s,"I",{class:!0}),y(e).forEach(f),this.h()},h(){b(e,"class","fa-solid fa-check")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function ms(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I;function z(v,M){return v[2]?hs:ps}let c=z(l),d=c(l);return{c(){e=k("article"),s=k("div"),t=k("label"),n=C("Add screen width to track"),a=O(),i=k("form"),o=k("button"),d.c(),r=O(),u=k("input"),w=O(),m=k("span"),T=C("px"),this.h()},l(v){e=E(v,"ARTICLE",{class:!0});var M=y(e);s=E(M,"DIV",{});var _=y(s);t=E(_,"LABEL",{class:!0,for:!0});var $=y(t);n=A($,"Add screen width to track"),$.forEach(f),_.forEach(f),a=V(M),i=E(M,"FORM",{class:!0});var g=y(i);o=E(g,"BUTTON",{class:!0,type:!0});var L=y(o);d.l(L),L.forEach(f),r=V(g),u=E(g,"INPUT",{class:!0,id:!0,type:!0,min:!0}),w=V(g),m=E(g,"SPAN",{class:!0});var P=y(m);T=A(P,"px"),P.forEach(f),g.forEach(f),M.forEach(f),this.h()},h(){b(t,"class","form__label svelte-z6318y"),b(t,"for","track-screen-width"),b(o,"class","form__button svelte-z6318y"),b(o,"type","submit"),b(u,"class","form__input svelte-z6318y"),b(u,"id","track-screen-width"),b(u,"type","number"),b(u,"min",0),u.required=!0,b(m,"class","form__unit svelte-z6318y"),b(i,"class","form svelte-z6318y"),b(e,"class","form-wrapper")},m(v,M){S(v,e,M),p(e,s),p(s,t),p(t,n),p(e,a),p(e,i),p(i,o),d.m(o,null),p(i,r),p(i,u),ae(u,l[0]),p(i,w),p(i,m),p(m,T),l[5](i),h||(I=[J(u,"input",l[4]),J(i,"submit",l[3])],h=!0)},p(v,[M]){c!==(c=z(v))&&(d.d(1),d=c(v),d&&(d.c(),d.m(o,null))),M&1&&_e(u.value)!==v[0]&&ae(u,v[0])},i:G,o:G,d(v){v&&f(e),d.d(),l[5](null),h=!1,Ee(I)}}}function vs(l,e,s){let t,n,a=!1;const i=u=>{u.preventDefault();const w=_s();t<=0||(Se.update(m=>[...m,{id:w,width:t}]),n.reset(),s(2,a=!0),setTimeout(()=>{s(2,a=!1)},1e3))};function o(){t=_e(this.value),s(0,t)}function r(u){be[u?"unshift":"push"](()=>{n=u,s(1,n)})}return[t,n,a,i,o,r]}class gs extends H{constructor(e){super();X(this,e,vs,ms,W,{})}}const He=K([Se],([l])=>l.sort((s,t)=>s.width-t.width)),bs=K([He],([l])=>[...l].reverse());function $s(l){let e;return{c(){e=k("i"),this.h()},l(s){e=E(s,"I",{class:!0}),y(e).forEach(f),this.h()},h(){b(e,"class","fa-solid fa-arrow-down")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function ks(l){let e;return{c(){e=k("i"),this.h()},l(s){e=E(s,"I",{class:!0}),y(e).forEach(f),this.h()},h(){b(e,"class","fa-solid fa-arrow-up")},m(s,t){S(s,e,t)},d(s){s&&f(e)}}}function Es(l){let e,s,t;function n(o,r){return o[1]?ks:$s}let a=n(l),i=a(l);return{c(){e=k("button"),i.c(),this.h()},l(o){e=E(o,"BUTTON",{class:!0});var r=y(e);i.l(r),r.forEach(f),this.h()},h(){b(e,"class","sort svelte-kx2iki"),D(e,"sort--desc",!l[1]),D(e,"sort--asc",l[1])},m(o,r){S(o,e,r),i.m(e,null),s||(t=J(e,"click",function(){ye(l[0])&&l[0].apply(this,arguments)}),s=!0)},p(o,[r]){l=o,a!==(a=n(l))&&(i.d(1),i=a(l),i&&(i.c(),i.m(e,null))),r&2&&D(e,"sort--desc",!l[1]),r&2&&D(e,"sort--asc",l[1])},i:G,o:G,d(o){o&&f(e),i.d(),s=!1,t()}}}function ys(l,e,s){let{handleClick:t}=e,{isAsc:n}=e;return l.$$set=a=>{"handleClick"in a&&s(0,t=a.handleClick),"isAsc"in a&&s(1,n=a.isAsc)},[t,n]}class ws extends H{constructor(e){super();X(this,e,ys,Es,W,{handleClick:0,isAsc:1})}}function Ts(l){let e,s,t,n,a,i,o,r,u,w,m=$e(l[5]/l[6],3)+"",T,h,I,z,c,d,v,M;return{c(){e=k("tr"),s=k("td"),t=C(l[0]),n=C(" px"),a=O(),i=k("td"),o=C(l[5]),r=C(" px"),u=O(),w=k("td"),T=C(m),h=C("rem"),I=O(),z=k("td"),c=k("button"),d=k("i"),this.h()},l(_){e=E(_,"TR",{class:!0});var $=y(e);s=E($,"TD",{});var g=y(s);t=A(g,l[0]),n=A(g," px"),g.forEach(f),a=V($),i=E($,"TD",{});var L=y(i);o=A(L,l[5]),r=A(L," px"),L.forEach(f),u=V($),w=E($,"TD",{});var P=y(w);T=A(P,m),h=A(P,"rem"),P.forEach(f),I=V($),z=E($,"TD",{});var te=y(z);c=E(te,"BUTTON",{class:!0,"data-id":!0});var Ie=y(c);d=E(Ie,"I",{class:!0}),y(d).forEach(f),Ie.forEach(f),te.forEach(f),$.forEach(f),this.h()},h(){b(d,"class","fa-solid fa-trash-can"),b(c,"class","data__button svelte-18bgkcx"),b(c,"data-id",l[1]),D(c,"data__button--max",l[5]===l[3]),D(c,"data__button--min",l[5]===l[4]),b(e,"class","data svelte-18bgkcx"),D(e,"data--asc",l[2]),D(e,"data--desc",!l[2]),D(e,"data--max",l[5]===l[3]),D(e,"data--min",l[5]===l[4])},m(_,$){S(_,e,$),p(e,s),p(s,t),p(s,n),p(e,a),p(e,i),p(i,o),p(i,r),p(e,u),p(e,w),p(w,T),p(w,h),p(e,I),p(e,z),p(z,c),p(c,d),v||(M=J(c,"click",l[7]),v=!0)},p(_,[$]){$&1&&Y(t,_[0]),$&32&&Y(o,_[5]),$&96&&m!==(m=$e(_[5]/_[6],3)+"")&&Y(T,m),$&2&&b(c,"data-id",_[1]),$&40&&D(c,"data__button--max",_[5]===_[3]),$&48&&D(c,"data__button--min",_[5]===_[4]),$&4&&D(e,"data--asc",_[2]),$&4&&D(e,"data--desc",!_[2]),$&40&&D(e,"data--max",_[5]===_[3]),$&48&&D(e,"data--min",_[5]===_[4])},i:G,o:G,d(_){_&&f(e),v=!1,M()}}}function zs(l,e,s){let t,n,a,i,o,r;B(l,x,h=>s(3,n=h)),B(l,Z,h=>s(4,a=h)),B(l,ve,h=>s(8,i=h)),B(l,ee,h=>s(9,o=h)),B(l,ne,h=>s(6,r=h));let{width:u}=e,{id:w}=e,{isAsc:m=!1}=e;const T=h=>{const I=parseInt(h.currentTarget.dataset.id);!I||isNaN(I)||Se.update(z=>z.filter(c=>c.id!==I))};return l.$$set=h=>{"width"in h&&s(0,u=h.width),"id"in h&&s(1,w=h.id),"isAsc"in h&&s(2,m=h.isAsc)},l.$$.update=()=>{l.$$.dirty&793&&s(5,t=ds(u,o,i,a,n))},[u,w,m,n,a,t,r,T,i,o]}class Ss extends H{constructor(e){super();X(this,e,zs,Ts,W,{width:0,id:1,isAsc:2})}}function Xe(l,e,s){const t=l.slice();return t[5]=e[s],t}function Ye(l){let e,s;const t=[{isAsc:l[0]},l[5]];let n={};for(let a=0;a<t.length;a+=1)n=oe(n,t[a]);return e=new Ss({props:n}),{c(){F(e.$$.fragment)},l(a){U(e.$$.fragment,a)},m(a,i){j(e,a,i),s=!0},p(a,i){const o=i&3?ke(t,[i&1&&{isAsc:a[0]},i&2&&nt(a[5])]):{};e.$set(o)},i(a){s||(N(e.$$.fragment,a),s=!0)},o(a){R(e.$$.fragment,a),s=!1},d(a){q(e,a)}}}function Je(l){let e,s,t=l[1],n=[];for(let i=0;i<t.length;i+=1)n[i]=Ye(Xe(l,t,i));const a=i=>R(n[i],1,1,()=>{n[i]=null});return{c(){for(let i=0;i<n.length;i+=1)n[i].c();e=Q()},l(i){for(let o=0;o<n.length;o+=1)n[o].l(i);e=Q()},m(i,o){for(let r=0;r<n.length;r+=1)n[r].m(i,o);S(i,e,o),s=!0},p(i,o){if(o&3){t=i[1];let r;for(r=0;r<t.length;r+=1){const u=Xe(i,t,r);n[r]?(n[r].p(u,o),N(n[r],1)):(n[r]=Ye(u),n[r].c(),N(n[r],1),n[r].m(e.parentNode,e))}for(se(),r=t.length;r<n.length;r+=1)a(r);le()}},i(i){if(!s){for(let o=0;o<t.length;o+=1)N(n[o]);s=!0}},o(i){n=n.filter(Boolean);for(let o=0;o<n.length;o+=1)R(n[o]);s=!1},d(i){Re(n,i),i&&f(e)}}}function Is(l){let e,s,t,n,a,i,o,r,u,w,m,T,h,I,z=`${l[0]?"asc":"desc"}`,c;i=new ws({props:{isAsc:l[0],handleClick:l[2]}});let d=Je(l);return{c(){e=k("div"),s=k("table"),t=k("thead"),n=k("tr"),a=k("th"),F(i.$$.fragment),o=C(`
  					Screen width`),r=O(),u=k("th"),w=C("Fluid size value"),m=O(),T=k("th"),h=O(),I=k("tbody"),d.c(),this.h()},l(v){e=E(v,"DIV",{class:!0});var M=y(e);s=E(M,"TABLE",{class:!0});var _=y(s);t=E(_,"THEAD",{class:!0});var $=y(t);n=E($,"TR",{class:!0});var g=y(n);a=E(g,"TH",{});var L=y(a);U(i.$$.fragment,L),o=A(L,`
  					Screen width`),L.forEach(f),r=V(g),u=E(g,"TH",{colspan:!0});var P=y(u);w=A(P,"Fluid size value"),P.forEach(f),m=V(g),T=E(g,"TH",{}),y(T).forEach(f),g.forEach(f),$.forEach(f),h=V(_),I=E(_,"TBODY",{});var te=y(I);d.l(te),te.forEach(f),_.forEach(f),M.forEach(f),this.h()},h(){b(u,"colspan","2"),b(n,"class","svelte-13bqh6d"),b(t,"class","svelte-13bqh6d"),b(s,"class","tracker svelte-13bqh6d"),b(e,"class","tracker-wrapper svelte-13bqh6d"),D(e,"tracker-wrapper--overflow",l[1].length>9)},m(v,M){S(v,e,M),p(e,s),p(s,t),p(t,n),p(n,a),j(i,a,null),p(a,o),p(n,r),p(n,u),p(u,w),p(n,m),p(n,T),p(s,h),p(s,I),d.m(I,null),c=!0},p(v,[M]){const _={};M&1&&(_.isAsc=v[0]),i.$set(_),M&1&&W(z,z=`${v[0]?"asc":"desc"}`)?(se(),R(d,1,1,G),le(),d=Je(v),d.c(),N(d),d.m(I,null)):d.p(v,M),M&2&&D(e,"tracker-wrapper--overflow",v[1].length>9)},i(v){c||(N(i.$$.fragment,v),N(d),c=!0)},o(v){R(i.$$.fragment,v),R(d),c=!1},d(v){v&&f(e),q(i),d.d(v)}}}function Cs(l,e,s){let t,n,a;B(l,bs,r=>s(3,n=r)),B(l,He,r=>s(4,a=r));let i=!0;const o=()=>{s(0,i=!i)};return l.$$.update=()=>{l.$$.dirty&25&&s(1,t=i?a:n)},[i,t,o,n,a]}class As extends H{constructor(e){super();X(this,e,Cs,Is,W,{})}}function Ms(l){let e,s,t,n,a,i,o;return e=new gs({}),n=new As({}),i=new ss({}),{c(){F(e.$$.fragment),s=O(),t=k("article"),F(n.$$.fragment),a=O(),F(i.$$.fragment),this.h()},l(r){U(e.$$.fragment,r),s=V(r),t=E(r,"ARTICLE",{class:!0});var u=y(t);U(n.$$.fragment,u),a=V(u),U(i.$$.fragment,u),u.forEach(f),this.h()},h(){b(t,"class","homepage__wrapper svelte-lrq2sw")},m(r,u){j(e,r,u),S(r,s,u),S(r,t,u),j(n,t,null),p(t,a),j(i,t,null),o=!0},p:G,i(r){o||(N(e.$$.fragment,r),N(n.$$.fragment,r),N(i.$$.fragment,r),o=!0)},o(r){R(e.$$.fragment,r),R(n.$$.fragment,r),R(i.$$.fragment,r),o=!1},d(r){q(e,r),r&&f(s),r&&f(t),q(n),q(i)}}}function Ns(l){let e,s,t,n;return e=new cs({props:{minValue:l[1],maxValue:l[2],start:l[3].x,end:l[4].x}}),t=new Yt({}),{c(){F(e.$$.fragment),s=O(),F(t.$$.fragment)},l(a){U(e.$$.fragment,a),s=V(a),U(t.$$.fragment,a)},m(a,i){j(e,a,i),S(a,s,i),j(t,a,i),n=!0},p(a,i){const o={};i&2&&(o.minValue=a[1]),i&4&&(o.maxValue=a[2]),i&8&&(o.start=a[3].x),i&16&&(o.end=a[4].x),e.$set(o)},i(a){n||(N(e.$$.fragment,a),N(t.$$.fragment,a),n=!0)},o(a){R(e.$$.fragment,a),R(t.$$.fragment,a),n=!1},d(a){q(e,a),a&&f(s),q(t,a)}}}function Ls(l){let e,s,t,n;const a=[Ns,Ms],i=[];function o(r,u){return r[5]===0?0:1}return e=o(l),s=i[e]=a[e](l),{c(){s.c(),t=Q()},l(r){s.l(r),t=Q()},m(r,u){i[e].m(r,u),S(r,t,u),n=!0},p(r,u){let w=e;e=o(r),e===w?i[e].p(r,u):(se(),R(i[w],1,1,()=>{i[w]=null}),le(),s=i[e],s?s.p(r,u):(s=i[e]=a[e](r),s.c()),N(s,1),s.m(t.parentNode,t))},i(r){n||(N(s),n=!0)},o(r){R(s),n=!1},d(r){i[e].d(r),r&&f(t)}}}function Rs(l){let e,s;return e=new rs({props:{text:l[0],slot:"snippet"}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p(t,n){const a={};n&1&&(a.text=t[0]),e.$set(a)},i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function Os(l){let e,s;return e=new yt({props:{slot:"share"}}),{c(){F(e.$$.fragment)},l(t){U(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p:G,i(t){s||(N(e.$$.fragment,t),s=!0)},o(t){R(e.$$.fragment,t),s=!1},d(t){q(e,t)}}}function Vs(l){let e,s,t,n,a,i,o;return t=new Vt({}),i=new es({props:{tabs:["Graph","Table"],$$slots:{share:[Os,({activeTab:r})=>({5:r}),({activeTab:r})=>r?32:0],snippet:[Rs,({activeTab:r})=>({5:r}),({activeTab:r})=>r?32:0],default:[Ls,({activeTab:r})=>({5:r}),({activeTab:r})=>r?32:0]},$$scope:{ctx:l}}}),{c(){e=k("main"),s=k("aside"),F(t.$$.fragment),n=O(),a=k("section"),F(i.$$.fragment),this.h()},l(r){e=E(r,"MAIN",{class:!0});var u=y(e);s=E(u,"ASIDE",{class:!0});var w=y(s);U(t.$$.fragment,w),w.forEach(f),n=V(u),a=E(u,"SECTION",{class:!0});var m=y(a);U(i.$$.fragment,m),m.forEach(f),u.forEach(f),this.h()},h(){b(s,"class","homepage__aside"),b(a,"class","homepage__content"),b(e,"class","homepage svelte-lrq2sw")},m(r,u){S(r,e,u),p(e,s),j(t,s,null),p(e,n),p(e,a),j(i,a,null),o=!0},p(r,[u]){const w={};u&127&&(w.$$scope={dirty:u,ctx:r}),i.$set(w)},i(r){o||(N(t.$$.fragment,r),N(i.$$.fragment,r),o=!0)},o(r){R(t.$$.fragment,r),R(i.$$.fragment,r),o=!1},d(r){r&&f(e),q(t),q(i)}}}function Ds(l,e,s){let t,n,a,i,o;return B(l,mt,r=>s(0,t=r)),B(l,Z,r=>s(1,n=r)),B(l,x,r=>s(2,a=r)),B(l,Te,r=>s(3,i=r)),B(l,ze,r=>s(4,o=r)),[t,n,a,i,o]}class Us extends H{constructor(e){super();X(this,e,Ds,Vs,W,{})}}export{Us as default};
  