PageSourceSearch

https://www.transition.style/build/bundle.js

js transition.style collected 2026-10-03 22:42:25 UTC 37,402 bytes, 2 lines download raw bytes

1var app=function(){"use strict";function t(){}const n=t=>t;function e(t){return t()}function i(){return Object.create(null)}function o(t){t.forEach(e)}function r(t){return"function"==typeof t}function s(t,n){return t!=t?n==n:t!==n||t&&"object"==typeof t||"function"==typeof t}function c(n,e,i){n.$$.on_destroy.push(function(n,...e){if(null==n)return t;const i=n.subscribe(...e);return i.unsubscribe?()=>i.unsubscribe():i}(e,i))}function l(t){return null==t?"":t}function a(t,n,e=n){return t.set(e),n}const p="undefined"!=typeof window;let u=p?()=>window.performance.now():()=>Date.now(),h=p?t=>requestAnimationFrame(t):t;const m=new Set;function f(t){m.forEach(n=>{n.c(t)||(m.delete(n),n.f())}),0!==m.size&&h(f)}function g(t){let n;return 0===m.size&&h(f),{promise:new Promise(e=>{m.add(n={c:t,f:e})}),abort(){m.delete(n)}}}function b(t,n){t.appendChild(n)}function d(t,n,e){t.insertBefore(n,e||null)}function y(t){t.parentNode.removeChild(t)}function w(t,n){for(let e=0;e<t.length;e+=1)t[e]&&t[e].d(n)}function v(t){return document.createElement(t)}function k(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function z(t){return document.createTextNode(t)}function _(){return z(" ")}function x(){return z("")}function $(t,n,e,i){return t.addEventListener(n,e,i),()=>t.removeEventListener(n,e,i)}function q(t,n,e){null==e?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function M(t,n,e,i){t.style.setProperty(n,e,i?"important":"")}function C(t,n){for(let e=0;e<t.options.length;e+=1){const i=t.options[e];if(i.__value===n)return void(i.selected=!0)}}function S(t){const n=t.querySelector(":checked")||t.options[0];return n&&n.__value}const E=new Set;let H,O=0;function T(t,n,e,i,o,r,s,c=0){const l=16.666/i;let a="{\n";for(let t=0;t<=1;t+=l){const i=n+(e-n)*r(t);a+=100*t+`%{${s(i,1-i)}}\n`}const p=a+`100% {${s(e,1-e)}}\n}`,u=`__svelte_${function(t){let n=5381,e=t.length;for(;e--;)n=(n<<5)-n^t.charCodeAt(e);return n>>>0}(p)}_${c}`,h=t.ownerDocument;E.add(h);const m=h.__svelte_stylesheet||(h.__svelte_stylesheet=h.head.appendChild(v("style")).sheet),f=h.__svelte_rules||(h.__svelte_rules={});f[u]||(f[u]=!0,m.insertRule(`@keyframes ${u} ${p}`,m.cssRules.length));const g=t.style.animation||"";return t.style.animation=`${g?g+", ":""}${u} ${i}ms linear ${o}ms 1 both`,O+=1,u}function j(t,n){const e=(t.style.animation||"").split(", "),i=e.filter(n?t=>t.indexOf(n)<0:t=>-1===t.indexOf("__svelte")),o=e.length-i.length;o&&(t.style.animation=i.join(", "),O-=o,O||h(()=>{O||(E.forEach(t=>{const n=t.__svelte_stylesheet;let e=n.cssRules.length;for(;e--;)n.deleteRule(e);t.__svelte_rules={}}),E.clear())}))}function A(t){H=t}const L=[],B=[],N=[],P=[],V=Promise.resolve();let D=!1;function R(t){N.push(t)}let F=!1;const G=new Set;function I(){if(!F){F=!0;do{for(let t=0;t<L.length;t+=1){const n=L[t];A(n),J(n.$$)}for(L.length=0;B.length;)B.pop()();for(let t=0;t<N.length;t+=1){const n=N[t];G.has(n)||(G.add(n),n())}N.length=0}while(L.length);for(;P.length;)P.pop()();D=!1,F=!1,G.clear()}}function J(t){if(null!==t.fragment){t.update(),o(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(R)}}let K;function Q(){return K||(K=Promise.resolve(),K.then(()=>{K=null})),K}function U(t,n,e){t.dispatchEvent(function(t,n){const e=document.createEvent("CustomEvent");return e.initCustomEvent(t,!1,!1,n),e}(`${n?"intro":"outro"}${e}`))}const W=new Set;let X;function Y(t,n){t&&t.i&&(W.delete(t),t.i(n))}function Z(t,n,e,i){if(t&&t.o){if(W.has(t))return;W.add(t),X.c.push(()=>{W.delete(t),i&&(e&&t.d(1),i())}),t.o(n)}}const tt={duration:0};function nt(t){t&&t.c()}function et(t,n,i){const{fragment:s,on_mount:c,on_destroy:l,after_update:a}=t.$$;s&&s.m(n,i),R(()=>{const n=c.map(e).filter(r);l?l.push(...n):o(n),t.$$.on_mount=[]}),a.forEach(R)}function it(t,n){const e=t.$$;null!==e.fragment&&(o(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function ot(t,n){-1===t.$$.dirty[0]&&(L.push(t),D||(D=!0,V.then(I)),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function rt(n,e,r,s,c,l,a=[-1]){const p=H;A(n);const u=e.props||{}
1,h=n.$$={fragment:null,ctx:null,props:l,update:t,not_equal:c,bound:i(),on_mount:[],on_destroy:[],before_update:[],after_update:[],context:new Map(p?p.$$.context:[]),callbacks:i(),dirty:a};let m=!1;if(h.ctx=r?r(n,u,(t,e,...i)=>{const o=i.length?i[0]:e;return h.ctx&&c(h.ctx[t],h.ctx[t]=o)&&(h.bound[t]&&h.bound[t](o),m&&ot(n,t)),e}):[],h.update(),m=!0,o(h.before_update),h.fragment=!!s&&s(h.ctx),e.target){if(e.hydrate){const t=function(t){return Array.from(t.childNodes)}(e.target);h.fragment&&h.fragment.l(t),t.forEach(y)}else h.fragment&&h.fragment.c();e.intro&&Y(n.$$.fragment),et(n,e.target,e.anchor),I()}A(p)}class st{$destroy(){it(this,1),this.$destroy=t}$on(t,n){const e=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return e.push(n),()=>{const t=e.indexOf(n);-1!==t&&e.splice(t,1)}}$set(){}}const ct='\n  <path d="M256 70.7c-102.6 0-185.9 83.2-185.9 185.9 0 82.1 53.3 151.8 127.1 176.4 9.3 1.7 12.3-4 12.3-8.9V389.4c-51.7 11.3-62.5-21.9-62.5-21.9 -8.4-21.5-20.6-27.2-20.6-27.2 -16.9-11.5 1.3-11.3 1.3-11.3 18.7 1.3 28.5 19.2 28.5 19.2 16.6 28.4 43.5 20.2 54.1 15.4 1.7-12 6.5-20.2 
111.8-24.9 -41.3-4.7-84.7-20.6-84.7-91.9 0-20.3 7.3-36.9 19.2-49.9 -1.9-4.7-8.3-23.6 1.8-49.2 0 0 15.6-5 51.1 19.1 14.8-4.1 30.7-6.2 46.5-6.3 15.8 0.1 31.7 2.1 46.6 6.3 35.5-24 51.1-19.1 51.1-19.1 10.1 25.6 3.8 44.5 1.8 49.2 11.9 13 19.1 29.6 19.1 49.9 0 71.4-43.5 87.1-84.9 91.7 6.7 5.8 12.8 17.1 12.8 34.4 0 24.9 0 44.9 0 51 0 4.9 3 10.7 12.4 8.9 73.8-24.6 127-94.3 127-176.4C441.9 153.9 358.6 70.7 256 70.7z" />\n';function lt(n){let e,i,o,r,s,c,a,p;return{c(){e=v("header"),i=v("h1"),i.innerHTML='<span class="svelte-1vtevtb">transition</span> \n    <span class="svelte-1vtevtb">.</span> \n    <span class="svelte-1vtevtb">css</span> \n    <span class="svelte-1vtevtb"><svg fill="currentColor" viewBox="0 0 20 20" class="svelte-1vtevtb"><path fill-rule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" clip-rule="evenodd"></path></svg></span>',o=_(),r=v("p"),s=v("a"),c=k("svg"),a=z("\n    Drop-in CSS transitions"),q(i,"class","svelte-1vtevtb"),q(c,"viewBox","0 0 512 512"),q(c,"class","svelte-1vtevtb"),q(s,"class","github-link svelte-1vtevtb"),q(s,"href","https://github.com/argyleink/transition.css"),q(r,"class","svelte-1vtevtb"),q(e,"class",p=l(n[0]?"is-backdrop":"")+" svelte-1vtevtb")},m(t,n){d(t,e,n),b(e,i),b(e,o),b(e,r),b(r,s),b(s,c),c.innerHTML=ct,b(r,a)},p(t,[n]){1&n&&p!==(p=l(t[0]?"is-backdrop":"")+" svelte-1vtevtb")&&q(e,"class",p)},i:t,o:t,d(t){t&&y(e)}}}function at(t,n,e){let{backdrop:i=!1}=n;return t.$set=t=>{"backdrop"in t&&e(0,i=t.backdrop)},[i]}class pt extends st{constructor(t){super(),rt(this,t,at,lt,s,{backdrop:0})}}function ut(t){const n=t-1;return n*n*n+1}function ht(t){return Math.sin(-13*(t+1)*Math.PI/2)*Math.pow(2,-10*t)+1}function mt(t,{delay:e=0,duration:i=400,easing:o=n}){const r=+getComputedStyle(t).opacity;return{delay:e,duration:i,easing:o,css:t=>"opacity: "+t*r}}function ft(t,{delay:n=0,duration:e=400,easing:i=ut,start:o=0,opacity:r=0}){const s=getComputedStyle(t),c=+s.opacity,l="none"===s.transform?"":s.transform,a=1-o,p=c*(1-r);return{delay:n,duration:e,easing:i,css:(t,n)=>`\n\t\t\ttransform: ${l} scale(${1-a*n});\n\t\t\topacity: ${c-p*n}\n\t\t`}}const gt=[];function bt(n,e=t){let i;const o=[];function r(t){if(s(n,t)&&(n=t,i)){const t=!gt.length;for(let t=0;t<o.length;t+=1){const e=o[t];e[1](),gt.push(e,n)}if(t){for(let t=0;t<gt.length;t+=2)gt[t][0](gt[t+1]);gt.length=0}}}return{set:r,update:function(t){r(t(n))},subscribe:function(s,c=t){const l=[s,c];return o.push(l),1===o.length&&(i=e(r)||t),s(n),()=>{const t=o.indexOf(l);-1!==t&&o.splice(t,1),0===o.length&&(i(),i=null)}}}}const dt=""!==location.hash?bt(location.hash.slice(1)):bt("in:custom:circle-swoop"),yt=bt(2.5),wt=bt("cubic-bezier(.25, 1, .30, 1)"),vt=bt({showing:!1,x:0,y:0});function kt(e){let i,s,c,l,a,p,h,m,f,w;return{c(){i=v("span"),s=k("svg"),c=k("path"),l=k("path"),a=z("\n    CSS copied"),q(c,"d","M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"),q(l,"fill-rule","evenodd"),q(l,"d","M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"),q(l,"clip-rule","evenodd"),q(s,"viewBox","0 0 20 20"),q(s,"fill","currentColor"),q(s,"class","svelte-wkbyea"),M(i,"top",e[0].y+"px"),M(i,"left",e[0].x+16+"px"),q(i,"class","svelte-wkbyea")},m(t,n){d(t,i,n),b(i,s),b(s,c),b(s,l),b(i,a),m=!0,f||(w=[$(i,"introstart",e[1]),$(i,"introend",e[2])],f=!0)},p(t,n){(!m||1&n)&&M(i,"top",t[0].y+"px"),(!m||1&n)&&M(i,"left",t[0].x+16+"px")},i(e){m||(R(()=>{h&&h.end(1),p||(p=function(e,i,o){let s,c,l=i(e,o),a=!1,p=0;function h(){s&&j(e,s)}function m(){const{delay:i=0,duration:o=300,easing:r=n,tick:m=t,css:f}=l||tt;f&&(s=T(e,0,1,o,i,r,f,p++)),m(0,1);const b=u()+i,d=b+o;c&&c.abort(),a=!0,R(()=>U(e,!0,"start")),c=g(t=>
1{if(a){if(t>=d)return m(1,0),U(e,!0,"end"),h(),a=!1;if(t>=b){const n=r((t-b)/o);m(n,1-n)}}return a})}let f=!1;return{start(){f||(j(e),r(l)?(l=l(),Q().then(m)):m())},invalidate(){f=!1},end(){a&&(h(),a=!1)}}}(i,ft,{duration:1e3,easing:ht,start:.9,opacity:1})),p.start()}),m=!0)},o(e){p&&p.invalidate(),h=function(e,i,s){let c,l=i(e,s),a=!0;const p=X;function h(){const{delay:i=0,duration:r=300,easing:s=n,tick:h=t,css:m}=l||tt;m&&(c=T(e,1,0,r,i,s,m));const f=u()+i,b=f+r;R(()=>U(e,!1,"start")),g(t=>{if(a){if(t>=b)return h(0,1),U(e,!1,"end"),--p.r||o(p.c),!1;if(t>=f){const n=s((t-f)/r);h(1-n,n)}}return a})}return p.r+=1,r(l)?Q().then(()=>{l=l(),h()}):h(),{end(t){t&&l.tick&&l.tick(1,0),a&&(c&&j(e,c),a=!1)}}}(i,mt,{}),m=!1},d(t){t&&y(i),t&&h&&h.end(),f=!1,o(w)}}}function zt(t){let n,e,i=t[0].showing&&kt(t);return{c(){i&&i.c(),n=x()},m(t,o){i&&i.m(t,o),d(t,n,o),e=!0},p(t,[e]){t[0].showing?i?(i.p(t,e),1&e&&Y(i,1)):(i=kt(t),i.c(),Y(i,1),i.m(n.parentNode,n)):i&&(X={r:0,c:[],p:X},Z(i,1,1,()=>{i=null}),X.r||o(X.c),X=X.p)},i(t){e||(Y(i),e=!0)},o(t){Z(i),e=!1},d(t){i&&i.d(t),t&&y(n)}}}function _t(t,n,e){let i,o;c(t,vt,t=>e(0,i=t));return[i,(t,n)=>clearTimeout(o),(t,n)=>o=setTimeout(()=>a(vt,i.showing=!1,i),2e3)]}class xt extends st{constructor(t){super(),rt(this,t,_t,zt,s,{})}}var $t={circles:{entrances:["in:circle:hesitate","in:circle:center","in:circle:top-right","in:circle:top-left","in:circle:bottom-right","in:circle:bottom-left"],exits:["out:circle:hesitate","out:circle:center","out:circle:top-right","out:circle:top-left","out:circle:bottom-right","out:circle:bottom-left"]},squares:{entrances:["in:square:center","in:square:hesitate","in:square:top-right","in:square:top-left","in:square:bottom-right","in:square:bottom-left"],exits:["out:square:center","out:square:hesitate","out:square:top-right","out:square:top-left","out:square:bottom-right","out:square:bottom-left"]},wipes:{entrances:["in:wipe:right","in:wipe:left","in:wipe:up","in:wipe:down","in:wipe:top-right","in:wipe:top-left","in:wipe:bottom-right","in:wipe:bottom-left","in:wipe:cinematic"],exits:["out:wipe:right","out:wipe:left","out:wipe:up","out:wipe:down","out:wipe:top-right","out:wipe:top-left","out:wipe:bottom-right","out:wipe:bottom-left","out:wipe:cinematic"]},polygons:{entrances:["in:diamond:center","in:diamond:hesitate","in:polygon:opposing-corners"],exits:["out:diamond:center","out:diamond:hesitate","out:polygon:opposing-corners"]},custom:{entrances:["in:custom:circle-swoop","out:custom:circle-swoop"]}},qt={"in:circle:hesitate":'\n@keyframes circle-in-hesitate {\n  0% {\n    clip-path: circle(0%);\n  }\n  40% {\n    clip-path: circle(40%);\n  }\n  100% {\n    clip-path: circle(125%);\n  }\n}\n\n[transition-style="in:circle:hesitate"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-hesitate both;\n}'.trim(),"in:circle:center":'\n@keyframes circle-in-center {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(125%);\n  }\n}\n\n[transition-style="in:circle:center"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-center both;\n}'.trim(),"in:circle:top-right":'\n@keyframes circle-in-top-right {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(150% at top right);\n  }\n}\n\n[transition-style="in:circle:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-top-right both;\n}'.trim(),"in:circle:top-left":'\n@keyframes circle-in-top-left {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(150% at top left);\n  }\n}\n\n[transition-style="in:circle:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-top-left both;\n}'.trim(),"in:circle:bottom-right":'\n@keyframes circle-in-bottom-right {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(150% at bottom right);\n  }\n}\n\n[transition-style="in:circle:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-bottom-right both;\n}'.trim(),"in:circle:bottom-left":'\n@keyframes circle-in-bottom-left {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(150% at bottom left);\n  }\n}\n\n[transition-style="in:circle:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-bottom-left both;\n}'.trim(),"out:circle:hesitate":'\n@keyframes circle-out-hesitate {\n  0% {\n    clip-path: circle(125%);\n  }\n  40% {\n    clip-path: circle(40%);\n  }\n  100% {\n    clip-path: circle(0%);\n  }\n}\n\n[transition-style="out:circle:hesitate"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-hesitate both;\n}'.trim(),"out:circle:center":'\n@keyframes circle-out-center {\n  from {\n    clip-path: circle(0%);\n  }\n  to {\n    clip-path: circle(125%);\n  }\n}\n\n[transition-style="out:circle:center"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-center both;\n}'.trim(),"out:circle:top-right":'\n@keyframes circle-out-top-right {\n  from {\n    clip-path: circle(125%);\n  }\n  to {\n    clip-path: circle(0% at top right);\n  }\n}\n\n[transition-style="out:circle:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-top-right both;\n}'.trim(),"out:circle:top-left":'\n@keyframes circle-out-top-left {\n  from {\n    clip-path: circle(125%);\n  }\n  to {\n    clip-path: circle(0% at top left);\n  }\n}\n\n[transition-style="out:circle:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-top-left both;\n}'.trim(),"out:circle:bottom-right":'\n@keyframes circle-out-bottom-right {\n  from {\n    clip-path: circle(125%);\n  }\n  to {\n    clip-path: circle(0% at bottom right);\n  }\n}\n\n[transition-style="out:circle:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-bottom-right both;\n}'.trim(),"out:circle:bottom-left":'\n@keyframes circle-out-bottom-left {\n  from {\n    clip-path: circle(125%);\n  }\n  to {\n    clip-path: circle(0% at bottom left);\n  }\n}\n\n[transition-style="out:circle:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-bottom-left both;\n}'.trim(),"in:square:center":'\n@keyframes square-in-center {\n  from {\n    clip-path: inset(100% 100% 100% 100%);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:center"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-center both;\n}'.trim(),"in:square:hesitate":'\n@keyframes square-in-hesitate {\n  0% {\n    clip-path: inset(100% 100% 100% 100%);\n  }\n  40% {\n    clip-path: inset(33% 33% 33% 33%);\n  }\n  100% {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:hesitate"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-hesitate both;\n}'.trim(),"in:square:top-right":'\n@keyframes square-in-top-right {\n  from {\n    clip-path: inset(100% 100% 0 0);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-top-right both;\n}'.trim(),"in:square:top-left":'\n@keyframes square-in-top-left {\n  from {\n    clip-path: inset(100% 0 0 100%);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-top-left both;\n}'.trim(),"in:square:bottom-right":'\n@keyframes square-in-bottom-right {\n  from {\n    clip-path: inset(0 100% 100% 0);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-bottom-right both;\n}'.trim(),"in:square:bottom-left":'\n@keyframes square-in-bottom-left {\n  from {\n    clip-path: inset(0 0 100% 100%);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:square:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-in-bottom-left both;\n}'.trim(),"out:square:center":'\n@keyframes square-out-center {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(100% 100% 100% 100%);\n  }\n}\n\n[transition-style="out:square:center"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-center both;\n}'.trim(),"out:square:hesitate":'\n@keyframes square-out-hesitate {\n  0% {\n    clip-path: inset(0 0 0 0);\n  }\n  40% {\n    clip-path: inset(33% 33% 33% 33%);\n  }\n  100% {\n    clip-path: inset(100% 100% 100% 100%);\n  }\n}\n\n[transition-style="out:square:hesitate"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-hesitate both;\n}'.trim(),"out:square:top-right":'\n@keyframes square-out-top-right {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(0 0 100% 100%);\n  }\n}\n\n[transition-style="out:square:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-top-right both;\n}'.trim(),"out:square:top-left":'\n@keyframes square-out-top-left {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(0 100% 100% 0);\n  }\n}\n\n[transition-style="out:square:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-top-left both;\n}'.trim(),"out:square:bottom-right":'\n@keyframes square-out-bottom-right {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(100% 0 0 100%);\n  }\n}\n\n[transition-style="out:square:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-bottom-right both;\n}'.trim(),"out:square:bottom-left":'\n@keyframes square-out-bottom-left {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(100% 100% 0 0);\n  }\n}\n\n[transition-style="out:square:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) square-out-bottom-left both;\n}'.trim(),"in:wipe:right":'\n@keyframes wipe-in-right {\n  from {\n    clip-path: inset(0 100% 0 0);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:wipe:right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe
1-in-right both;\n}'.trim(),"in:wipe:left":'\n@keyframes wipe-in-left {\n  from {\n    clip-path: inset(0 0 0 100%);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:wipe:left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-left both;\n}'.trim(),"in:wipe:up":'\n@keyframes wipe-in-up {\n  from {\n    clip-path: inset(100% 0 0 0);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:wipe:up"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-up both;\n}'.trim(),"in:wipe:down":'\n@keyframes wipe-in-down {\n  from {\n    clip-path: inset(0 0 100% 0);\n  }\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:wipe:down"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-down both;\n}'.trim(),"in:wipe:top-right":'\n@keyframes wipe-in-top-right {\n  from {\n    clip-path: polygon(-50% 50%, 50% 150%, 50% 150%, -50% 50%);\n  }\n  to {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n}\n\n[transition-style="in:wipe:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-top-right both;\n}'.trim(),"in:wipe:top-left":'\n@keyframes wipe-in-top-left {\n  from {\n    clip-path: polygon(150% 50%, 150% 50%, 50% 150%, 50% 150%);\n  }\n  to {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n}\n\n[transition-style="in:wipe:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-top-left both;\n}'.trim(),"in:wipe:bottom-right":'\n@keyframes wipe-in-bottom-right {\n  from {\n    clip-path: polygon(0 0, 0 0, 0 0, 0 50%);\n  }\n  to {\n    clip-path: polygon(-50% 0%, 200% 0, 0 200%, 0 -50%);\n  }\n}\n\n[transition-style="in:wipe:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-bottom-right both;\n}'.trim(),"in:wipe:bottom-left":'\n@keyframes wipe-in-bottom-left {\n  from {\n    clip-path: polygon(50% -50%, 150% 50%, 150% 50%, 50% -50%);\n  }\n  to {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n}\n\n[transition-style="in:wipe:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-bottom-left both;\n}'.trim(),"out:wipe:right":'\n@keyframes wipe-out-right {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(0 0 0 100%);\n  }\n}\n\n[transition-style="out:wipe:right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-right both;\n}'.trim(),"out:wipe:left":'\n@keyframes wipe-out-left {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(0 100% 0 0);\n  }\n}\n\n[transition-style="out:wipe:left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-left both;\n}'.trim(),"out:wipe:up":'\n@keyframes wipe-out-up {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(0 0 100% 0);\n  }\n}\n\n[transition-style="out:wipe:up"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-up both;\n}'.trim(),"out:wipe:down":'\n@keyframes wipe-out-down {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n  to {\n    clip-path: inset(100% 0 0 0);\n  }\n}\n\n[transition-style="out:wipe:down"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-down both;\n}'.trim(),"out:wipe:top-right":'\n@keyframes wipe-out-top-right {\n  from {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n  to {\n    clip-path: polygon(50% -50%, 150% 50%, 150% 50%, 50% -50%);\n  }\n}\n\n[transition-style="out:wipe:top-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-top-right both;\n}'.trim(),"out:wipe:top-left":'\n@keyframes wipe-out-top-left {\n  from {\n    clip-path: polygon(-50% 0%, 200% 0, 0 200%, 0 -50%);\n  }\n  to {\n    clip-path: polygon(0 0, 0 0, 0 0, 0 50%);\n  }\n}\n\n[transition-style="out:wipe:top-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-top-left both;\n}'.trim(),"out:wipe:bottom-right":'\n@keyframes wipe-out-bottom-right {\n  from {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n  to {\n    clip-path: polygon(150% 50%, 150% 50%, 50% 150%, 50% 150%);\n  }\n}\n\n[transition-style="out:wipe:bottom-right"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe
1-out-bottom-right both;\n}'.trim(),"out:wipe:bottom-left":'\n@keyframes wipe-out-bottom-left {\n  from {\n    clip-path: polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%);\n  }\n  to {\n    clip-path: polygon(-50% 50%, 50% 150%, 50% 150%, -50% 50%);\n  }\n}\n\n[transition-style="out:wipe:bottom-left"] {\n  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-out-bottom-left both;\n}'.trim(),"in:diamond:center":'\n@keyframes diamond-in-center {\n  from {\n    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);\n  }\n  to {\n    clip-path: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);\n  }\n}\n\n[transition-style="in:diamond:center"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) diamond-in-center both;\n}'.trim(),"in:diamond:hesitate":'\n@keyframes diamond-in-hesitate {\n  0% {\n    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);\n  }\n  50% {\n    clip-path: polygon(45% 50%, 50% 25%, 55% 50%, 50% 75%);\n  }\n  100% {\n    clip-path: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);\n  }\n}\n\n[transition-style="in:diamond:hesitate"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) diamond-in-hesitate both;\n}'.trim(),"in:polygon:opposing-corners":'\n@keyframes polygon-in-opposing-corners {\n  from {\n    clip-path: polygon(0 0, 50% 50%, 100% 100%, 50% 50%);\n  }\n  to {\n    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\n  }\n}\n\n[transition-style="in:polygon:opposing-corners"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) polygon-in-opposing-corners both;\n}'.trim(),"out:diamond:center":'\n@keyframes diamond-out-center {\n  from {\n    clip-path: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);\n  }\n  to {\n    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);\n  }\n}\n\n[transition-style="out:diamond:center"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) diamond-out-center both;\n}'.trim(),"out:diamond:hesitate":'\n@keyframes diamond-out-hesitate {\n  0% {\n    clip-path: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);\n  }\n  50% {\n    clip-path: polygon(45% 50%, 50% 25%, 55% 50%, 50% 75%);\n  }\n  100% {\n    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);\n  }\n}\n\n[transition-style="out:diamond:hesitate"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) diamond-out-hesitate both;\n}'.trim(),"out:polygon:opposing-corners":'\n@keyframes polygon-out-opposing-corners {\n  from {\n    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\n  }\n  to {\n    clip-path: polygon(0 0, 50% 50%, 100% 100%, 50% 50%);\n  }\n}\n\n[transition-style="out:polygon:opposing-corners"] {\n  animation: 1.5s cubic-bezier(.25, 1, .30, 1) polygon-out-opposing-corners both;\n}'.trim(),"in:custom:circle-swoop":'\n@keyframes in-circle-swoop {\n  from {\n    clip-path: var(--circle-top-right-out);\n  }\n  to {\n    clip-path: var(--circle-bottom-right-in);\n  }\n}\n\n[transition-style="in:custom:circle-swoop"] {\n  --transition__duration: 5s;\n  animation-name: in-circle-swoop;\n}'.trim(),"out:custom:circle-swoop":'\n@keyframes out-circle-swoop {\n  from {\n    clip-path: var(--circle-bottom-right-in);\n  }\n  to {\n    clip-path: var(--circle-top-right-out);\n  }\n}\n\n[transition-style="out:custom:circle-swoop"] {\n  --transition__duration: 1.25s;\n  --transition__easing: cubic-bezier(.30, 1, .25, 1);\n  animation-name: out-circle-swoop;\n}'.trim(),"in:wipe:cinematic":'\n@keyframes wipe-cinematic-in {\n  0% {\n    clip-path: inset(100% 0 100% 0);\n  }\n  30%, 70% {\n    clip-path: inset(10% 0 10% 0);\n  }\n  100% {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n[transition-style="in:wipe:cinematic"] {\n   animation-name: wipe-cinematic-in;\n}'.trim(),"out:wipe:cinematic":'\n@keyframes wipe-cinematic-out {\n  0% {\n    clip-path: inset(0 0 0 0);\n  }\n  30%, 70% {\n    clip-path: inset(10% 0 10% 0);\n  }\n  100% {\n    clip-path: inset(100% 0 100% 0);\n  }\n}\n\n[transition-style="out:wipe:cinematic"] {\n  animation-name: wipe-cinematic-out;\n}'.trim()};function Mt(t,n,e){const i=t.slice();return i[18]=n[e],i}function Ct(t,n,e){const i=t.slice();return i[14]=n[e][0],i[15]=n[e][1],i}function St(t,n,e){const i=t.slice();return i[10]=n[e][0],i[11]=n[e][1],i}function Et(t,n,e){const i=t.slice();return i[21]=n[e],i}function Ht(t,n,e){const i=t.slice();return i[24]=n[e],i}function Ot(t,n,e){const i=t.slice();return i[18]=n[e],i}function Tt(t,n,e){const i=t.slice();return i[14]=n[e][0],i[15]=n[e][1],i}function jt(t,n,e){const i=t.slice();return i[10]=n[e][0],i[11]=n[e][1],i}function At(n){let e,i,o,r=n[18]+"";return{c(){e=v("option"),i=z(r),e.__value=o=n[18],e.value=e.__value},m(t,n){d(t,e,n),b(e,i)},p:t,d(t){t&&y(e)}}}function Lt(t){let n,e,i=t[15],o=[];for(let n=0;n<i.length;n+=1)o[n]=At(Ot(t,i,n));return{c(){n=v("optgroup");for(let t=0;t<o.length;t+=1)o[t].c();q(n,"label",e=t[10]+" "+t[14])},m(t,e){d(t,n,e);for(let t=0;t<o.length;t+=1)o[t].m(n,null)},p(t,e){if(0&e){let r;for(i=t[15],r=0;r<i.length;r+=1){const s=Ot(t,i,r);o[r]?o[r].p(s,e):(o[r]=At(s),o[r].c(),o[r].m(n,null))}for(;r<o.length;r+=1)o[r].d(1);o.length=i.length}},d(t){t&&y(n),w(o,t)}}}function Bt(t){let n,e=Object.entries(t[11]),i=[];for(let n=0;n<e.length;n+=1)i[n]=Lt(Tt(t,e,n));return{c(){for(let t=0;t<i.length;t+=1)i[t].c();n=x()},m(t,e){for(let n=0;n<i.length;n+=1)i[n].m(t,e);d(t,n,e)},p(t,o){if(0&o){let r;for(e=Object.entries(t[11]),r=0;r<e.length;r+=1){const s=Tt(t,e,r);i[r]?i[r].p(s,o):(i[r]=Lt(s),i[r].c(),i[r].m(n.parentNode,n))}for(;r<i.length;r+=1)i[r].d(1);i.length=e.length}},d(t){w(i,t),t&&y(n)}}}function Nt(n){let e,i,o,r;return{c(){e=v("option"),i=z(n[24]),o=z("s"),e.__value=r=n[24],e.value=e.__value},m(t,n){d(t,e,n),b(e,i),b(e,o)},p:t,d(t){t&&y(e)}}}function Pt(n){let e,i,o,r=n[21]+"";return{c(){e=v("option"),i=z(r),e.__value=o=n[21],e.value=e.__value},m(t,n){d(t,e,n),b(e,i)},p:t,d(t){t&&y(e)}}}function Vt(n){let e,i,o,r,s,c,l,a=n[18]+"";return{c(){e=v("dd"),i=v("a"),o=z(a),q(i,"href",r="#"+n[18]),q(i,"title","Click to copy CSS!"),q(i,"class","svelte-xlaw9s"),q(e,"selected",s=n[18]===dt),q(e,"class","svelte-xlaw9s")},m(t,r){d(t,e,r),b(e,i),b(i,o),c||(l=$(i,"click",n[4]),c=!0)},p:t,d(t){t&&y(e),c=!1,l()}}}function Dt(t){let n,e,i,o=t[14]+"",r=t[15],s=[];for(let n=0;n<r.length;n+=1)s[n]=Vt(Mt(t,r,n));return{c(){n=v("dt"),e=z(o);for(let t=0;t<s.length;t+=1)s[t].c();i=x(),q(n,"class","svelte-xlaw9s")},m(t,o){d(t,n,o),b(n,e);for(let n=0;n<s.length;n+=1)s[n].m(t,o);d(t,i,o)},p(t,n){if(16&n[0]){let e;for(r=t[15],e=0;e<r.length;e+=1){const o=Mt(t,r,e);s[e]?s[e].p(o,n):(s[e]=Vt(o),s[e].c(),s[e].m(i.parentNode,i))}for(;e<s.length;e+=1)s[e].d(1);s.length=r.length}},d(t){t&&y(n),w(s,t),t&&y(i)}}}function Rt(t){let n,e,i,o,r=t[10]+"",s=Object.entries(t[11]),c=[];for(let n=0;n<s.length;n+=1)c[n]=Dt(Ct(t,s,n));return{c(){n=v("h3"),e=z(r),i=_(),o=v("dl");for(let t=0;t<c.length;t+=1)c[t].c();q(n,"class","svelte-xlaw9s"),q(o,"class","svelte-xlaw9s")},m(t,r){d(t,n,r),b(n,e),d(t,i,r),d(t,o,r);for(let t=0;t<c.length;t+=1)c[t].m(o,null)},p(t,n){if(16&n[0]){let e;for(s=Object.entries(t[11]),e=0;e<s.length;e+=1){const i=Ct(t,s,e);c[e]?c[e].p(i,n):(c[e]=Dt(i),c[e].c(),c[e].m(o,null))}for(;e<c.length;e+=1)c[e].d(1);c.length=s.length}},d(t){t&&y(n),t&&y(i),t&&y(o),w(c,t)}}}function Ft(t){let n,e,i,r,s,c,l,a,p,u,h,m,f,g,x,M,S,E,H,O,T,j,A,L,B,N,P,V,D,F,G,I,J,K,Q,U,W,X,tt,ot,rt,st=Object.entries($t),lt=[];for(let n=0;n<st.length;n+=1)lt[n]=Bt(jt(t,st,n));let at=[.5,.75,1,1.5,2,2.5,3,4,5,6,7,10],pt=[];for(let n=0;n<12;n+=1)pt[n]=Nt(Ht(t,at,n));let ut=t[3],ht=[];for(let n=0;n<ut.length;n+=1)ht[n]=Pt(Et(t,ut,n));let mt=Object.entries($t),ft=[];for(let n=0;n<mt.length;n+=1)ft[n]=Rt(St(t,mt,n));return X=new xt({}),{c(){n=v("select");for(let t=0;t<lt.length;t+=1)lt[t].c();e=_(),i=v("nav"),r=v("a"),r.textContent="Get Started",s=_(),c=v("a"),c.innerHTML='<img loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1">',l=_(),a=v("h3"),a.textContent="Settings",p=_(),u=v("h4"),u.textContent="--transition__duration:",h=_(),m=v("div"),f=v("select");for(let t=0;t<12;t+=1)pt[t].c();g=_(),x=v("h4"),x.textContent="--transition__easing:",M=_(),S=v("div"),E=v("select");for(let t=0;t<ht.length;t+=1)ht[t].c();H=_();for(let t=0;t<ft.length;t+=1)ft[t].c();O=_(),T=v("div"),j=v("a"),A=k("svg"),L=_(),B=v("div"),N=v("a"),P=z("Documentation\n      "),V=k("svg"),D=_(),F=v("a"),G=z("Suggest a transition\n      "),I=k("svg"),J=_(),K=v("a"),Q=z("Contribute\n      "),U=k("svg"),W=_(),nt(X.$$.fragment),q(n,"class","mobile-only svelte-xlaw9s"),void 0===t[0]&&R(()=>t[5].call(n)),q(r,"class","getting-started svelte-xlaw9s"),q(r,"href","https://github.com/argyleink/transition.css#basics"),q(c,"class","fork-on-github svelte-xlaw9s"),q(c,"href","https://github.com/argyleink/transition.css"),q(a,"class","svelte-xlaw9s"),q(u,"class","svelte-xlaw9s"),q(f,"class","svelte-xlaw9s"),void 0===t[1]&&R(()=>t[6].call(f)),q(m,"class","svelte-xlaw9s"),q(x,"class","svelte-xlaw9s"),q(E,"class","svelte-xlaw9s"),void 0===t[2]&&R(()=>t[7].call(E)),q(S,"class","svelte-xlaw9s"),q(A,"viewBox","0 0 512 512"),q(A,"class","svelte-xlaw9s"),q(j,"href","https://github.com/argyleink/transition.css"),q(j,"class","svelte-xlaw9s"),q(T,"class","icon-break svelte-xlaw9s"),q(V,"viewBox","0 0 20 20"),q(V,"class","svelte-xlaw9s"),q(N,"href","https://github.com/argyleink/transition.css#custom"),q(N,"class","svelte-xlaw9s"),q(I,"viewBox","0 0 20 20"),q(I,"class","svelte-xlaw9s"),q(F,"href","https://github.com/argyleink/transition.css/issues/new"),q(F,"class","svelte-xlaw9s"),q(U,"viewBox","0 0 20 20"),q(U,"class","svelte-xlaw9s"),q(K,"href","https://github.com/argyleink/transition.css"),q(K,"class","svelte-xlaw9s"),q(B,"class","sticky-links svelte-xlaw9s"),q(i,"class","svelte-xlaw9s")},m(o,y){d(o,n,y);for(let t=0;t<lt.length;t+=1)lt[t].m(n,null);C(n,t[0]),d(o,e,y),d(o,i,y),b(i,r),b(i,s),b(i,c),b(i,l),b(i,a),b(i,p),b(i,u),b(i,h),b(i,m),b(m,f);for(let t=0;t<12;t+=1)pt[t].m(f,null);C(f,t[1]),b(i,g),b(i,x),b(i,M),b(i,S),b(S,E);for(let t=0;t<ht.length;t+=1)ht[t].m(E,null);C(E,t[2]),b(i,H);for(let t=0;t<ft.length;t+=1)ft[t].m(i,null);b(i,O),b(i,T),b(T,j),b(j,A),A.innerHTML=ct,b(i,L),b(i,B),b(B,N),b(N,P),b(N,V),V.innerHTML='\n  <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd" />\n',b(B,D),b(B,F),b(F,G),b(F,I),I.innerHTML='\n  <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />\n',b(B,J),b(B,K),b(K,Q),b(K,U),U.innerHTML='\n  <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 
10 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" />\n',b(i,W),et(X,i,null),tt=!0,ot||(rt=[$(n,"change",t[5]),$(f,"change",t[6]),$(E,"change",t[7])],ot=!0)},p(t,e){if(0&e){let i;for(st=Object.entries($t),i=0;i<st.length;i+=1){const o=jt(t,st,i);lt[i]?lt[i].p(o,e):(lt[i]=Bt(o),lt[i].c(),lt[i].m(n,null))}for(;i<lt.length;i+=1)lt[i].d(1);lt.length=st.length}if(1&e[0]&&C(n,t[0]),2&e[0]&&C(f,t[1]),8&e[0]){let n;for(ut=t[3],n=0;n<ut.length;n+=1){const i=Et(t,ut,n);ht[n]?ht[n].p(i,e):(ht[n]=Pt(i),ht[n].c(),ht[n].m(E,null))}for(;n<ht.length;n+=1)ht[n].d(1);ht.length=ut.length}if(12&e[0]&&C(E,t[2]),16&e[0]){let n;for(mt=Object.entries($t),n=0;n<mt.length;n+=1){const o=St(t,mt,n);ft[n]?ft[n].p(o,e):(ft[n]=Rt(o),ft[n].c(),ft[n].m(i,O))}for(;n<ft.length;n+=1)ft[n].d(1);ft.length=mt.length}},i(t){tt||(Y(X.$$.fragment,t),tt=!0)},o(t){Z(X.$$.fragment,t),tt=!1},d(t){t&&y(n),w(lt,t),t&&y(e),t&&y(i),w(pt,t),w(ht,t),w(ft,t),it(X),ot=!1,o(rt)}}}function Gt(t,n,e){let i,o,r,s;c(t,dt,t=>e(0,i=t)),c(t,vt,t=>e(8,o=t)),c(t,yt,t=>e(1,r=t)),c(t,wt,t=>e(2,s=t));const l=["ease-in","ease-out","ease-in-out","linear","cubic-bezier(.25, 1, .30, 1)"];return[i,r,s,l,function(t){const n=t.currentTarget;a(dt,i=""),a(vt,o.showing=!1,o),requestAnimationFrame(()=>{a(dt,i=n.textContent),navigator.clipboard&&(!async function(t){try{navigator.clipboard.writeText(qt[t])}catch(t){return Promise.reject(t)}}(n.textContent),a(vt,o.showing=!0,o),a(vt,o.y=n.parentElement.offsetTop-35,o))})},function(){i=S(this),dt.set(i)},function(){r=S(this),yt.set(r)},function(){s=S(this),wt.set(s),e(3,l)}]}class It extends st{constructor(t){super(),rt(this,t,Gt,Ft,s,{},[-1,-1])}}function Jt(t){let n,e,i,r,s,c,l,a,p,u,h;return i=new pt({props:{backdrop:"true"}}),c=new pt({}),a=new It({}),{c(){n=v("main"),e=v("section"),nt(i.$$.fragment),r=_(),s=v("section"),nt(c.$$.fragment),l=_(),nt(a.$$.fragment),q(e,"class","backdrop svelte-hztin1"),q(s,"transition-style",t[0]),M(s,"--transition__duration",2.5===t[1]?"":t[1]+"s"),M(s,"--transition__easing","cubic-bezier(.25, 1, .30, 1)"===t[2]?"":t[2]),q(s,"class","svelte-hztin1"),q(n,"class","svelte-hztin1")},m(o,m){d(o,n,m),b(n,e),et(i,e,null),b(n,r),b(n,s),et(c,s,null),b(n,l),et(a,n,null),p=!0,u||(h=[$(e,"click",t[4]),$(s,"click",t[4])],u=!0)},p(t,[n]){(!p||1&n)&&q(s,"transition-style",t[0]),(!p||2&n)&&M(s,"--transition__duration",2.5===t[1]?"":t[1]+"s"),(!p||4&n)&&M(s,"--transition__easing","cubic-bezier(.25, 1, .30, 1)"===t[2]?"":t[2])},i(t){p||(Y(i.$$.fragment,t),Y(c.$$.fragment,t),Y(a.$$.fragment,t),p=!0)},o(t){Z(i.$$.fragment,t),Z(c.$$.fragment,t),Z(a.$$.fragment,t),p=!1},d(t){t&&y(n),it(i),it(c),it(a),u=!1,o(h)}}}function Kt(t,n,e){let i,o;c(t,yt,t=>e(1,i=t));let r=dt,s=wt;return c(t,s,t=>e(2,o=t)),dt.subscribe(t=>{e(0,r=t)}),[r,i,o,s,function(){e(0,r=r.includes("out")?r.replace("out","in"):r.replace("in","out"))}]}return new class extends st{constructor(t){super(),rt(this,t,Kt,Jt,s,{})}}({target:document.body})}();
2//# sourceMappingURL=bundle.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.