<!-- Repo: https://github.com/harryli0088/svelte-polar-animation-tutorial -->
html, body {
position: relative;
width: 100%;
height: 100%;
}
body {
color: #333;
margin: 0;
padding: 8px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
//This code was built by Svelte and isn't very helpful to read
//The full repo is here: https://github.com/harryli0088/svelte-polar-animation-tutorial
var app=function(){"use strict";function t(){}const n=t=>t;function e(t,n){for(const e in n)t[e]=n[e];return t}function r(t){return t()}function o(){return Object.create(null)}function c(t){t.forEach(r)}function u(t){return"function"==typeof t}function i(t,n){return t!=t?n==n:t!==n||t&&"object"==typeof t||"function"==typeof t}function s(n,e,r){n.$$.on_destroy.push(function(n,...e){if(null==n)return t;const r=n.subscribe(...e);return r.unsubscribe?()=>r.unsubscribe():r}(e,r))}const f="undefined"!=typeof window;let a=f?()=>window.performance.now():()=>Date.now(),l=f?t=>requestAnimationFrame(t):t;const d=new Set;function p(t){d.forEach((n=>{n.c(t)||(d.delete(n),n.f())})),0!==d.size&&l(p)}function h(t,n){t.appendChild(n)}function m(t,n,e){t.insertBefore(n,e||null)}function $(t){t.parentNode.removeChild(t)}function g(t){return document.createElement(t)}function b(t){return document.createTextNode(t)}let y;function w(t){y=t}function _(t){(function(){if(!y)throw new Error("Function called outside component initialization");return y})().$$.on_destroy.push(t)}const x=[],v=[],E=[],k=[],j=Promise.resolve();let A=!1;function O(t){E.push(t)}let C=!1;const P=new Set;function S(){if(!C){C=!0;do{for(let t=0;t<x.length;t+=1){const n=x[t];w(n),T(n.$$)}for(w(null),x.length=0;v.length;)v.pop()();for(let t=0;t<E.length;t+=1){const n=E[t];P.has(n)||(P.add(n),n())}E.length=0}while(x.length);for(;k.length;)k.pop()();A=!1,C=!1,P.clear()}}function T(t){if(null!==t.fragment){t.update(),c(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(O)}}const z=new Set;function D(t,n){t&&t.i&&(z.delete(t),t.i(n))}function N(t,n,e){const{fragment:o,on_mount:i,on_destroy:s,after_update:f}=t.$$;o&&o.m(n,e),O((()=>{const n=i.map(r).filter(u);s?s.push(...n):c(n),t.$$.on_mount=[]})),f.forEach(O)}function q(t,n){const e=t.$$;null!==e.fragment&&(c(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function F(t,n){-1===t.$$.dirty[0]&&(x.push(t),A||(A=!0,j.then(S)),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function I(n,e,r,u,i,s,f=[-1]){const a=y;w(n);const l=e.props||{},d=n.$$={fragment:null,ctx:null,props:s,update:t,not_equal:i,bound:o(),on_mount:[],on_destroy:[],before_update:[],after_update:[],context:new Map(a?a.$$.context:[]),callbacks:o(),dirty:f,skip_bound:!1};let p=!1;if(d.ctx=r?r(n,l,((t,e,...r)=>{const o=r.length?r[0]:e;return d.ctx&&i(d.ctx[t],d.ctx[t]=o)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](o),p&&F(n,t)),e})):[],d.update(),p=!0,c(d.before_update),d.fragment=!!u&&u(d.ctx),e.target){if(e.hydrate){const t=function(t){return Array.from(t.childNodes)}(e.target);d.fragment&&d.fragment.l(t),t.forEach($)}else d.fragment&&d.fragment.c();e.intro&&D(n.$$.fragment),N(n,e.target,e.anchor),S()}w(a)}class B{$destroy(){q(this,1),this.$destroy=t}$on(t,n){const e=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return e.push(n),()=>{const t=e.indexOf(n);-1!==t&&e.splice(t,1)}}$set(t){var n;this.$$set&&(n=t,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const M=[];function G(t){const n=t-1;return n*n*n+1}function H(t){return"[object Date]"===Object.prototype.toString.call(t)}function J(t,n){if(t===n||t!=t)return()=>t;const e=typeof t;if(e!==typeof n||Array.isArray(t)!==Array.isArray(n))throw new Error("Cannot interpolate values of different type");if(Array.isArray(t)){const e=n.map(((n,e)=>J(t[e],n)));return t=>e.map((n=>n(t)))}if("object"===e){if(!t||!n)throw new Error("Object cannot be null");if(H(t)&&H(n)){t=t.getTime();const e=(n=n.getTime())-t;return n=>new Date(t+n*e)}const e=Object.keys(n),r={};return e.forEach((e=>{r[e]=J(t[e],n[e])})),t=>{const n={};return e.forEach((e=>{n[e]=r[e](t)})),n}}if("number"===e){const e=n-t;return n=>t+n*e}throw new Error(`Cannot interpolate ${e} values`)}function K(r,o={}){const c=function(n,e=t){let r;const o=[];function c(t){if(i(n,t)&&(n=t,r)){const t=!M.length;for(let t=0;t<o.length;t+=1){const e=o[t];e[1](),M.push(e,n)}if(t){for(let t=0;t<M.length;t+=2)M[t][0](M[t+1]);M.length=0}}}return{set:c,update:function(t){c(t(n))},subscribe:function(u,i=t){const s=[u,i];return o.push(s),1===o.length&&(r=e(c)||t),u(n),()=>{const t=o.indexOf(s);-1!==t&&o.splice(t,1),0===o.length&&(r(),r=null)}}}}(r);let u,s=r;function f(t,i){if(null==r)return c.set(r=t),Promise.resolve();s=t;let f=u,h=!1,{delay:m=0,duration:$=400,easing:g=n,interpolate:b=J}=e(e({},o),i);if(0===$)return f&&(f.abort(),f=null),c.set(r=s),Promise.resolve();const y=a()+m;let w;return u=function(t){let n;return 0===d.size&&l(p),{promise:new Promise((e=>{d.add(n={c:t,f:e})})),abort(){d.delete(n)}}}((n=>{if(n<y)return!0;h||(w=b(r,t),"function"==typeof $&&($=$(r,t)),h=!0),f&&(f.abort(),f=null);const e=n-y;return e>$?(c.set(r=t),!1):(c.set(r=w(g(e/$))),!0)})),u.promise}return{set:f,update:(t,n)=>f(t(s,r),n),subscribe:c.subscribe}}function L(n){let e,r,o,c;return{c(){e=g("main"),r=g("div"),o=b("$animation: "),c=b(n[0])},m(t,n){m(t,e,n),h(e,r),h(r,o),h(r,c)},p(t,[n]){1&n&&function(t,n){n=""+n,t.wholeText!==n&&(t.data=n)}(c,t[0])},i:t,o:t,d(t){t&&$(e)}}}function Q(t,n,e){let r;const o=K(0,{duration:4e3,easing:G});s(t,o,(t=>e(0,r=t)));const c=setInterval((()=>{o.set(1===r?0:1)}),5e3);return _((()=>clearInterval(c))),[r,o]}class R extends B{constructor(t){super(),I(this,t,Q,L,i,{})}}function U(n){let e,r,o;return r=new R({}),{c(){var t;e=g("main"),(t=r.$$.fragment)&&t.c()},m(t,n){m(t,e,n),N(r,e,null),o=!0},p:t,i(t){o||(D(r.$$.fragment,t),o=!0)},o(t){!function(t,n,e,r){if(t&&t.o){if(z.has(t))return;z.add(t),(void 0).c.push((()=>{z.delete(t),r&&(e&&t.d(1),r())})),t.o(n)}}(r.$$.fragment,t),o=!1},d(t){t&&$(e),q(r)}}}return new class extends B{constructor(t){super(),I(this,t,null,U,i,{})}}({target:document.body})}();
//# sourceMappingURL=bundle.js.map
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.