Initial import

build/bundle.css

@@ -0,0 +1 @@
+.container.svelte-19le2fc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.popup.svelte-19le2fc{background:#FFF;max-width:75%;padding:30px 60px}.hf.svelte-19le2fc{width:65px;margin-right:8px}.sketchfab.svelte-19le2fc{margin-left:8px;width:60px}.plus.svelte-19le2fc{font-size:48px;position:relative;top:-10px}p.svelte-19le2fc{font-family:'Courier New', Courier, monospace}.subtitle.svelte-19le2fc{font-size:24px}.desc.svelte-19le2fc{font-size:18px}.button.svelte-19le2fc{margin-top:20px;padding:16px}.button.svelte-19le2fc:hover{background-color:#1CAAD9;color:#F2F2F2;border:1px solid #1CAAD9}.button.svelte-19le2fc:active{background-color:orange;border:1px solid orange}.container.svelte-14yhi0m{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.viewer.svelte-14yhi0m{width:100%;height:100%;opacity:0;visibility:hidden}.started.svelte-14yhi0m{visibility:visible;opacity:1;transition:opacity 2s}.loader.svelte-14yhi0m{display:none;position:absolute;width:180px;margin-left:20px;padding:60px;border-radius:10px;text-align:center;font-size:24px;font-family:'Courier New', Courier, monospace}.loading-logo.svelte-14yhi0m,.loading-logo-grayscale.svelte-14yhi0m{background:url(/huggingface.svg) center center no-repeat;margin-left:30px;height:120px;width:120px}.loading-logo.svelte-14yhi0m{position:absolute;bottom:103px;height:0px;background-position-y:bottom;transition:height 0.3s}.loading-logo-grayscale.svelte-14yhi0m{filter:grayscale(1)}.loading.svelte-14yhi0m{display:block}.form.svelte-14yhi0m{position:absolute;bottom:10%;left:25%;width:50%;margin:0;padding:0}.query.svelte-14yhi0m{font-size:25px;margin:0;width:100%;box-shadow:#666 0px 0px 10px;border:1px solid #1CAAD9;border-radius:4px;color:#333}

build/bundle.js

@@ -0,0 +1,2 @@
+var app=function(){"use strict";function t(){}const e=t=>t;function n(t){return t()}function o(){return Object.create(null)}function r(t){t.forEach(n)}function s(t){return"function"==typeof t}function c(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let i;function l(t,e){return i||(i=document.createElement("a")),i.href=e,t===i.href}const u="undefined"!=typeof window;let a=u?()=>window.performance.now():()=>Date.now(),f=u?t=>requestAnimationFrame(t):t;const d=new Set;function p(t){d.forEach((e=>{e.c(t)||(d.delete(e),e.f())})),0!==d.size&&f(p)}function m(t,e){t.appendChild(e)}function h(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function g(t){const e=b("style");return function(t,e){m(t.head||t,e)}(h(t),e),e}function $(t,e,n){t.insertBefore(e,n||null)}function v(t){t.parentNode.removeChild(t)}function b(t){return document.createElement(t)}function y(t){return document.createTextNode(t)}function _(){return y(" ")}function w(t,e,n,o){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n,o)}function x(t){return function(e){return e.preventDefault(),t.call(this,e)}}function k(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function E(t,e){t.value=null==e?"":e}function A(t,e,n,o){t.style.setProperty(e,n,o?"important":"")}function C(t,e,n){t.classList[n?"add":"remove"](e)}const L=new Set;let D,S=0;function R(t,e,n,o,r,s,c,i=0){const l=16.666/o;let u="{\n";for(let t=0;t<=1;t+=l){const o=e+(n-e)*s(t);u+=100*t+`%{${c(o,1-o)}}\n`}const a=u+`100% {${c(n,1-n)}}\n}`,f=`__svelte_${function(t){let e=5381,n=t.length;for(;n--;)e=(e<<5)-e^t.charCodeAt(n);return e>>>0}(a)}_${i}`,d=h(t);L.add(d);const p=d.__svelte_stylesheet||(d.__svelte_stylesheet=g(t).sheet),m=d.__svelte_rules||(d.__svelte_rules={});m[f]||(m[f]=!0,p.insertRule(`@keyframes ${f} ${a}`,p.cssRules.length));const $=t.style.animation||"";return t.style.animation=`${$?`${$}, `:""}${f} ${o}ms linear ${r}ms 1 both`,S+=1,f}function N(t,e){const n=(t.style.animation||"").split(", "),o=n.filter(e?t=>t.indexOf(e)<0:t=>-1===t.indexOf("__svelte")),r=n.length-o.length;r&&(t.style.animation=o.join(", "),S-=r,S||f((()=>{S||(L.forEach((t=>{const e=t.__svelte_stylesheet;let n=e.cssRules.length;for(;n--;)e.deleteRule(n);t.__svelte_rules={}})),L.clear())})))}function O(t){D=t}function P(t){(function(){if(!D)throw new Error("Function called outside component initialization");return D})().$$.on_mount.push(t)}const T=[],j=[],F=[],M=[],U=Promise.resolve();let z=!1;function q(t){F.push(t)}let H=!1;const I=new Set;function B(){if(!H){H=!0;do{for(let t=0;t<T.length;t+=1){const e=T[t];O(e),G(e.$$)}for(O(null),T.length=0;j.length;)j.pop()();for(let t=0;t<F.length;t+=1){const e=F[t];I.has(e)||(I.add(e),e())}F.length=0}while(T.length);for(;M.length;)M.pop()();z=!1,H=!1,I.clear()}}function G(t){if(null!==t.fragment){t.update(),r(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(q)}}let J;function W(t,e,n){t.dispatchEvent(function(t,e,n=!1){const o=document.createEvent("CustomEvent");return o.initCustomEvent(t,n,!1,e),o}(`${e?"intro":"outro"}${n}`))}const K=new Set;let Q;function V(){Q={r:0,c:[],p:Q}}function X(){Q.r||r(Q.c),Q=Q.p}function Y(t,e){t&&t.i&&(K.delete(t),t.i(e))}function Z(t,e,n,o){if(t&&t.o){if(K.has(t))return;K.add(t),Q.c.push((()=>{K.delete(t),o&&(n&&t.d(1),o())})),t.o(e)}}const tt={duration:0};function et(n,o,c,i){let l=o(n,c),u=i?0:1,m=null,h=null,g=null;function $(){g&&N(n,g)}function v(t,e){const n=t.b-u;return e*=Math.abs(n),{a:u,b:t.b,d:n,duration:e,start:t.start,end:t.start+e,group:t.group}}function b(o){const{delay:s=0,duration:c=300,easing:i=e,tick:b=t,css:y}=l||tt,_={start:a()+s,b:o};o||(_.group=Q,Q.r+=1),m||h?h=_:(y&&($(),g=R(n,u,o,c,s,i,y)),o&&b(0,1),m=v(_,c),q((()=>W(n,o,"start"))),function(t){let e;0===d.size&&f(p),new Promise((n=>{d.add(e={c:t,f:n})}))}((t=>{if(h&&t>h.start&&(m=v(h,c),h=null,W(n,m.b,"start"),y&&($(),g=R(n,u,m.b,m.duration,0,i,l.css))),m)if(t>=m.end)b(u=m.b,1-u),W(n,m.b,"end"),h||(m.b?$():--m.group.r||r(m.group.c)),m=null;else if(t>=m.start){const e=t-m.start;u=m.a+m.d*i(e/m.duration),b(u,1-u)}return!(!m&&!h)})))}return{run(t){s(l)?(J||(J=Promise.resolve(),J.then((()=>{J=null}))),J).then((()=>{l=l(),b(t)})):b(t)},end(){$(),m=h=null}}}function nt(t){t&&t.c()}function ot(t,e,o,c){const{fragment:i,on_mount:l,on_destroy:u,after_update:a}=t.$$;i&&i.m(e,o),c||q((()=>{const e=l.map(n).filter(s);u?u.push(...e):r(e),t.$$.on_mount=[]})),a.forEach(q)}function rt(t,e){const n=t.$$;null!==n.fragment&&(r(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function st(t,e){-1===t.$$.dirty[0]&&(T.push(t),z||(z=!0,U.then(B)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function ct(e,n,s,c,i,l,u,a=[-1]){const f=D;O(e);const d=e.$$={fragment:null,ctx:null,props:l,update:t,not_equal:i,bound:o(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(f?f.$$.context:[])),callbacks:o(),dirty:a,skip_bound:!1,root:n.target||f.$$.root};u&&u(d.root);let p=!1;if(d.ctx=s?s(e,n.props||{},((t,n,...o)=>{const r=o.length?o[0]:n;return d.ctx&&i(d.ctx[t],d.ctx[t]=r)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](r),p&&st(e,t)),n})):[],d.update(),p=!0,r(d.before_update),d.fragment=!!c&&c(d.ctx),n.target){if(n.hydrate){const t=function(t){return Array.from(t.childNodes)}(n.target);d.fragment&&d.fragment.l(t),t.forEach(v)}else d.fragment&&d.fragment.c();n.intro&&Y(e.$$.fragment),ot(e,n.target,n.anchor,n.customElement),B()}O(f)}class it{$destroy(){rt(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function lt(t,{delay:n=0,duration:o=400,easing:r=e}={}){const s=+getComputedStyle(t).opacity;return{delay:n,duration:o,easing:r,css:t=>"opacity: "+t*s}}function ut(e){let n,o,r,s,c,i,u,a,f,d,p,h,g,y,E,A,C;return{c(){n=b("div"),o=b("div"),r=b("img"),c=_(),i=b("span"),i.textContent="+",u=_(),a=b("img"),d=_(),p=b("p"),p.innerHTML='A <span class="sketchfab svelte-19le2fc">Sketchfab</span> + <span class="huggingface">Huggingface</span> experiment',h=_(),g=b("p"),g.textContent="This demo uses the Huggingface inference API to trigger animations on a Sketchfab model.",y=_(),E=b("button"),E.textContent="Let's Go !",k(r,"class","hf svelte-19le2fc"),l(r.src,s="/huggingface.svg")||k(r,"src","/huggingface.svg"),k(i,"class","plus svelte-19le2fc"),k(a,"class","sketchfab svelte-19le2fc"),l(a.src,f="/sketchfab-logo.svg")||k(a,"src","/sketchfab-logo.svg"),k(p,"class","subtitle svelte-19le2fc"),k(g,"class","desc svelte-19le2fc"),k(E,"class","button svelte-19le2fc"),k(o,"class","popup svelte-19le2fc"),k(n,"class","container svelte-19le2fc")},m(t,s){$(t,n,s),m(n,o),m(o,r),m(o,c),m(o,i),m(o,u),m(o,a),m(o,d),m(o,p),m(o,h),m(o,g),m(o,y),m(o,E),A||(C=w(E,"click",x(e[0])),A=!0)},p:t,i:t,o:t,d(t){t&&v(n),A=!1,C()}}}function at(t,e,n){let{introDone:o=!1}=e;return t.$$set=t=>{"introDone"in t&&n(1,o=t.introDone)},[function(){n(1,o=!0)},o]}class ft extends it{constructor(t){super(),ct(this,t,at,ut,c,{introDone:1})}}function dt(t){let e,n,o,r,s,c,i,l,u,a,f,d=Math.floor(100*t[0])+"";return{c(){e=b("div"),n=b("div"),o=_(),r=b("div"),s=_(),c=b("div"),i=y("Loading "),l=y(d),u=y("%"),k(n,"class","loading-logo-grayscale svelte-14yhi0m"),k(r,"class","loading-logo svelte-14yhi0m"),A(r,"height",100*t[0]+"px"),k(e,"class","loader svelte-14yhi0m"),C(e,"loading",!t[3])},m(t,a){$(t,e,a),m(e,n),m(e,o),m(e,r),m(e,s),m(e,c),m(c,i),m(c,l),m(c,u),f=!0},p(t,n){(!f||1&n)&&A(r,"height",100*t[0]+"px"),(!f||1&n)&&d!==(d=Math.floor(100*t[0])+"")&&function(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}(l,d),8&n&&C(e,"loading",!t[3])},i(t){f||(q((()=>{a||(a=et(e,lt,{},!0)),a.run(1)})),f=!0)},o(t){a||(a=et(e,lt,{},!1)),a.run(0),f=!1},d(t){t&&v(e),t&&a&&a.end()}}}function pt(t){let e,n,o,s,c,i;return{c(){e=b("form"),n=b("input"),k(n,"class","query svelte-14yhi0m"),k(n,"placeholder","Tell me what to do and press enter !"),k(n,"autocomplete",""),n.autofocus=!0,k(e,"class","form svelte-14yhi0m")},m(o,r){$(o,e,r),m(e,n),E(n,t[2]),s=!0,n.focus(),c||(i=[w(n,"input",t[7]),w(e,"submit",x(t[4]))],c=!0)},p(t,e){4&e&&n.value!==t[2]&&E(n,t[2])},i(t){s||(q((()=>{o||(o=et(e,lt,{duration:300},!0)),o.run(1)})),s=!0)},o(t){o||(o=et(e,lt,{duration:300},!1)),o.run(0),s=!1},d(t){t&&v(e),t&&o&&o.end(),c=!1,r(i)}}}function mt(t){let e,n,o,r,s,c,i=!t[3]&&dt(t),u=t[3]&&pt(t);return{c(){e=b("div"),i&&i.c(),n=_(),o=b("iframe"),s=_(),u&&u.c(),k(o,"title","Forest Animal: Fox"),k(o,"frameborder","0"),o.allowFullscreen="true",k(o,"mozallowfullscreen","true"),k(o,"webkitallowfullscreen","true"),k(o,"allow","autoplay; fullscreen; xr-spatial-tracking"),k(o,"xr-spatial-tracking","true"),k(o,"execution-while-out-of-viewport","true"),k(o,"execution-while-not-rendered","true"),k(o,"web-share","true"),l(o.src,r="")||k(o,"src",""),k(o,"class","svelte-14yhi0m"),C(o,"viewer",t[1]),C(o,"started",t[3]),k(e,"class","container svelte-14yhi0m")},m(r,l){$(r,e,l),i&&i.m(e,null),m(e,n),m(e,o),t[6](o),m(e,s),u&&u.m(e,null),c=!0},p(t,[r]){t[3]?i&&(V(),Z(i,1,1,(()=>{i=null})),X()):i?(i.p(t,r),8&r&&Y(i,1)):(i=dt(t),i.c(),Y(i,1),i.m(e,n)),2&r&&C(o,"viewer",t[1]),8&r&&C(o,"started",t[3]),t[3]?u?(u.p(t,r),8&r&&Y(u,1)):(u=pt(t),u.c(),Y(u,1),u.m(e,null)):u&&(V(),Z(u,1,1,(()=>{u=null})),X())},i(t){c||(Y(i),Y(u),c=!0)},o(t){Z(i),Z(u),c=!1},d(n){n&&v(e),i&&i.d(),t[6](null),u&&u.d()}}}function ht(t,e,n){let o,r,s,{modelUid:c="abf5788c354f4d4b9ff5ea1fd10c6496"}=e,i=0,l=!1;l=!0;let u,a="";return P((()=>{s=new Sketchfab(r),s.init(c,{success:t=>{s=t,s.start(),s.addEventListener("modelLoadProgress",(function(t){n(0,i=t.progress)})),s.addEventListener("viewerready",(function(){s.getAnimations((function(t,e){u=e.filter((t=>{const e=t[1];return"Walk"!==e&&"Roll"!==e&&"Run"!==e&&"Land"!==e&&"Idle_2"!==e}))}))}))}})})),t.$$set=t=>{"modelUid"in t&&n(5,c=t.modelUid)},t.$$.update=()=>{1&t.$$.dirty&&n(3,o=i>=1)},[i,r,a,o,async function(){const t=await fetch("https://api-inference.huggingface.co/models/facebook/bart-large-mnli",{method:"POST",body:JSON.stringify({inputs:(e=a,e.trim().toLowerCase()),parameters:{candidate_labels:u.map((t=>t[1].replaceAll("_"," ")))}})});var e;let o=(await t.json()).labels[0];for(const t of u)if(t[1].replaceAll("_"," ").toLowerCase()===o.trim().toLowerCase()){const e=t[0];s.setCurrentAnimationByUID(e)}n(2,a="")},c,function(t){j[t?"unshift":"push"]((()=>{r=t,n(1,r)}))},function(){a=this.value,n(2,a)}]}class gt extends it{constructor(t){super(),ct(this,t,ht,mt,c,{modelUid:5})}}function $t(t){let e,n,o;function r(e){t[1](e)}let s={};return void 0!==t[0]&&(s.introDone=t[0]),e=new ft({props:s}),j.push((()=>function(t,e,n){const o=t.$$.props[e];void 0!==o&&(t.$$.bound[o]=n,n(t.$$.ctx[o]))}(e,"introDone",r))),{c(){nt(e.$$.fragment)},m(t,n){ot(e,t,n),o=!0},p(t,o){const r={};var s;!n&&1&o&&(n=!0,r.introDone=t[0],s=()=>n=!1,M.push(s)),e.$set(r)},i(t){o||(Y(e.$$.fragment,t),o=!0)},o(t){Z(e.$$.fragment,t),o=!1},d(t){rt(e,t)}}}function vt(e){let n,o;return n=new gt({}),{c(){nt(n.$$.fragment)},m(t,e){ot(n,t,e),o=!0},p:t,i(t){o||(Y(n.$$.fragment,t),o=!0)},o(t){Z(n.$$.fragment,t),o=!1},d(t){rt(n,t)}}}function bt(t){let e,n,o,r;const s=[vt,$t],c=[];function i(t,e){return t[0]?0:1}return e=i(t),n=c[e]=s[e](t),{c(){n.c(),o=y("")},m(t,n){c[e].m(t,n),$(t,o,n),r=!0},p(t,[r]){let l=e;e=i(t),e===l?c[e].p(t,r):(V(),Z(c[l],1,1,(()=>{c[l]=null})),X(),n=c[e],n?n.p(t,r):(n=c[e]=s[e](t),n.c()),Y(n,1),n.m(o.parentNode,o))},i(t){r||(Y(n),r=!0)},o(t){Z(n),r=!1},d(t){c[e].d(t),t&&v(o)}}}function yt(t,e,n){let o=!1;return[o,function(t){o=t,n(0,o)}]}return new class extends it{constructor(t){super(),ct(this,t,yt,bt,c,{})}}({target:document.body,props:{}})}();
+//# sourceMappingURL=bundle.js.map

build/bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.js","sources":["../../node_modules/svelte/internal/index.mjs","../../node_modules/svelte/transition/index.mjs","../../src/Hello.svelte","../../src/Viewer.svelte","../../src/App.svelte","../../src/main.js"],"sourcesContent":["function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n    // @ts-ignore\n    for (const k in src)\n        tar[k] = src[k];\n    return tar;\n}\nfunction is_promise(value) {\n    return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n    element.__svelte_meta = {\n        loc: { file, line, column, char }\n    };\n}\nfunction run(fn) {\n    return fn();\n}\nfunction blank_object() {\n    return Object.create(null);\n}\nfunction run_all(fns) {\n    fns.forEach(run);\n}\nfunction is_function(thing) {\n    return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n    return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nlet src_url_equal_anchor;\nfunction src_url_equal(element_src, url) {\n    if (!src_url_equal_anchor) {\n        src_url_equal_anchor = document.createElement('a');\n    }\n    src_url_equal_anchor.href = url;\n    return element_src === src_url_equal_anchor.href;\n}\nfunction not_equal(a, b) {\n    return a != a ? b == b : a !== b;\n}\nfunction is_empty(obj) {\n    return Object.keys(obj).length === 0;\n}\nfunction validate_store(store, name) {\n    if (store != null && typeof store.subscribe !== 'function') {\n        throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n    }\n}\nfunction subscribe(store, ...callbacks) {\n    if (store == null) {\n        return noop;\n    }\n    const unsub = store.subscribe(...callbacks);\n    return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;\n}\nfunction get_store_value(store) {\n    let value;\n    subscribe(store, _ => value = _)();\n    return value;\n}\nfunction component_subscribe(component, store, callback) {\n    component.$$.on_destroy.push(subscribe(store, callback));\n}\nfunction create_slot(definition, ctx, $$scope, fn) {\n    if (definition) {\n        const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);\n        return definition[0](slot_ctx);\n    }\n}\nfunction get_slot_context(definition, ctx, $$scope, fn) {\n    return definition[1] && fn\n        ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))\n        : $$scope.ctx;\n}\nfunction get_slot_changes(definition, $$scope, dirty, fn) {\n    if (definition[2] && fn) {\n        const lets = definition[2](fn(dirty));\n        if ($$scope.dirty === undefined) {\n            return lets;\n        }\n        if (typeof lets === 'object') {\n            const merged = [];\n            const len = Math.max($$scope.dirty.length, lets.length);\n            for (let i = 0; i < len; i += 1) {\n                merged[i] = $$scope.dirty[i] | lets[i];\n            }\n            return merged;\n        }\n        return $$scope.dirty | lets;\n    }\n    return $$scope.dirty;\n}\nfunction update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {\n    if (slot_changes) {\n        const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);\n        slot.p(slot_context, slot_changes);\n    }\n}\nfunction update_slot(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {\n    const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);\n    update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn);\n}\nfunction get_all_dirty_from_scope($$scope) {\n    if ($$scope.ctx.length > 32) {\n        const dirty = [];\n        const length = $$scope.ctx.length / 32;\n        for (let i = 0; i < length; i++) {\n            dirty[i] = -1;\n        }\n        return dirty;\n    }\n    return -1;\n}\nfunction exclude_internal_props(props) {\n    const result = {};\n    for (const k in props)\n        if (k[0] !== '$')\n            result[k] = props[k];\n    return result;\n}\nfunction compute_rest_props(props, keys) {\n    const rest = {};\n    keys = new Set(keys);\n    for (const k in props)\n        if (!keys.has(k) && k[0] !== '$')\n            rest[k] = props[k];\n    return rest;\n}\nfunction compute_slots(slots) {\n    const result = {};\n    for (const key in slots) {\n        result[key] = true;\n    }\n    return result;\n}\nfunction once(fn) {\n    let ran = false;\n    return function (...args) {\n        if (ran)\n            return;\n        ran = true;\n        fn.call(this, ...args);\n    };\n}\nfunction null_to_empty(value) {\n    return value == null ? '' : value;\n}\nfunction set_store_value(store, ret, value) {\n    store.set(value);\n    return ret;\n}\nconst has_prop = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);\nfunction action_destroyer(action_result) {\n    return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n    ? () => window.performance.now()\n    : () => Date.now();\nlet raf = is_client ? cb => requestAnimationFrame(cb) : noop;\n// used internally for testing\nfunction set_now(fn) {\n    now = fn;\n}\nfunction set_raf(fn) {\n    raf = fn;\n}\n\nconst tasks = new Set();\nfunction run_tasks(now) {\n    tasks.forEach(task => {\n        if (!task.c(now)) {\n            tasks.delete(task);\n            task.f();\n        }\n    });\n    if (tasks.size !== 0)\n        raf(run_tasks);\n}\n/**\n * For testing purposes only!\n */\nfunction clear_loops() {\n    tasks.clear();\n}\n/**\n * Creates a new task that runs on each raf frame\n * until it returns a falsy value or is aborted\n */\nfunction loop(callback) {\n    let task;\n    if (tasks.size === 0)\n        raf(run_tasks);\n    return {\n        promise: new Promise(fulfill => {\n            tasks.add(task = { c: callback, f: fulfill });\n        }),\n        abort() {\n            tasks.delete(task);\n        }\n    };\n}\n\n// Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM\n// at the end of hydration without touching the remaining nodes.\nlet is_hydrating = false;\nfunction start_hydrating() {\n    is_hydrating = true;\n}\nfunction end_hydrating() {\n    is_hydrating = false;\n}\nfunction upper_bound(low, high, key, value) {\n    // Return first index of value larger than input value in the range [low, high)\n    while (low < high) {\n        const mid = low + ((high - low) >> 1);\n        if (key(mid) <= value) {\n            low = mid + 1;\n        }\n        else {\n            high = mid;\n        }\n    }\n    return low;\n}\nfunction init_hydrate(target) {\n    if (target.hydrate_init)\n        return;\n    target.hydrate_init = true;\n    // We know that all children have claim_order values since the unclaimed have been detached if target is not <head>\n    let children = target.childNodes;\n    // If target is <head>, there may be children without claim_order\n    if (target.nodeName === 'HEAD') {\n        const myChildren = [];\n        for (let i = 0; i < children.length; i++) {\n            const node = children[i];\n            if (node.claim_order !== undefined) {\n                myChildren.push(node);\n            }\n        }\n        children = myChildren;\n    }\n    /*\n    * Reorder claimed children optimally.\n    * We can reorder claimed children optimally by finding the longest subsequence of\n    * nodes that are already claimed in order and only moving the rest. The longest\n    * subsequence subsequence of nodes that are claimed in order can be found by\n    * computing the longest increasing subsequence of .claim_order values.\n    *\n    * This algorithm is optimal in generating the least amount of reorder operations\n    * possible.\n    *\n    * Proof:\n    * We know that, given a set of reordering operations, the nodes that do not move\n    * always form an increasing subsequence, since they do not move among each other\n    * meaning that they must be already ordered among each other. Thus, the maximal\n    * set of nodes that do not move form a longest increasing subsequence.\n    */\n    // Compute longest increasing subsequence\n    // m: subsequence length j => index k of smallest value that ends an increasing subsequence of length j\n    const m = new Int32Array(children.length + 1);\n    // Predecessor indices + 1\n    const p = new Int32Array(children.length);\n    m[0] = -1;\n    let longest = 0;\n    for (let i = 0; i < children.length; i++) {\n        const current = children[i].claim_order;\n        // Find the largest subsequence length such that it ends in a value less than our current value\n        // upper_bound returns first greater value, so we subtract one\n        // with fast path for when we are on the current longest subsequence\n        const seqLen = ((longest > 0 && children[m[longest]].claim_order <= current) ? longest + 1 : upper_bound(1, longest, idx => children[m[idx]].claim_order, current)) - 1;\n        p[i] = m[seqLen] + 1;\n        const newLen = seqLen + 1;\n        // We can guarantee that current is the smallest value. Otherwise, we would have generated a longer sequence.\n        m[newLen] = i;\n        longest = Math.max(newLen, longest);\n    }\n    // The longest increasing subsequence of nodes (initially reversed)\n    const lis = [];\n    // The rest of the nodes, nodes that will be moved\n    const toMove = [];\n    let last = children.length - 1;\n    for (let cur = m[longest] + 1; cur != 0; cur = p[cur - 1]) {\n        lis.push(children[cur - 1]);\n        for (; last >= cur; last--) {\n            toMove.push(children[last]);\n        }\n        last--;\n    }\n    for (; last >= 0; last--) {\n        toMove.push(children[last]);\n    }\n    lis.reverse();\n    // We sort the nodes being moved to guarantee that their insertion order matches the claim order\n    toMove.sort((a, b) => a.claim_order - b.claim_order);\n    // Finally, we move the nodes\n    for (let i = 0, j = 0; i < toMove.length; i++) {\n        while (j < lis.length && toMove[i].claim_order >= lis[j].claim_order) {\n            j++;\n        }\n        const anchor = j < lis.length ? lis[j] : null;\n        target.insertBefore(toMove[i], anchor);\n    }\n}\nfunction append(target, node) {\n    target.appendChild(node);\n}\nfunction append_styles(target, style_sheet_id, styles) {\n    const append_styles_to = get_root_for_style(target);\n    if (!append_styles_to.getElementById(style_sheet_id)) {\n        const style = element('style');\n        style.id = style_sheet_id;\n        style.textContent = styles;\n        append_stylesheet(append_styles_to, style);\n    }\n}\nfunction get_root_for_style(node) {\n    if (!node)\n        return document;\n    const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;\n    if (root && root.host) {\n        return root;\n    }\n    return node.ownerDocument;\n}\nfunction append_empty_stylesheet(node) {\n    const style_element = element('style');\n    append_stylesheet(get_root_for_style(node), style_element);\n    return style_element;\n}\nfunction append_stylesheet(node, style) {\n    append(node.head || node, style);\n}\nfunction append_hydration(target, node) {\n    if (is_hydrating) {\n        init_hydrate(target);\n        if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentElement !== target))) {\n            target.actual_end_child = target.firstChild;\n        }\n        // Skip nodes of undefined ordering\n        while ((target.actual_end_child !== null) && (target.actual_end_child.claim_order === undefined)) {\n            target.actual_end_child = target.actual_end_child.nextSibling;\n        }\n        if (node !== target.actual_end_child) {\n            // We only insert if the ordering of this node should be modified or the parent node is not target\n            if (node.claim_order !== undefined || node.parentNode !== target) {\n                target.insertBefore(node, target.actual_end_child);\n            }\n        }\n        else {\n            target.actual_end_child = node.nextSibling;\n        }\n    }\n    else if (node.parentNode !== target || node.nextSibling !== null) {\n        target.appendChild(node);\n    }\n}\nfunction insert(target, node, anchor) {\n    target.insertBefore(node, anchor || null);\n}\nfunction insert_hydration(target, node, anchor) {\n    if (is_hydrating && !anchor) {\n        append_hydration(target, node);\n    }\n    else if (node.parentNode !== target || node.nextSibling != anchor) {\n        target.insertBefore(node, anchor || null);\n    }\n}\nfunction detach(node) {\n    node.parentNode.removeChild(node);\n}\nfunction destroy_each(iterations, detaching) {\n    for (let i = 0; i < iterations.length; i += 1) {\n        if (iterations[i])\n            iterations[i].d(detaching);\n    }\n}\nfunction element(name) {\n    return document.createElement(name);\n}\nfunction element_is(name, is) {\n    return document.createElement(name, { is });\n}\nfunction object_without_properties(obj, exclude) {\n    const target = {};\n    for (const k in obj) {\n        if (has_prop(obj, k)\n            // @ts-ignore\n            && exclude.indexOf(k) === -1) {\n            // @ts-ignore\n            target[k] = obj[k];\n        }\n    }\n    return target;\n}\nfunction svg_element(name) {\n    return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n    return document.createTextNode(data);\n}\nfunction space() {\n    return text(' ');\n}\nfunction empty() {\n    return text('');\n}\nfunction listen(node, event, handler, options) {\n    node.addEventListener(event, handler, options);\n    return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n    return function (event) {\n        event.preventDefault();\n        // @ts-ignore\n        return fn.call(this, event);\n    };\n}\nfunction stop_propagation(fn) {\n    return function (event) {\n        event.stopPropagation();\n        // @ts-ignore\n        return fn.call(this, event);\n    };\n}\nfunction self(fn) {\n    return function (event) {\n        // @ts-ignore\n        if (event.target === this)\n            fn.call(this, event);\n    };\n}\nfunction trusted(fn) {\n    return function (event) {\n        // @ts-ignore\n        if (event.isTrusted)\n            fn.call(this, event);\n    };\n}\nfunction attr(node, attribute, value) {\n    if (value == null)\n        node.removeAttribute(attribute);\n    else if (node.getAttribute(attribute) !== value)\n        node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n    // @ts-ignore\n    const descriptors = Object.getOwnPropertyDescriptors(node.__proto__);\n    for (const key in attributes) {\n        if (attributes[key] == null) {\n            node.removeAttribute(key);\n        }\n        else if (key === 'style') {\n            node.style.cssText = attributes[key];\n        }\n        else if (key === '__value') {\n            node.value = node[key] = attributes[key];\n        }\n        else if (descriptors[key] && descriptors[key].set) {\n            node[key] = attributes[key];\n        }\n        else {\n            attr(node, key, attributes[key]);\n        }\n    }\n}\nfunction set_svg_attributes(node, attributes) {\n    for (const key in attributes) {\n        attr(node, key, attributes[key]);\n    }\n}\nfunction set_custom_element_data(node, prop, value) {\n    if (prop in node) {\n        node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;\n    }\n    else {\n        attr(node, prop, value);\n    }\n}\nfunction xlink_attr(node, attribute, value) {\n    node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group, __value, checked) {\n    const value = new Set();\n    for (let i = 0; i < group.length; i += 1) {\n        if (group[i].checked)\n            value.add(group[i].__value);\n    }\n    if (!checked) {\n        value.delete(__value);\n    }\n    return Array.from(value);\n}\nfunction to_number(value) {\n    return value === '' ? null : +value;\n}\nfunction time_ranges_to_array(ranges) {\n    const array = [];\n    for (let i = 0; i < ranges.length; i += 1) {\n        array.push({ start: ranges.start(i), end: ranges.end(i) });\n    }\n    return array;\n}\nfunction children(element) {\n    return Array.from(element.childNodes);\n}\nfunction init_claim_info(nodes) {\n    if (nodes.claim_info === undefined) {\n        nodes.claim_info = { last_index: 0, total_claimed: 0 };\n    }\n}\nfunction claim_node(nodes, predicate, processNode, createNode, dontUpdateLastIndex = false) {\n    // Try to find nodes in an order such that we lengthen the longest increasing subsequence\n    init_claim_info(nodes);\n    const resultNode = (() => {\n        // We first try to find an element after the previous one\n        for (let i = nodes.claim_info.last_index; i < nodes.length; i++) {\n            const node = nodes[i];\n            if (predicate(node)) {\n                const replacement = processNode(node);\n                if (replacement === undefined) {\n                    nodes.splice(i, 1);\n                }\n                else {\n                    nodes[i] = replacement;\n                }\n                if (!dontUpdateLastIndex) {\n                    nodes.claim_info.last_index = i;\n                }\n                return node;\n            }\n        }\n        // Otherwise, we try to find one before\n        // We iterate in reverse so that we don't go too far back\n        for (let i = nodes.claim_info.last_index - 1; i >= 0; i--) {\n            const node = nodes[i];\n            if (predicate(node)) {\n                const replacement = processNode(node);\n                if (replacement === undefined) {\n                    nodes.splice(i, 1);\n                }\n                else {\n                    nodes[i] = replacement;\n                }\n                if (!dontUpdateLastIndex) {\n                    nodes.claim_info.last_index = i;\n                }\n                else if (replacement === undefined) {\n                    // Since we spliced before the last_index, we decrease it\n                    nodes.claim_info.last_index--;\n                }\n                return node;\n            }\n        }\n        // If we can't find any matching node, we create a new one\n        return createNode();\n    })();\n    resultNode.claim_order = nodes.claim_info.total_claimed;\n    nodes.claim_info.total_claimed += 1;\n    return resultNode;\n}\nfunction claim_element_base(nodes, name, attributes, create_element) {\n    return claim_node(nodes, (node) => node.nodeName === name, (node) => {\n        const remove = [];\n        for (let j = 0; j < node.attributes.length; j++) {\n            const attribute = node.attributes[j];\n            if (!attributes[attribute.name]) {\n                remove.push(attribute.name);\n            }\n        }\n        remove.forEach(v => node.removeAttribute(v));\n        return undefined;\n    }, () => create_element(name));\n}\nfunction claim_element(nodes, name, attributes) {\n    return claim_element_base(nodes, name, attributes, element);\n}\nfunction claim_svg_element(nodes, name, attributes) {\n    return claim_element_base(nodes, name, attributes, svg_element);\n}\nfunction claim_text(nodes, data) {\n    return claim_node(nodes, (node) => node.nodeType === 3, (node) => {\n        const dataStr = '' + data;\n        if (node.data.startsWith(dataStr)) {\n            if (node.data.length !== dataStr.length) {\n                return node.splitText(dataStr.length);\n            }\n        }\n        else {\n            node.data = dataStr;\n        }\n    }, () => text(data), true // Text nodes should not update last index since it is likely not worth it to eliminate an increasing subsequence of actual elements\n    );\n}\nfunction claim_space(nodes) {\n    return claim_text(nodes, ' ');\n}\nfunction find_comment(nodes, text, start) {\n    for (let i = start; i < nodes.length; i += 1) {\n        const node = nodes[i];\n        if (node.nodeType === 8 /* comment node */ && node.textContent.trim() === text) {\n            return i;\n        }\n    }\n    return nodes.length;\n}\nfunction claim_html_tag(nodes) {\n    // find html opening tag\n    const start_index = find_comment(nodes, 'HTML_TAG_START', 0);\n    const end_index = find_comment(nodes, 'HTML_TAG_END', start_index);\n    if (start_index === end_index) {\n        return new HtmlTagHydration();\n    }\n    init_claim_info(nodes);\n    const html_tag_nodes = nodes.splice(start_index, end_index + 1);\n    detach(html_tag_nodes[0]);\n    detach(html_tag_nodes[html_tag_nodes.length - 1]);\n    const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);\n    for (const n of claimed_nodes) {\n        n.claim_order = nodes.claim_info.total_claimed;\n        nodes.claim_info.total_claimed += 1;\n    }\n    return new HtmlTagHydration(claimed_nodes);\n}\nfunction set_data(text, data) {\n    data = '' + data;\n    if (text.wholeText !== data)\n        text.data = data;\n}\nfunction set_input_value(input, value) {\n    input.value = value == null ? '' : value;\n}\nfunction set_input_type(input, type) {\n    try {\n        input.type = type;\n    }\n    catch (e) {\n        // do nothing\n    }\n}\nfunction set_style(node, key, value, important) {\n    node.style.setProperty(key, value, important ? 'important' : '');\n}\nfunction select_option(select, value) {\n    for (let i = 0; i < select.options.length; i += 1) {\n        const option = select.options[i];\n        if (option.__value === value) {\n            option.selected = true;\n            return;\n        }\n    }\n    select.selectedIndex = -1; // no option should be selected\n}\nfunction select_options(select, value) {\n    for (let i = 0; i < select.options.length; i += 1) {\n        const option = select.options[i];\n        option.selected = ~value.indexOf(option.__value);\n    }\n}\nfunction select_value(select) {\n    const selected_option = select.querySelector(':checked') || select.options[0];\n    return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n    return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\n// unfortunately this can't be a constant as that wouldn't be tree-shakeable\n// so we cache the result instead\nlet crossorigin;\nfunction is_crossorigin() {\n    if (crossorigin === undefined) {\n        crossorigin = false;\n        try {\n            if (typeof window !== 'undefined' && window.parent) {\n                void window.parent.document;\n            }\n        }\n        catch (error) {\n            crossorigin = true;\n        }\n    }\n    return crossorigin;\n}\nfunction add_resize_listener(node, fn) {\n    const computed_style = getComputedStyle(node);\n    if (computed_style.position === 'static') {\n        node.style.position = 'relative';\n    }\n    const iframe = element('iframe');\n    iframe.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ' +\n        'overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;');\n    iframe.setAttribute('aria-hidden', 'true');\n    iframe.tabIndex = -1;\n    const crossorigin = is_crossorigin();\n    let unsubscribe;\n    if (crossorigin) {\n        iframe.src = \"data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}</script>\";\n        unsubscribe = listen(window, 'message', (event) => {\n            if (event.source === iframe.contentWindow)\n                fn();\n        });\n    }\n    else {\n        iframe.src = 'about:blank';\n        iframe.onload = () => {\n            unsubscribe = listen(iframe.contentWindow, 'resize', fn);\n        };\n    }\n    append(node, iframe);\n    return () => {\n        if (crossorigin) {\n            unsubscribe();\n        }\n        else if (unsubscribe && iframe.contentWindow) {\n            unsubscribe();\n        }\n        detach(iframe);\n    };\n}\nfunction toggle_class(element, name, toggle) {\n    element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail, bubbles = false) {\n    const e = document.createEvent('CustomEvent');\n    e.initCustomEvent(type, bubbles, false, detail);\n    return e;\n}\nfunction query_selector_all(selector, parent = document.body) {\n    return Array.from(parent.querySelectorAll(selector));\n}\nclass HtmlTag {\n    constructor() {\n        this.e = this.n = null;\n    }\n    c(html) {\n        this.h(html);\n    }\n    m(html, target, anchor = null) {\n        if (!this.e) {\n            this.e = element(target.nodeName);\n            this.t = target;\n            this.c(html);\n        }\n        this.i(anchor);\n    }\n    h(html) {\n        this.e.innerHTML = html;\n        this.n = Array.from(this.e.childNodes);\n    }\n    i(anchor) {\n        for (let i = 0; i < this.n.length; i += 1) {\n            insert(this.t, this.n[i], anchor);\n        }\n    }\n    p(html) {\n        this.d();\n        this.h(html);\n        this.i(this.a);\n    }\n    d() {\n        this.n.forEach(detach);\n    }\n}\nclass HtmlTagHydration extends HtmlTag {\n    constructor(claimed_nodes) {\n        super();\n        this.e = this.n = null;\n        this.l = claimed_nodes;\n    }\n    c(html) {\n        if (this.l) {\n            this.n = this.l;\n        }\n        else {\n            super.c(html);\n        }\n    }\n    i(anchor) {\n        for (let i = 0; i < this.n.length; i += 1) {\n            insert_hydration(this.t, this.n[i], anchor);\n        }\n    }\n}\nfunction attribute_to_object(attributes) {\n    const result = {};\n    for (const attribute of attributes) {\n        result[attribute.name] = attribute.value;\n    }\n    return result;\n}\nfunction get_custom_elements_slots(element) {\n    const result = {};\n    element.childNodes.forEach((node) => {\n        result[node.slot || 'default'] = true;\n    });\n    return result;\n}\n\nconst active_docs = new Set();\nlet active = 0;\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n    let hash = 5381;\n    let i = str.length;\n    while (i--)\n        hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n    return hash >>> 0;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n    const step = 16.666 / duration;\n    let keyframes = '{\\n';\n    for (let p = 0; p <= 1; p += step) {\n        const t = a + (b - a) * ease(p);\n        keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n    }\n    const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n    const name = `__svelte_${hash(rule)}_${uid}`;\n    const doc = get_root_for_style(node);\n    active_docs.add(doc);\n    const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = append_empty_stylesheet(node).sheet);\n    const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});\n    if (!current_rules[name]) {\n        current_rules[name] = true;\n        stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n    }\n    const animation = node.style.animation || '';\n    node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;\n    active += 1;\n    return name;\n}\nfunction delete_rule(node, name) {\n    const previous = (node.style.animation || '').split(', ');\n    const next = previous.filter(name\n        ? anim => anim.indexOf(name) < 0 // remove specific animation\n        : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n    );\n    const deleted = previous.length - next.length;\n    if (deleted) {\n        node.style.animation = next.join(', ');\n        active -= deleted;\n        if (!active)\n            clear_rules();\n    }\n}\nfunction clear_rules() {\n    raf(() => {\n        if (active)\n            return;\n        active_docs.forEach(doc => {\n            const stylesheet = doc.__svelte_stylesheet;\n            let i = stylesheet.cssRules.length;\n            while (i--)\n                stylesheet.deleteRule(i);\n            doc.__svelte_rules = {};\n        });\n        active_docs.clear();\n    });\n}\n\nfunction create_animation(node, from, fn, params) {\n    if (!from)\n        return noop;\n    const to = node.getBoundingClientRect();\n    if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n        return noop;\n    const { delay = 0, duration = 300, easing = identity, \n    // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n    start: start_time = now() + delay, \n    // @ts-ignore todo:\n    end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n    let running = true;\n    let started = false;\n    let name;\n    function start() {\n        if (css) {\n            name = create_rule(node, 0, 1, duration, delay, easing, css);\n        }\n        if (!delay) {\n            started = true;\n        }\n    }\n    function stop() {\n        if (css)\n            delete_rule(node, name);\n        running = false;\n    }\n    loop(now => {\n        if (!started && now >= start_time) {\n            started = true;\n        }\n        if (started && now >= end) {\n            tick(1, 0);\n            stop();\n        }\n        if (!running) {\n            return false;\n        }\n        if (started) {\n            const p = now - start_time;\n            const t = 0 + 1 * easing(p / duration);\n            tick(t, 1 - t);\n        }\n        return true;\n    });\n    start();\n    tick(0, 1);\n    return stop;\n}\nfunction fix_position(node) {\n    const style = getComputedStyle(node);\n    if (style.position !== 'absolute' && style.position !== 'fixed') {\n        const { width, height } = style;\n        const a = node.getBoundingClientRect();\n        node.style.position = 'absolute';\n        node.style.width = width;\n        node.style.height = height;\n        add_transform(node, a);\n    }\n}\nfunction add_transform(node, a) {\n    const b = node.getBoundingClientRect();\n    if (a.left !== b.left || a.top !== b.top) {\n        const style = getComputedStyle(node);\n        const transform = style.transform === 'none' ? '' : style.transform;\n        node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n    }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n    current_component = component;\n}\nfunction get_current_component() {\n    if (!current_component)\n        throw new Error('Function called outside component initialization');\n    return current_component;\n}\nfunction beforeUpdate(fn) {\n    get_current_component().$$.before_update.push(fn);\n}\nfunction onMount(fn) {\n    get_current_component().$$.on_mount.push(fn);\n}\nfunction afterUpdate(fn) {\n    get_current_component().$$.after_update.push(fn);\n}\nfunction onDestroy(fn) {\n    get_current_component().$$.on_destroy.push(fn);\n}\nfunction createEventDispatcher() {\n    const component = get_current_component();\n    return (type, detail) => {\n        const callbacks = component.$$.callbacks[type];\n        if (callbacks) {\n            // TODO are there situations where events could be dispatched\n            // in a server (non-DOM) environment?\n            const event = custom_event(type, detail);\n            callbacks.slice().forEach(fn => {\n                fn.call(component, event);\n            });\n        }\n    };\n}\nfunction setContext(key, context) {\n    get_current_component().$$.context.set(key, context);\n}\nfunction getContext(key) {\n    return get_current_component().$$.context.get(key);\n}\nfunction getAllContexts() {\n    return get_current_component().$$.context;\n}\nfunction hasContext(key) {\n    return get_current_component().$$.context.has(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n    const callbacks = component.$$.callbacks[event.type];\n    if (callbacks) {\n        // @ts-ignore\n        callbacks.slice().forEach(fn => fn.call(this, event));\n    }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n    if (!update_scheduled) {\n        update_scheduled = true;\n        resolved_promise.then(flush);\n    }\n}\nfunction tick() {\n    schedule_update();\n    return resolved_promise;\n}\nfunction add_render_callback(fn) {\n    render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n    flush_callbacks.push(fn);\n}\nlet flushing = false;\nconst seen_callbacks = new Set();\nfunction flush() {\n    if (flushing)\n        return;\n    flushing = true;\n    do {\n        // first, call beforeUpdate functions\n        // and update components\n        for (let i = 0; i < dirty_components.length; i += 1) {\n            const component = dirty_components[i];\n            set_current_component(component);\n            update(component.$$);\n        }\n        set_current_component(null);\n        dirty_components.length = 0;\n        while (binding_callbacks.length)\n            binding_callbacks.pop()();\n        // then, once components are updated, call\n        // afterUpdate functions. This may cause\n        // subsequent updates...\n        for (let i = 0; i < render_callbacks.length; i += 1) {\n            const callback = render_callbacks[i];\n            if (!seen_callbacks.has(callback)) {\n                // ...so guard against infinite loops\n                seen_callbacks.add(callback);\n                callback();\n            }\n        }\n        render_callbacks.length = 0;\n    } while (dirty_components.length);\n    while (flush_callbacks.length) {\n        flush_callbacks.pop()();\n    }\n    update_scheduled = false;\n    flushing = false;\n    seen_callbacks.clear();\n}\nfunction update($$) {\n    if ($$.fragment !== null) {\n        $$.update();\n        run_all($$.before_update);\n        const dirty = $$.dirty;\n        $$.dirty = [-1];\n        $$.fragment && $$.fragment.p($$.ctx, dirty);\n        $$.after_update.forEach(add_render_callback);\n    }\n}\n\nlet promise;\nfunction wait() {\n    if (!promise) {\n        promise = Promise.resolve();\n        promise.then(() => {\n            promise = null;\n        });\n    }\n    return promise;\n}\nfunction dispatch(node, direction, kind) {\n    node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n    outros = {\n        r: 0,\n        c: [],\n        p: outros // parent group\n    };\n}\nfunction check_outros() {\n    if (!outros.r) {\n        run_all(outros.c);\n    }\n    outros = outros.p;\n}\nfunction transition_in(block, local) {\n    if (block && block.i) {\n        outroing.delete(block);\n        block.i(local);\n    }\n}\nfunction transition_out(block, local, detach, callback) {\n    if (block && block.o) {\n        if (outroing.has(block))\n            return;\n        outroing.add(block);\n        outros.c.push(() => {\n            outroing.delete(block);\n            if (callback) {\n                if (detach)\n                    block.d(1);\n                callback();\n            }\n        });\n        block.o(local);\n    }\n}\nconst null_transition = { duration: 0 };\nfunction create_in_transition(node, fn, params) {\n    let config = fn(node, params);\n    let running = false;\n    let animation_name;\n    let task;\n    let uid = 0;\n    function cleanup() {\n        if (animation_name)\n            delete_rule(node, animation_name);\n    }\n    function go() {\n        const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n        if (css)\n            animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n        tick(0, 1);\n        const start_time = now() + delay;\n        const end_time = start_time + duration;\n        if (task)\n            task.abort();\n        running = true;\n        add_render_callback(() => dispatch(node, true, 'start'));\n        task = loop(now => {\n            if (running) {\n                if (now >= end_time) {\n                    tick(1, 0);\n                    dispatch(node, true, 'end');\n                    cleanup();\n                    return running = false;\n                }\n                if (now >= start_time) {\n                    const t = easing((now - start_time) / duration);\n                    tick(t, 1 - t);\n                }\n            }\n            return running;\n        });\n    }\n    let started = false;\n    return {\n        start() {\n            if (started)\n                return;\n            started = true;\n            delete_rule(node);\n            if (is_function(config)) {\n                config = config();\n                wait().then(go);\n            }\n            else {\n                go();\n            }\n        },\n        invalidate() {\n            started = false;\n        },\n        end() {\n            if (running) {\n                cleanup();\n                running = false;\n            }\n        }\n    };\n}\nfunction create_out_transition(node, fn, params) {\n    let config = fn(node, params);\n    let running = true;\n    let animation_name;\n    const group = outros;\n    group.r += 1;\n    function go() {\n        const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n        if (css)\n            animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n        const start_time = now() + delay;\n        const end_time = start_time + duration;\n        add_render_callback(() => dispatch(node, false, 'start'));\n        loop(now => {\n            if (running) {\n                if (now >= end_time) {\n                    tick(0, 1);\n                    dispatch(node, false, 'end');\n                    if (!--group.r) {\n                        // this will result in `end()` being called,\n                        // so we don't need to clean up here\n                        run_all(group.c);\n                    }\n                    return false;\n                }\n                if (now >= start_time) {\n                    const t = easing((now - start_time) / duration);\n                    tick(1 - t, t);\n                }\n            }\n            return running;\n        });\n    }\n    if (is_function(config)) {\n        wait().then(() => {\n            // @ts-ignore\n            config = config();\n            go();\n        });\n    }\n    else {\n        go();\n    }\n    return {\n        end(reset) {\n            if (reset && config.tick) {\n                config.tick(1, 0);\n            }\n            if (running) {\n                if (animation_name)\n                    delete_rule(node, animation_name);\n                running = false;\n            }\n        }\n    };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n    let config = fn(node, params);\n    let t = intro ? 0 : 1;\n    let running_program = null;\n    let pending_program = null;\n    let animation_name = null;\n    function clear_animation() {\n        if (animation_name)\n            delete_rule(node, animation_name);\n    }\n    function init(program, duration) {\n        const d = (program.b - t);\n        duration *= Math.abs(d);\n        return {\n            a: t,\n            b: program.b,\n            d,\n            duration,\n            start: program.start,\n            end: program.start + duration,\n            group: program.group\n        };\n    }\n    function go(b) {\n        const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n        const program = {\n            start: now() + delay,\n            b\n        };\n        if (!b) {\n            // @ts-ignore todo: improve typings\n            program.group = outros;\n            outros.r += 1;\n        }\n        if (running_program || pending_program) {\n            pending_program = program;\n        }\n        else {\n            // if this is an intro, and there's a delay, we need to do\n            // an initial tick and/or apply CSS animation immediately\n            if (css) {\n                clear_animation();\n                animation_name = create_rule(node, t, b, duration, delay, easing, css);\n            }\n            if (b)\n                tick(0, 1);\n            running_program = init(program, duration);\n            add_render_callback(() => dispatch(node, b, 'start'));\n            loop(now => {\n                if (pending_program && now > pending_program.start) {\n                    running_program = init(pending_program, duration);\n                    pending_program = null;\n                    dispatch(node, running_program.b, 'start');\n                    if (css) {\n                        clear_animation();\n                        animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n                    }\n                }\n                if (running_program) {\n                    if (now >= running_program.end) {\n                        tick(t = running_program.b, 1 - t);\n                        dispatch(node, running_program.b, 'end');\n                        if (!pending_program) {\n                            // we're done\n                            if (running_program.b) {\n                                // intro — we can tidy up immediately\n                                clear_animation();\n                            }\n                            else {\n                                // outro — needs to be coordinated\n                                if (!--running_program.group.r)\n                                    run_all(running_program.group.c);\n                            }\n                        }\n                        running_program = null;\n                    }\n                    else if (now >= running_program.start) {\n                        const p = now - running_program.start;\n                        t = running_program.a + running_program.d * easing(p / running_program.duration);\n                        tick(t, 1 - t);\n                    }\n                }\n                return !!(running_program || pending_program);\n            });\n        }\n    }\n    return {\n        run(b) {\n            if (is_function(config)) {\n                wait().then(() => {\n                    // @ts-ignore\n                    config = config();\n                    go(b);\n                });\n            }\n            else {\n                go(b);\n            }\n        },\n        end() {\n            clear_animation();\n            running_program = pending_program = null;\n        }\n    };\n}\n\nfunction handle_promise(promise, info) {\n    const token = info.token = {};\n    function update(type, index, key, value) {\n        if (info.token !== token)\n            return;\n        info.resolved = value;\n        let child_ctx = info.ctx;\n        if (key !== undefined) {\n            child_ctx = child_ctx.slice();\n            child_ctx[key] = value;\n        }\n        const block = type && (info.current = type)(child_ctx);\n        let needs_flush = false;\n        if (info.block) {\n            if (info.blocks) {\n                info.blocks.forEach((block, i) => {\n                    if (i !== index && block) {\n                        group_outros();\n                        transition_out(block, 1, 1, () => {\n                            if (info.blocks[i] === block) {\n                                info.blocks[i] = null;\n                            }\n                        });\n                        check_outros();\n                    }\n                });\n            }\n            else {\n                info.block.d(1);\n            }\n            block.c();\n            transition_in(block, 1);\n            block.m(info.mount(), info.anchor);\n            needs_flush = true;\n        }\n        info.block = block;\n        if (info.blocks)\n            info.blocks[index] = block;\n        if (needs_flush) {\n            flush();\n        }\n    }\n    if (is_promise(promise)) {\n        const current_component = get_current_component();\n        promise.then(value => {\n            set_current_component(current_component);\n            update(info.then, 1, info.value, value);\n            set_current_component(null);\n        }, error => {\n            set_current_component(current_component);\n            update(info.catch, 2, info.error, error);\n            set_current_component(null);\n            if (!info.hasCatch) {\n                throw error;\n            }\n        });\n        // if we previously had a then/catch block, destroy it\n        if (info.current !== info.pending) {\n            update(info.pending, 0);\n            return true;\n        }\n    }\n    else {\n        if (info.current !== info.then) {\n            update(info.then, 1, info.value, promise);\n            return true;\n        }\n        info.resolved = promise;\n    }\n}\nfunction update_await_block_branch(info, ctx, dirty) {\n    const child_ctx = ctx.slice();\n    const { resolved } = info;\n    if (info.current === info.then) {\n        child_ctx[info.value] = resolved;\n    }\n    if (info.current === info.catch) {\n        child_ctx[info.error] = resolved;\n    }\n    info.block.p(child_ctx, dirty);\n}\n\nconst globals = (typeof window !== 'undefined'\n    ? window\n    : typeof globalThis !== 'undefined'\n        ? globalThis\n        : global);\n\nfunction destroy_block(block, lookup) {\n    block.d(1);\n    lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n    transition_out(block, 1, 1, () => {\n        lookup.delete(block.key);\n    });\n}\nfunction fix_and_destroy_block(block, lookup) {\n    block.f();\n    destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n    block.f();\n    outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n    let o = old_blocks.length;\n    let n = list.length;\n    let i = o;\n    const old_indexes = {};\n    while (i--)\n        old_indexes[old_blocks[i].key] = i;\n    const new_blocks = [];\n    const new_lookup = new Map();\n    const deltas = new Map();\n    i = n;\n    while (i--) {\n        const child_ctx = get_context(ctx, list, i);\n        const key = get_key(child_ctx);\n        let block = lookup.get(key);\n        if (!block) {\n            block = create_each_block(key, child_ctx);\n            block.c();\n        }\n        else if (dynamic) {\n            block.p(child_ctx, dirty);\n        }\n        new_lookup.set(key, new_blocks[i] = block);\n        if (key in old_indexes)\n            deltas.set(key, Math.abs(i - old_indexes[key]));\n    }\n    const will_move = new Set();\n    const did_move = new Set();\n    function insert(block) {\n        transition_in(block, 1);\n        block.m(node, next);\n        lookup.set(block.key, block);\n        next = block.first;\n        n--;\n    }\n    while (o && n) {\n        const new_block = new_blocks[n - 1];\n        const old_block = old_blocks[o - 1];\n        const new_key = new_block.key;\n        const old_key = old_block.key;\n        if (new_block === old_block) {\n            // do nothing\n            next = new_block.first;\n            o--;\n            n--;\n        }\n        else if (!new_lookup.has(old_key)) {\n            // remove old block\n            destroy(old_block, lookup);\n            o--;\n        }\n        else if (!lookup.has(new_key) || will_move.has(new_key)) {\n            insert(new_block);\n        }\n        else if (did_move.has(old_key)) {\n            o--;\n        }\n        else if (deltas.get(new_key) > deltas.get(old_key)) {\n            did_move.add(new_key);\n            insert(new_block);\n        }\n        else {\n            will_move.add(old_key);\n            o--;\n        }\n    }\n    while (o--) {\n        const old_block = old_blocks[o];\n        if (!new_lookup.has(old_block.key))\n            destroy(old_block, lookup);\n    }\n    while (n)\n        insert(new_blocks[n - 1]);\n    return new_blocks;\n}\nfunction validate_each_keys(ctx, list, get_context, get_key) {\n    const keys = new Set();\n    for (let i = 0; i < list.length; i++) {\n        const key = get_key(get_context(ctx, list, i));\n        if (keys.has(key)) {\n            throw new Error('Cannot have duplicate keys in a keyed each');\n        }\n        keys.add(key);\n    }\n}\n\nfunction get_spread_update(levels, updates) {\n    const update = {};\n    const to_null_out = {};\n    const accounted_for = { $$scope: 1 };\n    let i = levels.length;\n    while (i--) {\n        const o = levels[i];\n        const n = updates[i];\n        if (n) {\n            for (const key in o) {\n                if (!(key in n))\n                    to_null_out[key] = 1;\n            }\n            for (const key in n) {\n                if (!accounted_for[key]) {\n                    update[key] = n[key];\n                    accounted_for[key] = 1;\n                }\n            }\n            levels[i] = n;\n        }\n        else {\n            for (const key in o) {\n                accounted_for[key] = 1;\n            }\n        }\n    }\n    for (const key in to_null_out) {\n        if (!(key in update))\n            update[key] = undefined;\n    }\n    return update;\n}\nfunction get_spread_object(spread_props) {\n    return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};\n}\n\n// source: https://html.spec.whatwg.org/multipage/indices.html\nconst boolean_attributes = new Set([\n    'allowfullscreen',\n    'allowpaymentrequest',\n    'async',\n    'autofocus',\n    'autoplay',\n    'checked',\n    'controls',\n    'default',\n    'defer',\n    'disabled',\n    'formnovalidate',\n    'hidden',\n    'ismap',\n    'loop',\n    'multiple',\n    'muted',\n    'nomodule',\n    'novalidate',\n    'open',\n    'playsinline',\n    'readonly',\n    'required',\n    'reversed',\n    'selected'\n]);\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args, classes_to_add) {\n    const attributes = Object.assign({}, ...args);\n    if (classes_to_add) {\n        if (attributes.class == null) {\n            attributes.class = classes_to_add;\n        }\n        else {\n            attributes.class += ' ' + classes_to_add;\n        }\n    }\n    let str = '';\n    Object.keys(attributes).forEach(name => {\n        if (invalid_attribute_name_character.test(name))\n            return;\n        const value = attributes[name];\n        if (value === true)\n            str += ' ' + name;\n        else if (boolean_attributes.has(name.toLowerCase())) {\n            if (value)\n                str += ' ' + name;\n        }\n        else if (value != null) {\n            str += ` ${name}=\"${value}\"`;\n        }\n    });\n    return str;\n}\nconst escaped = {\n    '\"': '&quot;',\n    \"'\": '&#39;',\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;'\n};\nfunction escape(html) {\n    return String(html).replace(/[\"'&<>]/g, match => escaped[match]);\n}\nfunction escape_attribute_value(value) {\n    return typeof value === 'string' ? escape(value) : value;\n}\nfunction escape_object(obj) {\n    const result = {};\n    for (const key in obj) {\n        result[key] = escape_attribute_value(obj[key]);\n    }\n    return result;\n}\nfunction each(items, fn) {\n    let str = '';\n    for (let i = 0; i < items.length; i += 1) {\n        str += fn(items[i], i);\n    }\n    return str;\n}\nconst missing_component = {\n    $$render: () => ''\n};\nfunction validate_component(component, name) {\n    if (!component || !component.$$render) {\n        if (name === 'svelte:component')\n            name += ' this={...}';\n        throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);\n    }\n    return component;\n}\nfunction debug(file, line, column, values) {\n    console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n    console.log(values); // eslint-disable-line no-console\n    return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n    function $$render(result, props, bindings, slots, context) {\n        const parent_component = current_component;\n        const $$ = {\n            on_destroy,\n            context: new Map(context || (parent_component ? parent_component.$$.context : [])),\n            // these will be immediately discarded\n            on_mount: [],\n            before_update: [],\n            after_update: [],\n            callbacks: blank_object()\n        };\n        set_current_component({ $$ });\n        const html = fn(result, props, bindings, slots);\n        set_current_component(parent_component);\n        return html;\n    }\n    return {\n        render: (props = {}, { $$slots = {}, context = new Map() } = {}) => {\n            on_destroy = [];\n            const result = { title: '', head: '', css: new Set() };\n            const html = $$render(result, props, {}, $$slots, context);\n            run_all(on_destroy);\n            return {\n                html,\n                css: {\n                    code: Array.from(result.css).map(css => css.code).join('\\n'),\n                    map: null // TODO\n                },\n                head: result.title + result.head\n            };\n        },\n        $$render\n    };\n}\nfunction add_attribute(name, value, boolean) {\n    if (value == null || (boolean && !value))\n        return '';\n    return ` ${name}${value === true ? '' : `=${typeof value === 'string' ? JSON.stringify(escape(value)) : `\"${value}\"`}`}`;\n}\nfunction add_classes(classes) {\n    return classes ? ` class=\"${classes}\"` : '';\n}\n\nfunction bind(component, name, callback) {\n    const index = component.$$.props[name];\n    if (index !== undefined) {\n        component.$$.bound[index] = callback;\n        callback(component.$$.ctx[index]);\n    }\n}\nfunction create_component(block) {\n    block && block.c();\n}\nfunction claim_component(block, parent_nodes) {\n    block && block.l(parent_nodes);\n}\nfunction mount_component(component, target, anchor, customElement) {\n    const { fragment, on_mount, on_destroy, after_update } = component.$$;\n    fragment && fragment.m(target, anchor);\n    if (!customElement) {\n        // onMount happens before the initial afterUpdate\n        add_render_callback(() => {\n            const new_on_destroy = on_mount.map(run).filter(is_function);\n            if (on_destroy) {\n                on_destroy.push(...new_on_destroy);\n            }\n            else {\n                // Edge case - component was destroyed immediately,\n                // most likely as a result of a binding initialising\n                run_all(new_on_destroy);\n            }\n            component.$$.on_mount = [];\n        });\n    }\n    after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n    const $$ = component.$$;\n    if ($$.fragment !== null) {\n        run_all($$.on_destroy);\n        $$.fragment && $$.fragment.d(detaching);\n        // TODO null out other refs, including component.$$ (but need to\n        // preserve final state?)\n        $$.on_destroy = $$.fragment = null;\n        $$.ctx = [];\n    }\n}\nfunction make_dirty(component, i) {\n    if (component.$$.dirty[0] === -1) {\n        dirty_components.push(component);\n        schedule_update();\n        component.$$.dirty.fill(0);\n    }\n    component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));\n}\nfunction init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {\n    const parent_component = current_component;\n    set_current_component(component);\n    const $$ = component.$$ = {\n        fragment: null,\n        ctx: null,\n        // state\n        props,\n        update: noop,\n        not_equal,\n        bound: blank_object(),\n        // lifecycle\n        on_mount: [],\n        on_destroy: [],\n        on_disconnect: [],\n        before_update: [],\n        after_update: [],\n        context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),\n        // everything else\n        callbacks: blank_object(),\n        dirty,\n        skip_bound: false,\n        root: options.target || parent_component.$$.root\n    };\n    append_styles && append_styles($$.root);\n    let ready = false;\n    $$.ctx = instance\n        ? instance(component, options.props || {}, (i, ret, ...rest) => {\n            const value = rest.length ? rest[0] : ret;\n            if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {\n                if (!$$.skip_bound && $$.bound[i])\n                    $$.bound[i](value);\n                if (ready)\n                    make_dirty(component, i);\n            }\n            return ret;\n        })\n        : [];\n    $$.update();\n    ready = true;\n    run_all($$.before_update);\n    // `false` as a special case of no DOM component\n    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;\n    if (options.target) {\n        if (options.hydrate) {\n            start_hydrating();\n            const nodes = children(options.target);\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            $$.fragment && $$.fragment.l(nodes);\n            nodes.forEach(detach);\n        }\n        else {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            $$.fragment && $$.fragment.c();\n        }\n        if (options.intro)\n            transition_in(component.$$.fragment);\n        mount_component(component, options.target, options.anchor, options.customElement);\n        end_hydrating();\n        flush();\n    }\n    set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement === 'function') {\n    SvelteElement = class extends HTMLElement {\n        constructor() {\n            super();\n            this.attachShadow({ mode: 'open' });\n        }\n        connectedCallback() {\n            const { on_mount } = this.$$;\n            this.$$.on_disconnect = on_mount.map(run).filter(is_function);\n            // @ts-ignore todo: improve typings\n            for (const key in this.$$.slotted) {\n                // @ts-ignore todo: improve typings\n                this.appendChild(this.$$.slotted[key]);\n            }\n        }\n        attributeChangedCallback(attr, _oldValue, newValue) {\n            this[attr] = newValue;\n        }\n        disconnectedCallback() {\n            run_all(this.$$.on_disconnect);\n        }\n        $destroy() {\n            destroy_component(this, 1);\n            this.$destroy = noop;\n        }\n        $on(type, callback) {\n            // TODO should this delegate to addEventListener?\n            const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n            callbacks.push(callback);\n            return () => {\n                const index = callbacks.indexOf(callback);\n                if (index !== -1)\n                    callbacks.splice(index, 1);\n            };\n        }\n        $set($$props) {\n            if (this.$$set && !is_empty($$props)) {\n                this.$$.skip_bound = true;\n                this.$$set($$props);\n                this.$$.skip_bound = false;\n            }\n        }\n    };\n}\n/**\n * Base class for Svelte components. Used when dev=false.\n */\nclass SvelteComponent {\n    $destroy() {\n        destroy_component(this, 1);\n        this.$destroy = noop;\n    }\n    $on(type, callback) {\n        const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n        callbacks.push(callback);\n        return () => {\n            const index = callbacks.indexOf(callback);\n            if (index !== -1)\n                callbacks.splice(index, 1);\n        };\n    }\n    $set($$props) {\n        if (this.$$set && !is_empty($$props)) {\n            this.$$.skip_bound = true;\n            this.$$set($$props);\n            this.$$.skip_bound = false;\n        }\n    }\n}\n\nfunction dispatch_dev(type, detail) {\n    document.dispatchEvent(custom_event(type, Object.assign({ version: '3.43.0' }, detail), true));\n}\nfunction append_dev(target, node) {\n    dispatch_dev('SvelteDOMInsert', { target, node });\n    append(target, node);\n}\nfunction append_hydration_dev(target, node) {\n    dispatch_dev('SvelteDOMInsert', { target, node });\n    append_hydration(target, node);\n}\nfunction insert_dev(target, node, anchor) {\n    dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n    insert(target, node, anchor);\n}\nfunction insert_hydration_dev(target, node, anchor) {\n    dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n    insert_hydration(target, node, anchor);\n}\nfunction detach_dev(node) {\n    dispatch_dev('SvelteDOMRemove', { node });\n    detach(node);\n}\nfunction detach_between_dev(before, after) {\n    while (before.nextSibling && before.nextSibling !== after) {\n        detach_dev(before.nextSibling);\n    }\n}\nfunction detach_before_dev(after) {\n    while (after.previousSibling) {\n        detach_dev(after.previousSibling);\n    }\n}\nfunction detach_after_dev(before) {\n    while (before.nextSibling) {\n        detach_dev(before.nextSibling);\n    }\n}\nfunction listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation) {\n    const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];\n    if (has_prevent_default)\n        modifiers.push('preventDefault');\n    if (has_stop_propagation)\n        modifiers.push('stopPropagation');\n    dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });\n    const dispose = listen(node, event, handler, options);\n    return () => {\n        dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });\n        dispose();\n    };\n}\nfunction attr_dev(node, attribute, value) {\n    attr(node, attribute, value);\n    if (value == null)\n        dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });\n    else\n        dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });\n}\nfunction prop_dev(node, property, value) {\n    node[property] = value;\n    dispatch_dev('SvelteDOMSetProperty', { node, property, value });\n}\nfunction dataset_dev(node, property, value) {\n    node.dataset[property] = value;\n    dispatch_dev('SvelteDOMSetDataset', { node, property, value });\n}\nfunction set_data_dev(text, data) {\n    data = '' + data;\n    if (text.wholeText === data)\n        return;\n    dispatch_dev('SvelteDOMSetData', { node: text, data });\n    text.data = data;\n}\nfunction validate_each_argument(arg) {\n    if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {\n        let msg = '{#each} only iterates over array-like objects.';\n        if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {\n            msg += ' You can use a spread to convert this iterable into an array.';\n        }\n        throw new Error(msg);\n    }\n}\nfunction validate_slots(name, slot, keys) {\n    for (const slot_key of Object.keys(slot)) {\n        if (!~keys.indexOf(slot_key)) {\n            console.warn(`<${name}> received an unexpected slot \"${slot_key}\".`);\n        }\n    }\n}\n/**\n * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.\n */\nclass SvelteComponentDev extends SvelteComponent {\n    constructor(options) {\n        if (!options || (!options.target && !options.$$inline)) {\n            throw new Error(\"'target' is a required option\");\n        }\n        super();\n    }\n    $destroy() {\n        super.$destroy();\n        this.$destroy = () => {\n            console.warn('Component was already destroyed'); // eslint-disable-line no-console\n        };\n    }\n    $capture_state() { }\n    $inject_state() { }\n}\n/**\n * Base class to create strongly typed Svelte components.\n * This only exists for typing purposes and should be used in `.d.ts` files.\n *\n * ### Example:\n *\n * You have component library on npm called `component-library`, from which\n * you export a component called `MyComponent`. For Svelte+TypeScript users,\n * you want to provide typings. Therefore you create a `index.d.ts`:\n * ```ts\n * import { SvelteComponentTyped } from \"svelte\";\n * export class MyComponent extends SvelteComponentTyped<{foo: string}> {}\n * ```\n * Typing this makes it possible for IDEs like VS Code with the Svelte extension\n * to provide intellisense and to use the component like this in a Svelte file\n * with TypeScript:\n * ```svelte\n * <script lang=\"ts\">\n * \timport { MyComponent } from \"component-library\";\n * </script>\n * <MyComponent foo={'bar'} />\n * ```\n *\n * #### Why not make this part of `SvelteComponent(Dev)`?\n * Because\n * ```ts\n * class ASubclassOfSvelteComponent extends SvelteComponent<{foo: string}> {}\n * const component: typeof SvelteComponent = ASubclassOfSvelteComponent;\n * ```\n * will throw a type error, so we need to separate the more strictly typed class.\n */\nclass SvelteComponentTyped extends SvelteComponentDev {\n    constructor(options) {\n        super(options);\n    }\n}\nfunction loop_guard(timeout) {\n    const start = Date.now();\n    return () => {\n        if (Date.now() - start > timeout) {\n            throw new Error('Infinite loop detected');\n        }\n    };\n}\n\nexport { HtmlTag, HtmlTagHydration, SvelteComponent, SvelteComponentDev, SvelteComponentTyped, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_transform, afterUpdate, append, append_dev, append_empty_stylesheet, append_hydration, append_hydration_dev, append_styles, assign, attr, attr_dev, attribute_to_object, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_html_tag, claim_space, claim_svg_element, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, end_hydrating, escape, escape_attribute_value, escape_object, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getAllContexts, getContext, get_all_dirty_from_scope, get_binding_group_value, get_current_component, get_custom_elements_slots, get_root_for_style, get_slot_changes, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, hasContext, has_prop, identity, init, insert, insert_dev, insert_hydration, insert_hydration_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, listen, listen_dev, loop, loop_guard, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, src_url_equal, start_hydrating, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, trusted, update_await_block_branch, update_keyed_each, update_slot, update_slot_base, validate_component, validate_each_argument, validate_each_keys, validate_slots, validate_store, xlink_attr };\n","import { cubicInOut, linear, cubicOut } from '../easing/index.mjs';\nimport { is_function, assign } from '../internal/index.mjs';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\n\nfunction blur(node, { delay = 0, duration = 400, easing = cubicInOut, amount = 5, opacity = 0 } = {}) {\n    const style = getComputedStyle(node);\n    const target_opacity = +style.opacity;\n    const f = style.filter === 'none' ? '' : style.filter;\n    const od = target_opacity * (1 - opacity);\n    return {\n        delay,\n        duration,\n        easing,\n        css: (_t, u) => `opacity: ${target_opacity - (od * u)}; filter: ${f} blur(${u * amount}px);`\n    };\n}\nfunction fade(node, { delay = 0, duration = 400, easing = linear } = {}) {\n    const o = +getComputedStyle(node).opacity;\n    return {\n        delay,\n        duration,\n        easing,\n        css: t => `opacity: ${t * o}`\n    };\n}\nfunction fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {\n    const style = getComputedStyle(node);\n    const target_opacity = +style.opacity;\n    const transform = style.transform === 'none' ? '' : style.transform;\n    const od = target_opacity * (1 - opacity);\n    return {\n        delay,\n        duration,\n        easing,\n        css: (t, u) => `\n\t\t\ttransform: ${transform} translate(${(1 - t) * x}px, ${(1 - t) * y}px);\n\t\t\topacity: ${target_opacity - (od * u)}`\n    };\n}\nfunction slide(node, { delay = 0, duration = 400, easing = cubicOut } = {}) {\n    const style = getComputedStyle(node);\n    const opacity = +style.opacity;\n    const height = parseFloat(style.height);\n    const padding_top = parseFloat(style.paddingTop);\n    const padding_bottom = parseFloat(style.paddingBottom);\n    const margin_top = parseFloat(style.marginTop);\n    const margin_bottom = parseFloat(style.marginBottom);\n    const border_top_width = parseFloat(style.borderTopWidth);\n    const border_bottom_width = parseFloat(style.borderBottomWidth);\n    return {\n        delay,\n        duration,\n        easing,\n        css: t => 'overflow: hidden;' +\n            `opacity: ${Math.min(t * 20, 1) * opacity};` +\n            `height: ${t * height}px;` +\n            `padding-top: ${t * padding_top}px;` +\n            `padding-bottom: ${t * padding_bottom}px;` +\n            `margin-top: ${t * margin_top}px;` +\n            `margin-bottom: ${t * margin_bottom}px;` +\n            `border-top-width: ${t * border_top_width}px;` +\n            `border-bottom-width: ${t * border_bottom_width}px;`\n    };\n}\nfunction scale(node, { delay = 0, duration = 400, easing = cubicOut, start = 0, opacity = 0 } = {}) {\n    const style = getComputedStyle(node);\n    const target_opacity = +style.opacity;\n    const transform = style.transform === 'none' ? '' : style.transform;\n    const sd = 1 - start;\n    const od = target_opacity * (1 - opacity);\n    return {\n        delay,\n        duration,\n        easing,\n        css: (_t, u) => `\n\t\t\ttransform: ${transform} scale(${1 - (sd * u)});\n\t\t\topacity: ${target_opacity - (od * u)}\n\t\t`\n    };\n}\nfunction draw(node, { delay = 0, speed, duration, easing = cubicInOut } = {}) {\n    let len = node.getTotalLength();\n    const style = getComputedStyle(node);\n    if (style.strokeLinecap !== 'butt') {\n        len += parseInt(style.strokeWidth);\n    }\n    if (duration === undefined) {\n        if (speed === undefined) {\n            duration = 800;\n        }\n        else {\n            duration = len / speed;\n        }\n    }\n    else if (typeof duration === 'function') {\n        duration = duration(len);\n    }\n    return {\n        delay,\n        duration,\n        easing,\n        css: (t, u) => `stroke-dasharray: ${t * len} ${u * len}`\n    };\n}\nfunction crossfade(_a) {\n    var { fallback } = _a, defaults = __rest(_a, [\"fallback\"]);\n    const to_receive = new Map();\n    const to_send = new Map();\n    function crossfade(from, node, params) {\n        const { delay = 0, duration = d => Math.sqrt(d) * 30, easing = cubicOut } = assign(assign({}, defaults), params);\n        const to = node.getBoundingClientRect();\n        const dx = from.left - to.left;\n        const dy = from.top - to.top;\n        const dw = from.width / to.width;\n        const dh = from.height / to.height;\n        const d = Math.sqrt(dx * dx + dy * dy);\n        const style = getComputedStyle(node);\n        const transform = style.transform === 'none' ? '' : style.transform;\n        const opacity = +style.opacity;\n        return {\n            delay,\n            duration: is_function(duration) ? duration(d) : duration,\n            easing,\n            css: (t, u) => `\n\t\t\t\topacity: ${t * opacity};\n\t\t\t\ttransform-origin: top left;\n\t\t\t\ttransform: ${transform} translate(${u * dx}px,${u * dy}px) scale(${t + (1 - t) * dw}, ${t + (1 - t) * dh});\n\t\t\t`\n        };\n    }\n    function transition(items, counterparts, intro) {\n        return (node, params) => {\n            items.set(params.key, {\n                rect: node.getBoundingClientRect()\n            });\n            return () => {\n                if (counterparts.has(params.key)) {\n                    const { rect } = counterparts.get(params.key);\n                    counterparts.delete(params.key);\n                    return crossfade(rect, node, params);\n                }\n                // if the node is disappearing altogether\n                // (i.e. wasn't claimed by the other list)\n                // then we need to supply an outro\n                items.delete(params.key);\n                return fallback && fallback(node, params, intro);\n            };\n        };\n    }\n    return [\n        transition(to_send, to_receive, false),\n        transition(to_receive, to_send, true)\n    ];\n}\n\nexport { blur, crossfade, draw, fade, fly, scale, slide };\n","<script>\n export let introDone = false;\n\n import { fade, fly } from 'svelte/transition';\n\n\n function handleContinue() {\n     introDone = true;\n }\n</script>\n\n<div class=container>\n    <div class=popup>\n        <img class=hf src=\"/huggingface.svg\" /> <span class=plus>+</span> <img class=sketchfab src=\"/sketchfab-logo.svg\" />\n        <p class=subtitle>A <span class=sketchfab>Sketchfab</span> + <span class=huggingface>Huggingface</span> experiment</p>\n        <p class=desc>This demo uses the Huggingface inference API to trigger animations on a Sketchfab model.</p>\n        <button class=button on:click|preventDefault={handleContinue}>Let's Go !</button>\n    </div>\n</div>\n\n<style>\n .container {\n     display: flex;\n     align-items: center;\n     justify-content: center;\n     width: 100%;\n     height: 100%;\n     text-align: center;\n }\n\n .popup {\n     background: #FFF;\n     max-width: 75%;\n     padding: 30px 60px;\n }\n\n h1 {\n     margin: 0;\n     padding: 0;\n     font-family: 'Courier New', Courier, monospace;\n }\n\n .hf {\n     width: 65px;\n     margin-right: 8px;\n }\n\n .sketchfab {\n     margin-left: 8px;\n     width: 60px;\n }\n\n .plus {\n     font-size: 48px;\n     position: relative;\n     top: -10px;\n\n }\n\n p {\n     font-family: 'Courier New', Courier, monospace;\n }\n\n .subtitle {\n     font-size: 24px;\n }\n\n .desc {\n     font-size: 18px;\n }\n\n .button {\n     margin-top: 20px;\n     padding: 16px;\n }\n\n .button:hover {\n     background-color: #1CAAD9;\n     color: #F2F2F2;\n     border: 1px solid #1CAAD9;\n }\n\n .button:active {\n     background-color: orange;\n     border: 1px solid orange;\n }\n</style>\n","\n<script>\n import { onMount } from 'svelte';\n import { fade } from 'svelte/transition';\n\n export let modelUid = \"abf5788c354f4d4b9ff5ea1fd10c6496\";\n\n let viewer;\n let loadingProgress = 0;\n $: viewerIsReady = loadingProgress >= 1;\n\n let client;\n\n let loadViewer = false;\n loadViewer = true;\n\n let query = \"\";\n let animations;\n\n const sanitizeQuery = (q) => {\n     return q.trim().toLowerCase();\n }\n\n const getAnimationCandidates = () => {\n     return animations.map((animation) => animation[1].replaceAll('_', ' '));\n };\n\n\n async function handleQuery() {\n\n     const response = await fetch(\n         \"https://api-inference.huggingface.co/models/facebook/bart-large-mnli\",\n         {\n             method: \"POST\",\n             body: JSON.stringify({\n                 inputs: sanitizeQuery(query),\n                 parameters: {\n                     candidate_labels: getAnimationCandidates()\n                 },\n             }),\n         },\n     );\n     const result = await response.json();\n\n     let match = result.labels[0];\n     for (const animation of animations) {\n         if (animation[1].replaceAll('_', ' ').toLowerCase() === match.trim().toLowerCase()) {\n             const animationUid = animation[0];\n             client.setCurrentAnimationByUID(animationUid);\n         }\n     }\n     query = \"\";\n\n };\n\n\n\n onMount(() => {\n     if (loadViewer) {\n         client = new Sketchfab(viewer);\n         client.init(modelUid, {\n             success: (apiClient) => {\n             client = apiClient;\n                 client.start();\n\n                 client.addEventListener('modelLoadProgress', function(factor) {\n                     loadingProgress = factor.progress;\n                 });\n\n                 client.addEventListener(\"viewerready\", function () {\n                     client.getAnimations(function(err, results) {\n                         // Filter out animations that don't look good\n                         animations = results.filter(animation => {\n                             const name = animation[1];\n                             return  name !== 'Walk' && name !== 'Roll' && name !== 'Run' && name !== 'Land' && name !== 'Idle_2';\n                         });\n                     });\n                 });\n             },\n         });\n     }\n\n });\n\n</script>\n\n<div class=container>\n    {#if !viewerIsReady}\n        <div\n            transition:fade\n            class=loader\n            class:loading={!viewerIsReady}\n        >\n            <div class=loading-logo-grayscale></div>\n            <div class=loading-logo style=\"height: {100 * loadingProgress}px\"></div>\n            <div>Loading {Math.floor(100 * loadingProgress)}%</div>\n        </div>\n    {/if}\n\n    <iframe\n        bind:this={viewer}\n        class:viewer\n        class:started={viewerIsReady}\n        title=\"Forest Animal: Fox\"\n        frameborder=\"0\"\n        allowfullscreen=\"true\"\n        mozallowfullscreen=\"true\"\n        webkitallowfullscreen=\"true\"\n        allow=\"autoplay; fullscreen; xr-spatial-tracking\"\n        xr-spatial-tracking=\"true\"\n        execution-while-out-of-viewport=\"true\"\n        execution-while-not-rendered=\"true\"\n        web-share=\"true\"\n        src=\"\"\n    />\n\n    {#if viewerIsReady}\n        <form class=form\n              transition:fade={{duration: 300}}\n              on:submit|preventDefault={handleQuery}>\n            <input\n                class=query\n                bind:value={query}\n                placeholder=\"Tell me what to do and press enter !\"\n                autocomplete\n                autofocus\n            />\n         </form>\n    {/if}\n\n</div>\n\n<style>\n .container {\n     display: flex;\n     align-items: center;\n     justify-content: center;\n     width: 100%;\n     height: 100%;\n\n }\n\n .viewer {\n     width: 100%;\n     height: 100%;\n     opacity: 0;\n     visibility: hidden;\n }\n\n .started {\n     visibility: visible;\n     opacity: 1;\n     transition: opacity 2s;\n }\n\n .loader {\n     display: none;\n     position: absolute;\n     width: 180px;\n     margin-left: 20px;\n     padding: 60px;\n     border-radius: 10px;\n     text-align: center;\n     font-size: 24px;\n     font-family: 'Courier New', Courier, monospace;\n }\n\n .loading-logo, .loading-logo-grayscale  {\n     background: url(/huggingface.svg) center center no-repeat;\n     margin-left: 30px;\n     height: 120px;\n     width: 120px;\n }\n\n .loading-logo {\n     position: absolute;\n     bottom: 103px;\n     height: 0px;\n     background-position-y: bottom;\n     transition: height 0.3s;\n }\n\n .loading-logo-grayscale {\n     filter: grayscale(1);\n }\n\n .loading {\n     display: block;\n }\n\n .form {\n     position: absolute;\n     bottom: 10%;\n     left: 25%;\n     width: 50%;\n     margin: 0;\n     padding: 0;\n }\n\n .query {\n     font-size: 25px;\n     margin: 0;\n     width: 100%;\n     box-shadow: #666 0px 0px 10px;\n     border: 1px solid #1CAAD9;\n     border-radius: 4px;\n     color: #333;\n }\n</style>\n","<script>\n import Hello from './Hello.svelte';\n import Viewer from './Viewer.svelte';\n\n let introDone = false;\n</script>\n\n{#if introDone }\n    <Viewer />\n{:else }\n    <Hello bind:introDone={introDone} />\n{/if}\n","import App from './App.svelte';\n\nconst app = new App({\n\ttarget: document.body,\n\tprops: {}\n});\n\nexport default app;\n"],"names":["noop","identity","x","run","fn","blank_object","Object","create","run_all","fns","forEach","is_function","thing","safe_not_equal","a","b","src_url_equal_anchor","src_url_equal","element_src","url","document","createElement","href","is_client","window","now","performance","Date","raf","cb","requestAnimationFrame","tasks","Set","run_tasks","task","c","delete","f","size","append","target","node","appendChild","get_root_for_style","root","getRootNode","ownerDocument","host","append_empty_stylesheet","style_element","element","style","head","append_stylesheet","insert","anchor","insertBefore","detach","parentNode","removeChild","name","text","data","createTextNode","space","listen","event","handler","options","addEventListener","removeEventListener","prevent_default","preventDefault","call","this","attr","attribute","value","removeAttribute","getAttribute","setAttribute","set_input_value","input","set_style","key","important","setProperty","toggle_class","toggle","classList","active_docs","current_component","active","create_rule","duration","delay","ease","uid","step","keyframes","p","t","rule","str","hash","i","length","charCodeAt","doc","add","stylesheet","__svelte_stylesheet","sheet","current_rules","__svelte_rules","insertRule","cssRules","animation","delete_rule","previous","split","next","filter","anim","indexOf","deleted","join","deleteRule","clear","set_current_component","component","onMount","Error","get_current_component","$$","on_mount","push","dirty_components","binding_callbacks","render_callbacks","flush_callbacks","resolved_promise","Promise","resolve","update_scheduled","add_render_callback","flushing","seen_callbacks","flush","update","pop","callback","has","fragment","before_update","dirty","ctx","after_update","promise","dispatch","direction","kind","dispatchEvent","type","detail","bubbles","e","createEvent","initCustomEvent","custom_event","outroing","outros","group_outros","r","check_outros","transition_in","block","local","transition_out","o","d","null_transition","create_bidirectional_transition","params","intro","config","running_program","pending_program","animation_name","clear_animation","init","program","Math","abs","start","end","group","go","easing","tick","css","fulfill","loop","then","create_component","mount_component","customElement","on_destroy","m","new_on_destroy","map","destroy_component","detaching","make_dirty","fill","instance","create_fragment","not_equal","props","append_styles","parent_component","bound","on_disconnect","context","Map","callbacks","skip_bound","ready","ret","rest","hydrate","nodes","Array","from","childNodes","children","l","SvelteComponent","$destroy","$on","index","splice","$set","$$props","obj","$$set","keys","fade","linear","getComputedStyle","opacity","introDone","floor","wholeText","viewer","client","modelUid","loadingProgress","loadViewer","animations","query","Sketchfab","success","apiClient","factor","progress","getAnimations","err","results","viewerIsReady","response","fetch","method","body","JSON","stringify","inputs","q","trim","toLowerCase","parameters","candidate_labels","replaceAll","match","json","labels","animationUid","setCurrentAnimationByUID","undefined"],"mappings":"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"}

global.css

@@ -0,0 +1,63 @@
+html, body {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	color: #333;
+	box-sizing: border-box;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+	color: rgb(0,100,200);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a:visited {
+	color: rgb(0,80,160);
+}
+
+label {
+	display: block;
+}
+
+input, button, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	-webkit-padding: 0.4em 0;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+input:disabled {
+	color: #ccc;
+}
+
+button {
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+button:disabled {
+	color: #999;
+}
+
+button:not(:disabled):active {
+	background-color: #ddd;
+}
+
+button:focus {
+	border-color: #666;
+}

index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset='utf-8'>
+	<meta name='viewport' content='width=device-width,initial-scale=1'>
+
+	<title>HuggingFab: A HuggingFace + Sketchfab Experiment</title>
+
+	<link rel='icon' type='image/png' href='/favicon.png'>
+	<link rel='stylesheet' href='/global.css'>
+	<link rel='stylesheet' href='/build/bundle.css'>
+
+	<script defer src='/build/bundle.js'></script>
+	<script type="text/javascript" src="https://static.sketchfab.com/api/sketchfab-viewer-1.10.1.js"></script>
+</head>
+
+<body>
+
+</body>
+</html>