From a560ad1e2653e01cebfdd8ac950748223e954149 Mon Sep 17 00:00:00 2001 From: 7PH Date: Fri, 31 May 2024 00:01:52 +0200 Subject: [PATCH] Publish v2.3.3 --- dist/powerglitch.min.js | 2 +- docs/api-docs/functions/mergeOptions.html | 2 +- docs/api-docs/types/GlitchPartialOptions.html | 2 +- docs/api-docs/types/GlitchResult.html | 2 +- docs/api-docs/types/GlitchableElement.html | 2 +- docs/api-docs/types/LayerDefinition.html | 2 +- docs/api-docs/types/PlayModes.html | 2 +- docs/api-docs/types/PowerGlitchOptions.html | 2 +- docs/api-docs/types/RecursivePartial.html | 2 +- docs/api-docs/variables/PowerGlitch.html | 2 +- docs/assets/{index-2d680928.js => index-a2d2f84a.js} | 2 +- docs/index.html | 2 +- package-lock.json | 4 ++-- package.json | 2 +- 14 files changed, 15 insertions(+), 15 deletions(-) rename docs/assets/{index-2d680928.js => index-a2d2f84a.js} (97%) diff --git a/dist/powerglitch.min.js b/dist/powerglitch.min.js index 08e0443..be9e76e 100644 --- a/dist/powerglitch.min.js +++ b/dist/powerglitch.min.js @@ -1 +1 @@ -(function(g){"use strict";var _=Object.defineProperty,$=Object.defineProperties,C=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,y=(t,e,n)=>e in t?_(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,d=(t,e)=>{for(var n in e||(e={}))P.call(e,n)&&y(t,n,e[n]);if(p)for(var n of p(e))G.call(e,n)&&y(t,n,e[n]);return t},M=(t,e)=>$(t,C(e));const v=(t="always")=>({playMode:t,createContainers:!0,hideOverflow:!1,timing:t==="always"?{duration:2*1e3,iterations:1/0}:{duration:250,iterations:1},glitchTimeSpan:t==="always"?{start:.5,end:.7}:{start:0,end:1},shake:{velocity:15,amplitudeX:.2,amplitudeY:.2},slice:t==="click"?{count:15,velocity:20,minHeight:.02,maxHeight:.15,hueRotate:!0}:{count:6,velocity:15,minHeight:.02,maxHeight:.15,hueRotate:!0},pulse:!1}),w=(t,e)=>{if(!t.glitchTimeSpan)return 1;const n=t.glitchTimeSpan.start,r=t.glitchTimeSpan.end;if(er)return 0;const a=n+(r-n)/2;return e(Math.random()-.5)*2*w(t,e),O=({minHeight:t,maxHeight:e,minWidth:n,maxWidth:r})=>{const a=Math.floor(Math.random()*((e-t)*100+1))+t*100,s=Math.floor(Math.random()*((r-n)*100+1))+n*100,i=Math.floor(Math.random()*(100-a)),c=Math.floor(Math.random()*(100-s)),h=`${c+s}% ${i}%`,l=`${c+s}% ${i+a}%`,o=`${c}% ${i+a}%`,f=`${c}% ${i}%`;return`polygon(${h},${l},${o},${f})`},b=t=>{const e=Math.floor(t.slice.velocity*t.timing.duration/1e3)+1,n=[];for(let r=0;rt.pulse?{steps:[{transform:"scale(1)",opacity:"1"},{transform:`scale(${t.pulse.scale})`,opacity:"0"}],timing:M(d({},t.timing),{delay:(t.glitchTimeSpan?t.glitchTimeSpan.start:0)*t.timing.duration,easing:"ease-in-out"})}:null,L=t=>{if(!t.shake)return{steps:[],timing:{}};const e=Math.floor(t.shake.velocity*t.timing.duration/1e3)+1,n=[];for(let r=0;r[L(t),A(t),...Array.from({length:t.slice.count}).map(()=>b(t))].filter(e=>e!==null),m=(...t)=>{const e=n=>n&&typeof n=="object";return t.reduce((n,r)=>(Object.keys(r).forEach(a=>{e(n[a])&&e(r[a])?n[a]=m(n[a],r[a]):r[a]!==void 0&&(n[a]=r[a])}),n),{})},H=(t,e)=>{var n,r;if(!e.createContainers)return{container:t,layersContainer:t,glitched:t.firstElementChild};if(!t.dataset.glitched){const i=document.createElement("div"),c=document.createElement("div");return getComputedStyle(t).getPropertyValue("display").match(/^inline/)&&(c.style.display="inline-block"),c.appendChild(i),(n=t.parentElement)==null||n.insertBefore(c,t),i.prepend(t),{container:c,layersContainer:i,glitched:t}}const a=t.parentElement,s=(r=t.parentElement)==null?void 0:r.parentElement;for(;a.children.length>1;)a.removeChild(a.children[1]);return a.firstElementChild.getAnimations().forEach(i=>i.cancel()),{container:s,layersContainer:a,glitched:t}},R=(t,e,n)=>{const{glitched:r,container:a,layersContainer:s}=H(t,n);s.style.display="grid",n.hideOverflow&&(a.style.overflow="hidden"),n.html&&(r.innerHTML=n.html),r.style.gridArea="1/1/-1/-1";const i=r.cloneNode(!0);i.style.gridArea="1/1/-1/-1",i.style.userSelect="none",i.style.pointerEvents="none",i.style.opacity="0";for(let l=0;l{e.forEach((l,o)=>{s.children[o].animate(l.steps,l.timing)})},h=()=>{e.forEach((l,o)=>{s.children[o].getAnimations().forEach(f=>{f.cancel()})})};switch(a.onmouseenter=null,a.onmouseleave=null,a.onclick=null,n.playMode){case"always":c();break;case"hover":a.onmouseenter=c,a.onmouseleave=h;break;case"click":a.onclick=()=>{h(),c()};break}return t.dataset.glitched="1",{container:a,startGlitch:c,stopGlitch:h}},T={glitch:(t=".powerglitch",e={})=>{const n=m(v(e.playMode),e);let r=[];typeof t=="string"?r=Array.from(document.querySelectorAll(t)):t instanceof NodeList?r=Array.from(t):Array.isArray(t)?r=t:t instanceof HTMLElement&&(r=[t]);const a=E(n),s=r.map(i=>R(i,a,n));return{containers:s.map(i=>i.container),startGlitch:()=>s.forEach(i=>i.startGlitch()),stopGlitch:()=>s.forEach(i=>i.stopGlitch())}},generateLayers:E,getDefaultOptions:v};g.PowerGlitch=T,g.mergeOptions=m})(this.window=this.window||{}); +(function(g){"use strict";var _=Object.defineProperty,$=Object.defineProperties,C=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,p=(t,e,r)=>e in t?_(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,d=(t,e)=>{for(var r in e||(e={}))P.call(e,r)&&p(t,r,e[r]);if(y)for(var r of y(e))G.call(e,r)&&p(t,r,e[r]);return t},M=(t,e)=>$(t,C(e));const v=(t="always")=>({playMode:t,createContainers:!0,hideOverflow:!1,timing:t==="always"?{duration:2*1e3,iterations:1/0}:{duration:250,iterations:1},glitchTimeSpan:t==="always"?{start:.5,end:.7}:{start:0,end:1},shake:{velocity:15,amplitudeX:.2,amplitudeY:.2},slice:t==="click"?{count:15,velocity:20,minHeight:.02,maxHeight:.15,hueRotate:!0}:{count:6,velocity:15,minHeight:.02,maxHeight:.15,hueRotate:!0},pulse:!1}),w=(t,e)=>{if(!t.glitchTimeSpan)return 1;const r=t.glitchTimeSpan.start,n=t.glitchTimeSpan.end;if(en)return 0;const a=r+(n-r)/2;return e(Math.random()-.5)*2*w(t,e),O=({minHeight:t,maxHeight:e,minWidth:r,maxWidth:n})=>{const a=Math.floor(Math.random()*((e-t)*100+1))+t*100,s=Math.floor(Math.random()*((n-r)*100+1))+r*100,i=Math.floor(Math.random()*(100-a)),c=Math.floor(Math.random()*(100-s)),h=`${c+s}% ${i}%`,l=`${c+s}% ${i+a}%`,o=`${c}% ${i+a}%`,m=`${c}% ${i}%`;return`polygon(${h},${l},${o},${m})`},b=t=>{const e=Math.floor(t.slice.velocity*t.timing.duration/1e3)+1,r=[];for(let n=0;nt.pulse?{steps:[{transform:"scale(1)",opacity:"1"},{transform:`scale(${t.pulse.scale})`,opacity:"0"}],timing:M(d({},t.timing),{delay:(t.glitchTimeSpan?t.glitchTimeSpan.start:0)*t.timing.duration,easing:"ease-in-out"})}:null,L=t=>{if(!t.shake)return{steps:[],timing:{}};const e=Math.floor(t.shake.velocity*t.timing.duration/1e3)+1,r=[];for(let n=0;n[L(t),A(t),...Array.from({length:t.slice.count}).map(()=>b(t))].filter(e=>e!==null),f=(...t)=>{const e=r=>r&&typeof r=="object";return t.reduce((r,n)=>(Object.keys(n).forEach(a=>{e(r[a])&&e(n[a])?r[a]=f(r[a],n[a]):n[a]!==void 0&&(r[a]=n[a])}),r),{})},H=(t,e)=>{var r,n;if(!e.createContainers)return{container:t,layersContainer:t,glitched:t.firstElementChild};if(!t.dataset.glitched){const i=document.createElement("div"),c=document.createElement("div");return getComputedStyle(t).getPropertyValue("display").match(/^inline/)&&(c.style.display="inline-block"),c.appendChild(i),(r=t.parentElement)==null||r.insertBefore(c,t),i.prepend(t),{container:c,layersContainer:i,glitched:t}}const a=t.parentElement,s=(n=t.parentElement)==null?void 0:n.parentElement;for(;a.children.length>1;)a.removeChild(a.children[1]);return a.firstElementChild.getAnimations().forEach(i=>i.cancel()),{container:s,layersContainer:a,glitched:t}},R=(t,e,r)=>{const{glitched:n,container:a,layersContainer:s}=H(t,r);s.style.display="grid",r.hideOverflow&&(a.style.overflow="hidden"),r.html&&(n.innerHTML=r.html),n.style.gridArea="1/1/-1/-1";const i=n.cloneNode(!0);i.dataset.islayer="true",i.style.gridArea="1/1/-1/-1",i.style.userSelect="none",i.style.pointerEvents="none",i.style.opacity="0";for(let l=0;l{e.forEach((l,o)=>{s.children[o].animate(l.steps,l.timing)})},h=()=>{e.forEach((l,o)=>{s.children[o].getAnimations().forEach(m=>{m.cancel()})})};switch(a.onmouseenter=null,a.onmouseleave=null,a.onclick=null,r.playMode){case"always":c();break;case"hover":a.onmouseenter=c,a.onmouseleave=h;break;case"click":a.onclick=()=>{h(),c()};break}return t.dataset.glitched="1",{container:a,startGlitch:c,stopGlitch:h}},T={glitch:(t=".powerglitch",e={})=>{const r=f(v(e.playMode),e);let n=[];typeof t=="string"?n=Array.from(document.querySelectorAll(t)):t instanceof NodeList?n=Array.from(t):Array.isArray(t)?n=t:t instanceof HTMLElement&&(n=[t]);const a=E(r),s=n.filter(i=>!i.dataset.islayer).map(i=>R(i,a,r));return{containers:s.map(i=>i.container),startGlitch:()=>s.forEach(i=>i.startGlitch()),stopGlitch:()=>s.forEach(i=>i.stopGlitch())}},generateLayers:E,getDefaultOptions:v};g.PowerGlitch=T,g.mergeOptions=f})(this.window=this.window||{}); diff --git a/docs/api-docs/functions/mergeOptions.html b/docs/api-docs/functions/mergeOptions.html index d230db3..8dd253e 100644 --- a/docs/api-docs/functions/mergeOptions.html +++ b/docs/api-docs/functions/mergeOptions.html @@ -33,7 +33,7 @@
Rest Returns any
+
  • Defined in index.ts:348
    • diff --git a/docs/api-docs/types/GlitchPartialOptions.html b/docs/api-docs/types/GlitchPartialOptions.html index e495b6d..95a6a87 100644 --- a/docs/api-docs/types/GlitchPartialOptions.html +++ b/docs/api-docs/types/GlitchPartialOptions.html @@ -19,7 +19,7 @@

    Type alias GlitchPartialOptions

    Options given to the glitch method

    +
  • Defined in index.ts:515
    • diff --git a/docs/api-docs/types/GlitchResult.html b/docs/api-docs/types/GlitchResult.html index da4f21d..13ce764 100644 --- a/docs/api-docs/types/GlitchResult.html +++ b/docs/api-docs/types/GlitchResult.html @@ -46,7 +46,7 @@
    stopGlitch: Returns void
    +
  • Defined in index.ts:525
    • diff --git a/docs/api-docs/types/GlitchableElement.html b/docs/api-docs/types/GlitchableElement.html index ceeda97..f1ae329 100644 --- a/docs/api-docs/types/GlitchableElement.html +++ b/docs/api-docs/types/GlitchableElement.html @@ -19,7 +19,7 @@

    Type alias GlitchableElement

    Specifies what to glitch. Query selector, html element, list of html elements or NodeList.

    +
  • Defined in index.ts:520
    • diff --git a/docs/api-docs/types/LayerDefinition.html b/docs/api-docs/types/LayerDefinition.html index aa1d78f..b862c2e 100644 --- a/docs/api-docs/types/LayerDefinition.html +++ b/docs/api-docs/types/LayerDefinition.html @@ -31,7 +31,7 @@
    timing: https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#parameters

    +
  • Defined in index.ts:155
    • diff --git a/docs/api-docs/types/PlayModes.html b/docs/api-docs/types/PlayModes.html index 7e312f7..9647d9e 100644 --- a/docs/api-docs/types/PlayModes.html +++ b/docs/api-docs/types/PlayModes.html @@ -26,7 +26,7 @@

    Remarks

    +
  • Defined in index.ts:9
    • diff --git a/docs/api-docs/types/PowerGlitchOptions.html b/docs/api-docs/types/PowerGlitchOptions.html index f48b3cf..d50b7c1 100644 --- a/docs/api-docs/types/PowerGlitchOptions.html +++ b/docs/api-docs/types/PowerGlitchOptions.html @@ -114,7 +114,7 @@
    pulse:

    Pulse layer adds a pulsing effect to the glitch.

    +
  • Defined in index.ts:14
    • diff --git a/docs/api-docs/types/RecursivePartial.html b/docs/api-docs/types/RecursivePartial.html index 6b41ff1..efce1d4 100644 --- a/docs/api-docs/types/RecursivePartial.html +++ b/docs/api-docs/types/RecursivePartial.html @@ -24,7 +24,7 @@

    Type Parameters

  • T

    • +
  • Defined in index.ts:508
    • diff --git a/docs/api-docs/variables/PowerGlitch.html b/docs/api-docs/variables/PowerGlitch.html index dfcbb85..3cbc6ca 100644 --- a/docs/api-docs/variables/PowerGlitch.html +++ b/docs/api-docs/variables/PowerGlitch.html @@ -71,7 +71,7 @@

    Parameters

    playMode: PlayModes = 'always'

    Returns PowerGlitchOptions

    +
  • Defined in index.ts:589
    • diff --git a/docs/assets/index-2d680928.js b/docs/assets/index-a2d2f84a.js similarity index 97% rename from docs/assets/index-2d680928.js rename to docs/assets/index-a2d2f84a.js index 31a7b88..bba8190 100644 --- a/docs/assets/index-2d680928.js +++ b/docs/assets/index-a2d2f84a.js @@ -764,7 +764,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),Le=G,we=V),X===void 0& * vue-router v4.1.6 * (c) 2022 Eduardo San Martin Morote * @license MIT - */const bi=typeof window<"u";function qS(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const We=Object.assign;function Zl(e,n){const i={};for(const a in n){const s=n[a];i[a]=Sn(s)?s.map(e):e(s)}return i}const ma=()=>{},Sn=Array.isArray,XS=/\/$/,ZS=e=>e.replace(XS,"");function Ql(e,n,i="/"){let a,s={},l="",c="";const f=n.indexOf("#");let d=n.indexOf("?");return f=0&&(d=-1),d>-1&&(a=n.slice(0,d),l=n.slice(d+1,f>-1?f:n.length),s=e(l)),f>-1&&(a=a||n.slice(0,f),c=n.slice(f,n.length)),a=tR(a??n,i),{fullPath:a+(l&&"?")+l+c,path:a,query:s,hash:c}}function QS(e,n){const i=n.query?e(n.query):"";return n.path+(i&&"?")+i+(n.hash||"")}function lp(e,n){return!n||!e.toLowerCase().startsWith(n.toLowerCase())?e:e.slice(n.length)||"/"}function JS(e,n,i){const a=n.matched.length-1,s=i.matched.length-1;return a>-1&&a===s&&Mi(n.matched[a],i.matched[s])&&pm(n.params,i.params)&&e(n.query)===e(i.query)&&n.hash===i.hash}function Mi(e,n){return(e.aliasOf||e)===(n.aliasOf||n)}function pm(e,n){if(Object.keys(e).length!==Object.keys(n).length)return!1;for(const i in e)if(!eR(e[i],n[i]))return!1;return!0}function eR(e,n){return Sn(e)?up(e,n):Sn(n)?up(n,e):e===n}function up(e,n){return Sn(n)?e.length===n.length&&e.every((i,a)=>i===n[a]):e.length===1&&e[0]===n}function tR(e,n){if(e.startsWith("/"))return e;if(!e)return n;const i=n.split("/"),a=e.split("/");let s=i.length-1,l,c;for(l=0;l1&&s--;else break;return i.slice(0,s).join("/")+"/"+a.slice(l-(l===a.length?1:0)).join("/")}var Ma;(function(e){e.pop="pop",e.push="push"})(Ma||(Ma={}));var va;(function(e){e.back="back",e.forward="forward",e.unknown=""})(va||(va={}));function nR(e){if(!e)if(bi){const n=document.querySelector("base");e=n&&n.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),ZS(e)}const rR=/^[^#]+#/;function iR(e,n){return e.replace(rR,"#")+n}function aR(e,n){const i=document.documentElement.getBoundingClientRect(),a=e.getBoundingClientRect();return{behavior:n.behavior,left:a.left-i.left-(n.left||0),top:a.top-i.top-(n.top||0)}}const Rs=()=>({left:window.pageXOffset,top:window.pageYOffset});function oR(e){let n;if("el"in e){const i=e.el,a=typeof i=="string"&&i.startsWith("#"),s=typeof i=="string"?a?document.getElementById(i.slice(1)):document.querySelector(i):i;if(!s)return;n=aR(s,e)}else n=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(n):window.scrollTo(n.left!=null?n.left:window.pageXOffset,n.top!=null?n.top:window.pageYOffset)}function cp(e,n){return(history.state?history.state.position-n:-1)+e}const Cu=new Map;function sR(e,n){Cu.set(e,n)}function lR(e){const n=Cu.get(e);return Cu.delete(e),n}let uR=()=>location.protocol+"//"+location.host;function gm(e,n){const{pathname:i,search:a,hash:s}=n,l=e.indexOf("#");if(l>-1){let f=s.includes(e.slice(l))?e.slice(l).length:1,d=s.slice(f);return d[0]!=="/"&&(d="/"+d),lp(d,"")}return lp(i,e)+a+s}function cR(e,n,i,a){let s=[],l=[],c=null;const f=({state:A})=>{const R=gm(e,location),Y=i.value,q=n.value;let ne=0;if(A){if(i.value=R,n.value=A,c&&c===Y){c=null;return}ne=q?A.position-q.position:0}else a(R);s.forEach(T=>{T(i.value,Y,{delta:ne,type:Ma.pop,direction:ne?ne>0?va.forward:va.back:va.unknown})})};function d(){c=i.value}function v(A){s.push(A);const R=()=>{const Y=s.indexOf(A);Y>-1&&s.splice(Y,1)};return l.push(R),R}function p(){const{history:A}=window;A.state&&A.replaceState(We({},A.state,{scroll:Rs()}),"")}function _(){for(const A of l)A();l=[],window.removeEventListener("popstate",f),window.removeEventListener("beforeunload",p)}return window.addEventListener("popstate",f),window.addEventListener("beforeunload",p),{pauseListeners:d,listen:v,destroy:_}}function fp(e,n,i,a=!1,s=!1){return{back:e,current:n,forward:i,replaced:a,position:window.history.length,scroll:s?Rs():null}}function fR(e){const{history:n,location:i}=window,a={value:gm(e,i)},s={value:n.state};s.value||l(a.value,{back:null,current:a.value,forward:null,position:n.length-1,replaced:!0,scroll:null},!0);function l(d,v,p){const _=e.indexOf("#"),A=_>-1?(i.host&&document.querySelector("base")?e:e.slice(_))+d:uR()+e+d;try{n[p?"replaceState":"pushState"](v,"",A),s.value=v}catch(R){console.error(R),i[p?"replace":"assign"](A)}}function c(d,v){const p=We({},n.state,fp(s.value.back,d,s.value.forward,!0),v,{position:s.value.position});l(d,p,!0),a.value=d}function f(d,v){const p=We({},s.value,n.state,{forward:d,scroll:Rs()});l(p.current,p,!0);const _=We({},fp(a.value,d,null),{position:p.position+1},v);l(d,_,!1),a.value=d}return{location:a,state:s,push:f,replace:c}}function dR(e){e=nR(e);const n=fR(e),i=cR(e,n.state,n.location,n.replace);function a(l,c=!0){c||i.pauseListeners(),history.go(l)}const s=We({location:"",base:e,go:a,createHref:iR.bind(null,e)},n,i);return Object.defineProperty(s,"location",{enumerable:!0,get:()=>n.location.value}),Object.defineProperty(s,"state",{enumerable:!0,get:()=>n.state.value}),s}function hR(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),dR(e)}function pR(e){return typeof e=="string"||e&&typeof e=="object"}function mm(e){return typeof e=="string"||typeof e=="symbol"}const hr={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},vm=Symbol("");var dp;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(dp||(dp={}));function Ni(e,n){return We(new Error,{type:e,[vm]:!0},n)}function Vn(e,n){return e instanceof Error&&vm in e&&(n==null||!!(e.type&n))}const hp="[^/]+?",gR={sensitive:!1,strict:!1,start:!0,end:!0},mR=/[.+*?^${}()[\]/\\]/g;function vR(e,n){const i=We({},gR,n),a=[];let s=i.start?"^":"";const l=[];for(const v of e){const p=v.length?[]:[90];i.strict&&!v.length&&(s+="/");for(let _=0;_n.length?n.length===1&&n[0]===40+40?1:-1:0}function _R(e,n){let i=0;const a=e.score,s=n.score;for(;i0&&n[n.length-1]<0}const yR={type:0,value:""},wR=/[a-zA-Z0-9_]/;function xR(e){if(!e)return[[]];if(e==="/")return[[yR]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function n(R){throw new Error(`ERR (${i})/"${v}": ${R}`)}let i=0,a=i;const s=[];let l;function c(){l&&s.push(l),l=[]}let f=0,d,v="",p="";function _(){v&&(i===0?l.push({type:0,value:v}):i===1||i===2||i===3?(l.length>1&&(d==="*"||d==="+")&&n(`A repeatable param (${v}) must be alone in its segment. eg: '/:ids+.`),l.push({type:1,value:v,regexp:p,repeatable:d==="*"||d==="+",optional:d==="*"||d==="?"})):n("Invalid state to consume buffer"),v="")}function A(){v+=d}for(;f{c(z)}:ma}function c(p){if(mm(p)){const _=a.get(p);_&&(a.delete(p),i.splice(i.indexOf(_),1),_.children.forEach(c),_.alias.forEach(c))}else{const _=i.indexOf(p);_>-1&&(i.splice(_,1),p.record.name&&a.delete(p.record.name),p.children.forEach(c),p.alias.forEach(c))}}function f(){return i}function d(p){let _=0;for(;_=0&&(p.record.path!==i[_].record.path||!bm(p,i[_]));)_++;i.splice(_,0,p),p.record.name&&!mp(p)&&a.set(p.record.name,p)}function v(p,_){let A,R={},Y,q;if("name"in p&&p.name){if(A=a.get(p.name),!A)throw Ni(1,{location:p});q=A.record.name,R=We(gp(_.params,A.keys.filter(z=>!z.optional).map(z=>z.name)),p.params&&gp(p.params,A.keys.map(z=>z.name))),Y=A.stringify(R)}else if("path"in p)Y=p.path,A=i.find(z=>z.re.test(Y)),A&&(R=A.parse(Y),q=A.record.name);else{if(A=_.name?a.get(_.name):i.find(z=>z.re.test(_.path)),!A)throw Ni(1,{location:p,currentLocation:_});q=A.record.name,R=We({},_.params,p.params),Y=A.stringify(R)}const ne=[];let T=A;for(;T;)ne.unshift(T.record),T=T.parent;return{name:q,path:Y,params:R,matched:ne,meta:RR(ne)}}return e.forEach(p=>l(p)),{addRoute:l,resolve:v,removeRoute:c,getRoutes:f,getRecordMatcher:s}}function gp(e,n){const i={};for(const a of n)a in e&&(i[a]=e[a]);return i}function OR(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:SR(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function SR(e){const n={},i=e.props||!1;if("component"in e)n.default=i;else for(const a in e.components)n[a]=typeof i=="boolean"?i:i[a];return n}function mp(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function RR(e){return e.reduce((n,i)=>We(n,i.meta),{})}function vp(e,n){const i={};for(const a in e)i[a]=a in n?n[a]:e[a];return i}function bm(e,n){return n.children.some(i=>i===e||bm(e,i))}const _m=/#/g,CR=/&/g,kR=/\//g,IR=/=/g,TR=/\?/g,ym=/\+/g,PR=/%5B/g,MR=/%5D/g,wm=/%5E/g,NR=/%60/g,xm=/%7B/g,LR=/%7C/g,Am=/%7D/g,DR=/%20/g;function _c(e){return encodeURI(""+e).replace(LR,"|").replace(PR,"[").replace(MR,"]")}function BR(e){return _c(e).replace(xm,"{").replace(Am,"}").replace(wm,"^")}function ku(e){return _c(e).replace(ym,"%2B").replace(DR,"+").replace(_m,"%23").replace(CR,"%26").replace(NR,"`").replace(xm,"{").replace(Am,"}").replace(wm,"^")}function $R(e){return ku(e).replace(IR,"%3D")}function FR(e){return _c(e).replace(_m,"%23").replace(TR,"%3F")}function UR(e){return e==null?"":FR(e).replace(kR,"%2F")}function os(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function GR(e){const n={};if(e===""||e==="?")return n;const a=(e[0]==="?"?e.slice(1):e).split("&");for(let s=0;sl&&ku(l)):[a&&ku(a)]).forEach(l=>{l!==void 0&&(n+=(n.length?"&":"")+i,l!=null&&(n+="="+l))})}return n}function HR(e){const n={};for(const i in e){const a=e[i];a!==void 0&&(n[i]=Sn(a)?a.map(s=>s==null?null:""+s):a==null?a:""+a)}return n}const zR=Symbol(""),_p=Symbol(""),yc=Symbol(""),Em=Symbol(""),Iu=Symbol("");function aa(){let e=[];function n(a){return e.push(a),()=>{const s=e.indexOf(a);s>-1&&e.splice(s,1)}}function i(){e=[]}return{add:n,list:()=>e,reset:i}}function vr(e,n,i,a,s){const l=a&&(a.enterCallbacks[s]=a.enterCallbacks[s]||[]);return()=>new Promise((c,f)=>{const d=_=>{_===!1?f(Ni(4,{from:i,to:n})):_ instanceof Error?f(_):pR(_)?f(Ni(2,{from:n,to:_})):(l&&a.enterCallbacks[s]===l&&typeof _=="function"&&l.push(_),c())},v=e.call(a&&a.instances[s],n,i,d);let p=Promise.resolve(v);e.length<3&&(p=p.then(d)),p.catch(_=>f(_))})}function Jl(e,n,i,a){const s=[];for(const l of e)for(const c in l.components){let f=l.components[c];if(!(n!=="beforeRouteEnter"&&!l.instances[c]))if(WR(f)){const v=(f.__vccOpts||f)[n];v&&s.push(vr(v,i,a,l,c))}else{let d=f();s.push(()=>d.then(v=>{if(!v)return Promise.reject(new Error(`Couldn't resolve component "${c}" at "${l.path}"`));const p=qS(v)?v.default:v;l.components[c]=p;const A=(p.__vccOpts||p)[n];return A&&vr(A,i,a,l,c)()}))}}return s}function WR(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function yp(e){const n=Nn(yc),i=Nn(Em),a=Ye(()=>n.resolve(te(e.to))),s=Ye(()=>{const{matched:d}=a.value,{length:v}=d,p=d[v-1],_=i.matched;if(!p||!_.length)return-1;const A=_.findIndex(Mi.bind(null,p));if(A>-1)return A;const R=wp(d[v-2]);return v>1&&wp(p)===R&&_[_.length-1].path!==R?_.findIndex(Mi.bind(null,d[v-2])):A}),l=Ye(()=>s.value>-1&&jR(i.params,a.value.params)),c=Ye(()=>s.value>-1&&s.value===i.matched.length-1&&pm(i.params,a.value.params));function f(d={}){return VR(d)?n[te(e.replace)?"replace":"push"](te(e.to)).catch(ma):Promise.resolve()}return{route:a,href:Ye(()=>a.value.href),isActive:l,isExactActive:c,navigate:f}}const YR=Fi({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:yp,setup(e,{slots:n}){const i=$i(yp(e)),{options:a}=Nn(yc),s=Ye(()=>({[xp(e.activeClass,a.linkActiveClass,"router-link-active")]:i.isActive,[xp(e.exactActiveClass,a.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=n.default&&n.default(i);return e.custom?l:Ti("a",{"aria-current":i.isExactActive?e.ariaCurrentValue:null,href:i.href,onClick:i.navigate,class:s.value},l)}}}),KR=YR;function VR(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const n=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(n))return}return e.preventDefault&&e.preventDefault(),!0}}function jR(e,n){for(const i in n){const a=n[i],s=e[i];if(typeof a=="string"){if(a!==s)return!1}else if(!Sn(s)||s.length!==a.length||a.some((l,c)=>l!==s[c]))return!1}return!0}function wp(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const xp=(e,n,i)=>e??n??i,qR=Fi({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:n,slots:i}){const a=Nn(Iu),s=Ye(()=>e.route||a.value),l=Nn(_p,0),c=Ye(()=>{let v=te(l);const{matched:p}=s.value;let _;for(;(_=p[v])&&!_.components;)v++;return v}),f=Ye(()=>s.value.matched[c.value]);Wo(_p,Ye(()=>c.value+1)),Wo(zR,f),Wo(Iu,s);const d=mt();return Ar(()=>[d.value,f.value,e.name],([v,p,_],[A,R,Y])=>{p&&(p.instances[_]=v,R&&R!==p&&v&&v===A&&(p.leaveGuards.size||(p.leaveGuards=R.leaveGuards),p.updateGuards.size||(p.updateGuards=R.updateGuards))),v&&p&&(!R||!Mi(p,R)||!A)&&(p.enterCallbacks[_]||[]).forEach(q=>q(v))},{flush:"post"}),()=>{const v=s.value,p=e.name,_=f.value,A=_&&_.components[p];if(!A)return Ap(i.default,{Component:A,route:v});const R=_.props[p],Y=R?R===!0?v.params:typeof R=="function"?R(v):R:null,ne=Ti(A,We({},Y,n,{onVnodeUnmounted:T=>{T.component.isUnmounted&&(_.instances[p]=null)},ref:d}));return Ap(i.default,{Component:ne,route:v})||ne}}});function Ap(e,n){if(!e)return null;const i=e(n);return i.length===1?i[0]:i}const XR=qR;function ZR(e){const n=ER(e.routes,e),i=e.parseQuery||GR,a=e.stringifyQuery||bp,s=e.history,l=aa(),c=aa(),f=aa(),d=Zx(hr);let v=hr;bi&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const p=Zl.bind(null,N=>""+N),_=Zl.bind(null,UR),A=Zl.bind(null,os);function R(N,J){let Z,fe;return mm(N)?(Z=n.getRecordMatcher(N),fe=J):fe=N,n.addRoute(fe,Z)}function Y(N){const J=n.getRecordMatcher(N);J&&n.removeRoute(J)}function q(){return n.getRoutes().map(N=>N.record)}function ne(N){return!!n.getRecordMatcher(N)}function T(N,J){if(J=We({},J||d.value),typeof N=="string"){const b=Ql(i,N,J.path),x=n.resolve({path:b.path},J),S=s.createHref(b.fullPath);return We(b,x,{params:A(x.params),hash:os(b.hash),redirectedFrom:void 0,href:S})}let Z;if("path"in N)Z=We({},N,{path:Ql(i,N.path,J.path).path});else{const b=We({},N.params);for(const x in b)b[x]==null&&delete b[x];Z=We({},N,{params:_(N.params)}),J.params=_(J.params)}const fe=n.resolve(Z,J),Re=N.hash||"";fe.params=p(A(fe.params));const je=QS(a,We({},N,{hash:BR(Re),path:fe.path})),xe=s.createHref(je);return We({fullPath:je,hash:Re,query:a===bp?HR(N.query):N.query||{}},fe,{redirectedFrom:void 0,href:xe})}function z(N){return typeof N=="string"?Ql(i,N,d.value.path):We({},N)}function K(N,J){if(v!==N)return Ni(8,{from:J,to:N})}function ae(N){return ge(N)}function ue(N){return ae(We(z(N),{replace:!0}))}function Se(N){const J=N.matched[N.matched.length-1];if(J&&J.redirect){const{redirect:Z}=J;let fe=typeof Z=="function"?Z(N):Z;return typeof fe=="string"&&(fe=fe.includes("?")||fe.includes("#")?fe=z(fe):{path:fe},fe.params={}),We({query:N.query,hash:N.hash,params:"path"in fe?{}:N.params},fe)}}function ge(N,J){const Z=v=T(N),fe=d.value,Re=N.state,je=N.force,xe=N.replace===!0,b=Se(Z);if(b)return ge(We(z(b),{state:typeof b=="object"?We({},Re,b.state):Re,force:je,replace:xe}),J||Z);const x=Z;x.redirectedFrom=J;let S;return!je&&JS(a,fe,Z)&&(S=Ni(16,{to:x,from:fe}),Le(fe,fe,!0,!1)),(S?Promise.resolve(S):Pe(x,fe)).catch(M=>Vn(M)?Vn(M,2)?M:we(M):V(M,x,fe)).then(M=>{if(M){if(Vn(M,2))return ge(We({replace:xe},z(M.to),{state:typeof M.to=="object"?We({},Re,M.to.state):Re,force:je}),J||x)}else M=ht(x,fe,!0,xe,Re);return Qe(x,fe,M),M})}function ye(N,J){const Z=K(N,J);return Z?Promise.reject(Z):Promise.resolve()}function Pe(N,J){let Z;const[fe,Re,je]=QR(N,J);Z=Jl(fe.reverse(),"beforeRouteLeave",N,J);for(const b of fe)b.leaveGuards.forEach(x=>{Z.push(vr(x,N,J))});const xe=ye.bind(null,N,J);return Z.push(xe),mi(Z).then(()=>{Z=[];for(const b of l.list())Z.push(vr(b,N,J));return Z.push(xe),mi(Z)}).then(()=>{Z=Jl(Re,"beforeRouteUpdate",N,J);for(const b of Re)b.updateGuards.forEach(x=>{Z.push(vr(x,N,J))});return Z.push(xe),mi(Z)}).then(()=>{Z=[];for(const b of N.matched)if(b.beforeEnter&&!J.matched.includes(b))if(Sn(b.beforeEnter))for(const x of b.beforeEnter)Z.push(vr(x,N,J));else Z.push(vr(b.beforeEnter,N,J));return Z.push(xe),mi(Z)}).then(()=>(N.matched.forEach(b=>b.enterCallbacks={}),Z=Jl(je,"beforeRouteEnter",N,J),Z.push(xe),mi(Z))).then(()=>{Z=[];for(const b of c.list())Z.push(vr(b,N,J));return Z.push(xe),mi(Z)}).catch(b=>Vn(b,8)?b:Promise.reject(b))}function Qe(N,J,Z){for(const fe of f.list())fe(N,J,Z)}function ht(N,J,Z,fe,Re){const je=K(N,J);if(je)return je;const xe=J===hr,b=bi?history.state:{};Z&&(fe||xe?s.replace(N.fullPath,We({scroll:xe&&b&&b.scroll},Re)):s.push(N.fullPath,Re)),d.value=N,Le(N,J,Z,xe),we()}let Ot;function Ut(){Ot||(Ot=s.listen((N,J,Z)=>{if(!_t.listening)return;const fe=T(N),Re=Se(fe);if(Re){ge(We(Re,{replace:!0}),fe).catch(ma);return}v=fe;const je=d.value;bi&&sR(cp(je.fullPath,Z.delta),Rs()),Pe(fe,je).catch(xe=>Vn(xe,12)?xe:Vn(xe,2)?(ge(xe.to,fe).then(b=>{Vn(b,20)&&!Z.delta&&Z.type===Ma.pop&&s.go(-1,!1)}).catch(ma),Promise.reject()):(Z.delta&&s.go(-Z.delta,!1),V(xe,fe,je))).then(xe=>{xe=xe||ht(fe,je,!1),xe&&(Z.delta&&!Vn(xe,8)?s.go(-Z.delta,!1):Z.type===Ma.pop&&Vn(xe,20)&&s.go(-1,!1)),Qe(fe,je,xe)}).catch(ma)}))}let st=aa(),Je=aa(),G;function V(N,J,Z){we(N);const fe=Je.list();return fe.length?fe.forEach(Re=>Re(N,J,Z)):console.error(N),Promise.reject(N)}function X(){return G&&d.value!==hr?Promise.resolve():new Promise((N,J)=>{st.add([N,J])})}function we(N){return G||(G=!N,Ut(),st.list().forEach(([J,Z])=>N?Z(N):J()),st.reset()),N}function Le(N,J,Z,fe){const{scrollBehavior:Re}=e;if(!bi||!Re)return Promise.resolve();const je=!Z&&lR(cp(N.fullPath,0))||(fe||!Z)&&history.state&&history.state.scroll||null;return Vu().then(()=>Re(N,J,je)).then(xe=>xe&&oR(xe)).catch(xe=>V(xe,N,J))}const Ne=N=>s.go(N);let Ke;const jt=new Set,_t={currentRoute:d,listening:!0,addRoute:R,removeRoute:Y,hasRoute:ne,getRoutes:q,resolve:T,options:e,push:ae,replace:ue,go:Ne,back:()=>Ne(-1),forward:()=>Ne(1),beforeEach:l.add,beforeResolve:c.add,afterEach:f.add,onError:Je.add,isReady:X,install(N){const J=this;N.component("RouterLink",KR),N.component("RouterView",XR),N.config.globalProperties.$router=J,Object.defineProperty(N.config.globalProperties,"$route",{enumerable:!0,get:()=>te(d)}),bi&&!Ke&&d.value===hr&&(Ke=!0,ae(s.location).catch(Re=>{}));const Z={};for(const Re in hr)Z[Re]=Ye(()=>d.value[Re]);N.provide(yc,J),N.provide(Em,$i(Z)),N.provide(Iu,d);const fe=N.unmount;jt.add(N),N.unmount=function(){jt.delete(N),jt.size<1&&(v=hr,Ot&&Ot(),Ot=null,d.value=hr,Ke=!1,G=!1),fe()}}};return _t}function mi(e){return e.reduce((n,i)=>n.then(()=>i()),Promise.resolve())}function QR(e,n){const i=[],a=[],s=[],l=Math.max(n.matched.length,e.matched.length);for(let c=0;cMi(v,f))?a.push(f):i.push(f));const d=e.matched[c];d&&(n.matched.find(v=>Mi(v,d))||s.push(d))}return[i,a,s]}const la="data:image/png;base64,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",Ho="/powerglitch/assets/example-frog-2422ffbd.gif",Om=(e="always")=>({playMode:e,createContainers:!0,hideOverflow:!1,timing:e==="always"?{duration:2*1e3,iterations:1/0}:{duration:250,iterations:1},glitchTimeSpan:e==="always"?{start:.5,end:.7}:{start:0,end:1},shake:{velocity:15,amplitudeX:.2,amplitudeY:.2},slice:e==="click"?{count:15,velocity:20,minHeight:.02,maxHeight:.15,hueRotate:!0}:{count:6,velocity:15,minHeight:.02,maxHeight:.15,hueRotate:!0},pulse:!1}),Sm=(e,n)=>{if(!e.glitchTimeSpan)return 1;const i=e.glitchTimeSpan.start,a=e.glitchTimeSpan.end;if(na)return 0;const s=i+(a-i)/2;return n(Math.random()-.5)*2*Sm(e,n),JR=({minHeight:e,maxHeight:n,minWidth:i,maxWidth:a})=>{const s=Math.floor(Math.random()*((n-e)*100+1))+e*100,l=Math.floor(Math.random()*((a-i)*100+1))+i*100,c=Math.floor(Math.random()*(100-s)),f=Math.floor(Math.random()*(100-l)),d=`${f+l}% ${c}%`,v=`${f+l}% ${c+s}%`,p=`${f}% ${c+s}%`,_=`${f}% ${c}%`;return`polygon(${d},${v},${p},${_})`},eC=e=>{const n=Math.floor(e.slice.velocity*e.timing.duration/1e3)+1,i=[];for(let a=0;ae.pulse?{steps:[{transform:"scale(1)",opacity:"1"},{transform:`scale(${e.pulse.scale})`,opacity:"0"}],timing:{...e.timing,delay:(e.glitchTimeSpan?e.glitchTimeSpan.start:0)*e.timing.duration,easing:"ease-in-out"}}:null,nC=e=>{if(!e.shake)return{steps:[],timing:{}};const n=Math.floor(e.shake.velocity*e.timing.duration/1e3)+1,i=[];for(let a=0;a[nC(e),tC(e),...Array.from({length:e.slice.count}).map(()=>eC(e))].filter(n=>n!==null),Cm=(...e)=>{const n=i=>i&&typeof i=="object";return e.reduce((i,a)=>(Object.keys(a).forEach(s=>{n(i[s])&&n(a[s])?i[s]=Cm(i[s],a[s]):a[s]!==void 0&&(i[s]=a[s])}),i),{})},rC=(e,n)=>{var s,l;if(!n.createContainers)return{container:e,layersContainer:e,glitched:e.firstElementChild};if(!e.dataset.glitched){const c=document.createElement("div"),f=document.createElement("div");return getComputedStyle(e).getPropertyValue("display").match(/^inline/)&&(f.style.display="inline-block"),f.appendChild(c),(s=e.parentElement)==null||s.insertBefore(f,e),c.prepend(e),{container:f,layersContainer:c,glitched:e}}const i=e.parentElement,a=(l=e.parentElement)==null?void 0:l.parentElement;for(;i.children.length>1;)i.removeChild(i.children[1]);return i.firstElementChild.getAnimations().forEach(c=>c.cancel()),{container:a,layersContainer:i,glitched:e}},iC=(e,n,i)=>{const{glitched:a,container:s,layersContainer:l}=rC(e,i);l.style.display="grid",i.hideOverflow&&(s.style.overflow="hidden"),i.html&&(a.innerHTML=i.html),a.style.gridArea="1/1/-1/-1";const c=a.cloneNode(!0);c.style.gridArea="1/1/-1/-1",c.style.userSelect="none",c.style.pointerEvents="none",c.style.opacity="0";for(let v=0;v{n.forEach((v,p)=>{l.children[p].animate(v.steps,v.timing)})},d=()=>{n.forEach((v,p)=>{l.children[p].getAnimations().forEach(_=>{_.cancel()})})};switch(s.onmouseenter=null,s.onmouseleave=null,s.onclick=null,i.playMode){case"always":f();break;case"hover":s.onmouseenter=f,s.onmouseleave=d;break;case"click":s.onclick=()=>{d(),f()};break}return e.dataset.glitched="1",{container:s,startGlitch:f,stopGlitch:d}},aC=(e=".powerglitch",n={})=>{const i=Cm(Om(n.playMode),n);let a=[];typeof e=="string"?a=Array.from(document.querySelectorAll(e)):e instanceof NodeList?a=Array.from(e):Array.isArray(e)?a=e:e instanceof HTMLElement&&(a=[e]);const s=Rm(i),l=a.map(c=>iC(c,s,i));return{containers:l.map(c=>c.container),startGlitch:()=>l.forEach(c=>c.startGlitch()),stopGlitch:()=>l.forEach(c=>c.stopGlitch())}},vt={glitch:aC,generateLayers:Rm,getDefaultOptions:Om},oC={class:"fixed right-0 top-0 mx-6 my-4 text-4xl"},sC={href:"https://github.com/7ph/powerglitch",target:"_blank"},lC={class:"mt-8 font-bold text-5xl flex gap-4 justify-center"},uC=["src"],cC=I("div",{class:"mt-1"}," PowerGlitch ",-1),fC=I("p",{class:"text-center mt-4 text-lg"}," A tiny library to glitch anything on the web. ",-1),dC={class:"mt-2 flex justify-center gap-4"},hC=I("a",{target:"_blank",href:"./api-docs/variables/PowerGlitch.html",class:"underline"}," documentation ",-1),pC=I("a",{target:"_blank",href:"https://github.com/7PH/powerglitch",class:"underline"}," github ",-1),km={__name:"AppHeader",setup(e){const n=mt(null);return Ui(()=>vt.glitch(n.value)),(i,a)=>{const s=Ln("fa"),l=Ln("RouterLink");return Xe(),ft("div",null,[I("p",oC,[I("a",sC,[de(s,{icon:"fa-brands fa-github"})])]),I("div",lC,[I("img",{ref_key:"logoRef",ref:n,src:te(la),class:"powerglitch",alt:"logo",style:{width:"60px",height:"60px"}},null,8,uC),cC]),fC,I("div",dC,[de(l,{to:"/",class:ba(["",{underline:te(Pu).currentRoute.value.name!=="home"}])},{default:xr(()=>[Ve(" home ")]),_:1},8,["class"]),de(l,{to:"/usage",class:ba({underline:te(Pu).currentRoute.value.name!=="usage"})},{default:xr(()=>[Ve(" usage ")]),_:1},8,["class"]),hC,de(l,{to:"/playground",class:"underline"},{default:xr(()=>[Ve(" playground ")]),_:1}),pC])])}}};const dt=e=>(tg("data-v-a254a8f7"),e=e(),ng(),e),gC={class:"app w-full mx-auto mb-8 mt-16 md:mt-8 px-4"},mC=dt(()=>I("h1",{class:"font-bold mt-8"}," ❓ Introduction ",-1)),vC={class:"mt-4"},bC=dt(()=>I("b",null,"2kb",-1)),_C=dt(()=>I("br",null,null,-1)),yC=dt(()=>I("br",null,null,-1)),wC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Fixed animation ",-1)),xC={class:"justify-center grid grid-cols-2 md:grid-cols-4 gap-4 text-center"},AC={class:"mx-auto flex flex-col"},EC=dt(()=>I("p",{class:"font-thin"}," None ",-1)),OC={class:"mx-auto flex flex-col"},SC=dt(()=>I("p",{class:"font-thin"}," Light ",-1)),RC={class:"mx-auto flex flex-col"},CC=dt(()=>I("p",{class:"font-thin"}," Medium ",-1)),kC={class:"mx-auto flex flex-col"},IC=dt(()=>I("p",{class:"font-thin"}," Heavy ",-1)),TC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Glitch on hover ",-1)),PC={class:"justify-center grid grid-cols-2 md:grid-cols-4 gap-4 text-center"},MC={class:"mx-auto flex flex-col"},NC=dt(()=>I("p",{class:"font-thin"}," Quick ",-1)),LC={class:"mx-auto flex flex-col"},DC=dt(()=>I("p",{class:"font-thin"}," Long ",-1)),BC={class:"mx-auto flex flex-col"},$C=dt(()=>I("p",{class:"font-thin"}," Smooth ",-1)),FC={class:"mx-auto flex flex-col"},UC=dt(()=>I("p",{class:"font-thin"}," Laggy ",-1)),GC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Glitch on click ",-1)),HC={class:"justify-center grid grid-cols-2 gap-4 text-center"},zC={class:"mx-auto flex flex-col pt-7"},WC=dt(()=>I("p",{class:"font-thin mt-6"}," Button glitch on click ",-1)),YC={class:"mx-auto flex flex-col"},KC=dt(()=>I("p",{class:"font-thin mt-2"}," Glitching complex element ",-1)),VC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🔽 Install ",-1)),jC=dt(()=>I("p",{class:"mt-4"},[Ve(" Alternatively, you can "),I("a",{class:"underline",target:"_blank",href:"https://unpkg.com/powerglitch@latest/dist/powerglitch.min.js"}," download minified web bundle "),Ve(" and use it directly in your project. ")],-1)),qC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🔨 Usage ",-1)),XC={class:"mt-4"},ZC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🤝 Support and bugs ",-1)),QC=dt(()=>I("p",{class:"mt-4 pb-8"},[Ve(" Having trouble? Found a bug? Want to contribute?"),I("br"),Ve(" Any kind of contribution is welcome. If you have any questions, please open an issue or create a pull request "),I("a",{href:"https://github.com/7ph/powerglitch",target:"_blank",class:"underline"}," on GitHub "),Ve("."),I("br")],-1)),JC={__name:"HomeView",setup(e){const n=mt(null),i=mt(null),a=mt(null),s=mt(null),l=mt(null),c=mt(null),f=mt(null),d=mt(null),v=mt(null),p=mt(null);return Ui(()=>{vt.glitch(n.value,{html:``,shake:!1,slice:{count:0}}),vt.glitch(i.value,{html:``,shake:!1,glitchTimeSpan:{start:.2,end:.6},slice:{count:3,velocity:4}}),vt.glitch(a.value,{html:``}),vt.glitch(s.value,{html:``,glitchTimeSpan:{start:.2,end:.8}}),vt.glitch(l.value,{html:``,playMode:"hover"}),vt.glitch(c.value,{html:``,playMode:"hover",timing:{duration:2500},glitchTimeSpan:{start:0,end:.5}}),vt.glitch(f.value,{html:``,playMode:"hover",timing:{duration:400,easing:"ease-in-out"}}),vt.glitch(d.value,{html:``,playMode:"hover",timing:{duration:1e3},shake:{velocity:10,amplitudeX:.2,amplitudeY:.2},slice:{count:6,velocity:5}}),vt.glitch(v.value,{html:"",playMode:"click",hideOverflow:!0,timing:{duration:250,iterations:1,easing:"ease-in-out"},slice:{count:15,velocity:20}}),vt.glitch(p.value,{html:` + */const bi=typeof window<"u";function qS(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const We=Object.assign;function Zl(e,n){const i={};for(const a in n){const s=n[a];i[a]=Sn(s)?s.map(e):e(s)}return i}const ma=()=>{},Sn=Array.isArray,XS=/\/$/,ZS=e=>e.replace(XS,"");function Ql(e,n,i="/"){let a,s={},l="",c="";const f=n.indexOf("#");let d=n.indexOf("?");return f=0&&(d=-1),d>-1&&(a=n.slice(0,d),l=n.slice(d+1,f>-1?f:n.length),s=e(l)),f>-1&&(a=a||n.slice(0,f),c=n.slice(f,n.length)),a=tR(a??n,i),{fullPath:a+(l&&"?")+l+c,path:a,query:s,hash:c}}function QS(e,n){const i=n.query?e(n.query):"";return n.path+(i&&"?")+i+(n.hash||"")}function lp(e,n){return!n||!e.toLowerCase().startsWith(n.toLowerCase())?e:e.slice(n.length)||"/"}function JS(e,n,i){const a=n.matched.length-1,s=i.matched.length-1;return a>-1&&a===s&&Mi(n.matched[a],i.matched[s])&&pm(n.params,i.params)&&e(n.query)===e(i.query)&&n.hash===i.hash}function Mi(e,n){return(e.aliasOf||e)===(n.aliasOf||n)}function pm(e,n){if(Object.keys(e).length!==Object.keys(n).length)return!1;for(const i in e)if(!eR(e[i],n[i]))return!1;return!0}function eR(e,n){return Sn(e)?up(e,n):Sn(n)?up(n,e):e===n}function up(e,n){return Sn(n)?e.length===n.length&&e.every((i,a)=>i===n[a]):e.length===1&&e[0]===n}function tR(e,n){if(e.startsWith("/"))return e;if(!e)return n;const i=n.split("/"),a=e.split("/");let s=i.length-1,l,c;for(l=0;l1&&s--;else break;return i.slice(0,s).join("/")+"/"+a.slice(l-(l===a.length?1:0)).join("/")}var Ma;(function(e){e.pop="pop",e.push="push"})(Ma||(Ma={}));var va;(function(e){e.back="back",e.forward="forward",e.unknown=""})(va||(va={}));function nR(e){if(!e)if(bi){const n=document.querySelector("base");e=n&&n.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),ZS(e)}const rR=/^[^#]+#/;function iR(e,n){return e.replace(rR,"#")+n}function aR(e,n){const i=document.documentElement.getBoundingClientRect(),a=e.getBoundingClientRect();return{behavior:n.behavior,left:a.left-i.left-(n.left||0),top:a.top-i.top-(n.top||0)}}const Rs=()=>({left:window.pageXOffset,top:window.pageYOffset});function oR(e){let n;if("el"in e){const i=e.el,a=typeof i=="string"&&i.startsWith("#"),s=typeof i=="string"?a?document.getElementById(i.slice(1)):document.querySelector(i):i;if(!s)return;n=aR(s,e)}else n=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(n):window.scrollTo(n.left!=null?n.left:window.pageXOffset,n.top!=null?n.top:window.pageYOffset)}function cp(e,n){return(history.state?history.state.position-n:-1)+e}const Cu=new Map;function sR(e,n){Cu.set(e,n)}function lR(e){const n=Cu.get(e);return Cu.delete(e),n}let uR=()=>location.protocol+"//"+location.host;function gm(e,n){const{pathname:i,search:a,hash:s}=n,l=e.indexOf("#");if(l>-1){let f=s.includes(e.slice(l))?e.slice(l).length:1,d=s.slice(f);return d[0]!=="/"&&(d="/"+d),lp(d,"")}return lp(i,e)+a+s}function cR(e,n,i,a){let s=[],l=[],c=null;const f=({state:A})=>{const R=gm(e,location),Y=i.value,q=n.value;let ne=0;if(A){if(i.value=R,n.value=A,c&&c===Y){c=null;return}ne=q?A.position-q.position:0}else a(R);s.forEach(T=>{T(i.value,Y,{delta:ne,type:Ma.pop,direction:ne?ne>0?va.forward:va.back:va.unknown})})};function d(){c=i.value}function v(A){s.push(A);const R=()=>{const Y=s.indexOf(A);Y>-1&&s.splice(Y,1)};return l.push(R),R}function p(){const{history:A}=window;A.state&&A.replaceState(We({},A.state,{scroll:Rs()}),"")}function _(){for(const A of l)A();l=[],window.removeEventListener("popstate",f),window.removeEventListener("beforeunload",p)}return window.addEventListener("popstate",f),window.addEventListener("beforeunload",p),{pauseListeners:d,listen:v,destroy:_}}function fp(e,n,i,a=!1,s=!1){return{back:e,current:n,forward:i,replaced:a,position:window.history.length,scroll:s?Rs():null}}function fR(e){const{history:n,location:i}=window,a={value:gm(e,i)},s={value:n.state};s.value||l(a.value,{back:null,current:a.value,forward:null,position:n.length-1,replaced:!0,scroll:null},!0);function l(d,v,p){const _=e.indexOf("#"),A=_>-1?(i.host&&document.querySelector("base")?e:e.slice(_))+d:uR()+e+d;try{n[p?"replaceState":"pushState"](v,"",A),s.value=v}catch(R){console.error(R),i[p?"replace":"assign"](A)}}function c(d,v){const p=We({},n.state,fp(s.value.back,d,s.value.forward,!0),v,{position:s.value.position});l(d,p,!0),a.value=d}function f(d,v){const p=We({},s.value,n.state,{forward:d,scroll:Rs()});l(p.current,p,!0);const _=We({},fp(a.value,d,null),{position:p.position+1},v);l(d,_,!1),a.value=d}return{location:a,state:s,push:f,replace:c}}function dR(e){e=nR(e);const n=fR(e),i=cR(e,n.state,n.location,n.replace);function a(l,c=!0){c||i.pauseListeners(),history.go(l)}const s=We({location:"",base:e,go:a,createHref:iR.bind(null,e)},n,i);return Object.defineProperty(s,"location",{enumerable:!0,get:()=>n.location.value}),Object.defineProperty(s,"state",{enumerable:!0,get:()=>n.state.value}),s}function hR(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),dR(e)}function pR(e){return typeof e=="string"||e&&typeof e=="object"}function mm(e){return typeof e=="string"||typeof e=="symbol"}const hr={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},vm=Symbol("");var dp;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(dp||(dp={}));function Ni(e,n){return We(new Error,{type:e,[vm]:!0},n)}function Vn(e,n){return e instanceof Error&&vm in e&&(n==null||!!(e.type&n))}const hp="[^/]+?",gR={sensitive:!1,strict:!1,start:!0,end:!0},mR=/[.+*?^${}()[\]/\\]/g;function vR(e,n){const i=We({},gR,n),a=[];let s=i.start?"^":"";const l=[];for(const v of e){const p=v.length?[]:[90];i.strict&&!v.length&&(s+="/");for(let _=0;_n.length?n.length===1&&n[0]===40+40?1:-1:0}function _R(e,n){let i=0;const a=e.score,s=n.score;for(;i0&&n[n.length-1]<0}const yR={type:0,value:""},wR=/[a-zA-Z0-9_]/;function xR(e){if(!e)return[[]];if(e==="/")return[[yR]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function n(R){throw new Error(`ERR (${i})/"${v}": ${R}`)}let i=0,a=i;const s=[];let l;function c(){l&&s.push(l),l=[]}let f=0,d,v="",p="";function _(){v&&(i===0?l.push({type:0,value:v}):i===1||i===2||i===3?(l.length>1&&(d==="*"||d==="+")&&n(`A repeatable param (${v}) must be alone in its segment. eg: '/:ids+.`),l.push({type:1,value:v,regexp:p,repeatable:d==="*"||d==="+",optional:d==="*"||d==="?"})):n("Invalid state to consume buffer"),v="")}function A(){v+=d}for(;f{c(z)}:ma}function c(p){if(mm(p)){const _=a.get(p);_&&(a.delete(p),i.splice(i.indexOf(_),1),_.children.forEach(c),_.alias.forEach(c))}else{const _=i.indexOf(p);_>-1&&(i.splice(_,1),p.record.name&&a.delete(p.record.name),p.children.forEach(c),p.alias.forEach(c))}}function f(){return i}function d(p){let _=0;for(;_=0&&(p.record.path!==i[_].record.path||!bm(p,i[_]));)_++;i.splice(_,0,p),p.record.name&&!mp(p)&&a.set(p.record.name,p)}function v(p,_){let A,R={},Y,q;if("name"in p&&p.name){if(A=a.get(p.name),!A)throw Ni(1,{location:p});q=A.record.name,R=We(gp(_.params,A.keys.filter(z=>!z.optional).map(z=>z.name)),p.params&&gp(p.params,A.keys.map(z=>z.name))),Y=A.stringify(R)}else if("path"in p)Y=p.path,A=i.find(z=>z.re.test(Y)),A&&(R=A.parse(Y),q=A.record.name);else{if(A=_.name?a.get(_.name):i.find(z=>z.re.test(_.path)),!A)throw Ni(1,{location:p,currentLocation:_});q=A.record.name,R=We({},_.params,p.params),Y=A.stringify(R)}const ne=[];let T=A;for(;T;)ne.unshift(T.record),T=T.parent;return{name:q,path:Y,params:R,matched:ne,meta:RR(ne)}}return e.forEach(p=>l(p)),{addRoute:l,resolve:v,removeRoute:c,getRoutes:f,getRecordMatcher:s}}function gp(e,n){const i={};for(const a of n)a in e&&(i[a]=e[a]);return i}function OR(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:SR(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function SR(e){const n={},i=e.props||!1;if("component"in e)n.default=i;else for(const a in e.components)n[a]=typeof i=="boolean"?i:i[a];return n}function mp(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function RR(e){return e.reduce((n,i)=>We(n,i.meta),{})}function vp(e,n){const i={};for(const a in e)i[a]=a in n?n[a]:e[a];return i}function bm(e,n){return n.children.some(i=>i===e||bm(e,i))}const _m=/#/g,CR=/&/g,kR=/\//g,IR=/=/g,TR=/\?/g,ym=/\+/g,PR=/%5B/g,MR=/%5D/g,wm=/%5E/g,NR=/%60/g,xm=/%7B/g,LR=/%7C/g,Am=/%7D/g,DR=/%20/g;function _c(e){return encodeURI(""+e).replace(LR,"|").replace(PR,"[").replace(MR,"]")}function BR(e){return _c(e).replace(xm,"{").replace(Am,"}").replace(wm,"^")}function ku(e){return _c(e).replace(ym,"%2B").replace(DR,"+").replace(_m,"%23").replace(CR,"%26").replace(NR,"`").replace(xm,"{").replace(Am,"}").replace(wm,"^")}function $R(e){return ku(e).replace(IR,"%3D")}function FR(e){return _c(e).replace(_m,"%23").replace(TR,"%3F")}function UR(e){return e==null?"":FR(e).replace(kR,"%2F")}function os(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function GR(e){const n={};if(e===""||e==="?")return n;const a=(e[0]==="?"?e.slice(1):e).split("&");for(let s=0;sl&&ku(l)):[a&&ku(a)]).forEach(l=>{l!==void 0&&(n+=(n.length?"&":"")+i,l!=null&&(n+="="+l))})}return n}function HR(e){const n={};for(const i in e){const a=e[i];a!==void 0&&(n[i]=Sn(a)?a.map(s=>s==null?null:""+s):a==null?a:""+a)}return n}const zR=Symbol(""),_p=Symbol(""),yc=Symbol(""),Em=Symbol(""),Iu=Symbol("");function aa(){let e=[];function n(a){return e.push(a),()=>{const s=e.indexOf(a);s>-1&&e.splice(s,1)}}function i(){e=[]}return{add:n,list:()=>e,reset:i}}function vr(e,n,i,a,s){const l=a&&(a.enterCallbacks[s]=a.enterCallbacks[s]||[]);return()=>new Promise((c,f)=>{const d=_=>{_===!1?f(Ni(4,{from:i,to:n})):_ instanceof Error?f(_):pR(_)?f(Ni(2,{from:n,to:_})):(l&&a.enterCallbacks[s]===l&&typeof _=="function"&&l.push(_),c())},v=e.call(a&&a.instances[s],n,i,d);let p=Promise.resolve(v);e.length<3&&(p=p.then(d)),p.catch(_=>f(_))})}function Jl(e,n,i,a){const s=[];for(const l of e)for(const c in l.components){let f=l.components[c];if(!(n!=="beforeRouteEnter"&&!l.instances[c]))if(WR(f)){const v=(f.__vccOpts||f)[n];v&&s.push(vr(v,i,a,l,c))}else{let d=f();s.push(()=>d.then(v=>{if(!v)return Promise.reject(new Error(`Couldn't resolve component "${c}" at "${l.path}"`));const p=qS(v)?v.default:v;l.components[c]=p;const A=(p.__vccOpts||p)[n];return A&&vr(A,i,a,l,c)()}))}}return s}function WR(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function yp(e){const n=Nn(yc),i=Nn(Em),a=Ye(()=>n.resolve(te(e.to))),s=Ye(()=>{const{matched:d}=a.value,{length:v}=d,p=d[v-1],_=i.matched;if(!p||!_.length)return-1;const A=_.findIndex(Mi.bind(null,p));if(A>-1)return A;const R=wp(d[v-2]);return v>1&&wp(p)===R&&_[_.length-1].path!==R?_.findIndex(Mi.bind(null,d[v-2])):A}),l=Ye(()=>s.value>-1&&jR(i.params,a.value.params)),c=Ye(()=>s.value>-1&&s.value===i.matched.length-1&&pm(i.params,a.value.params));function f(d={}){return VR(d)?n[te(e.replace)?"replace":"push"](te(e.to)).catch(ma):Promise.resolve()}return{route:a,href:Ye(()=>a.value.href),isActive:l,isExactActive:c,navigate:f}}const YR=Fi({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:yp,setup(e,{slots:n}){const i=$i(yp(e)),{options:a}=Nn(yc),s=Ye(()=>({[xp(e.activeClass,a.linkActiveClass,"router-link-active")]:i.isActive,[xp(e.exactActiveClass,a.linkExactActiveClass,"router-link-exact-active")]:i.isExactActive}));return()=>{const l=n.default&&n.default(i);return e.custom?l:Ti("a",{"aria-current":i.isExactActive?e.ariaCurrentValue:null,href:i.href,onClick:i.navigate,class:s.value},l)}}}),KR=YR;function VR(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const n=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(n))return}return e.preventDefault&&e.preventDefault(),!0}}function jR(e,n){for(const i in n){const a=n[i],s=e[i];if(typeof a=="string"){if(a!==s)return!1}else if(!Sn(s)||s.length!==a.length||a.some((l,c)=>l!==s[c]))return!1}return!0}function wp(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const xp=(e,n,i)=>e??n??i,qR=Fi({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:n,slots:i}){const a=Nn(Iu),s=Ye(()=>e.route||a.value),l=Nn(_p,0),c=Ye(()=>{let v=te(l);const{matched:p}=s.value;let _;for(;(_=p[v])&&!_.components;)v++;return v}),f=Ye(()=>s.value.matched[c.value]);Wo(_p,Ye(()=>c.value+1)),Wo(zR,f),Wo(Iu,s);const d=mt();return Ar(()=>[d.value,f.value,e.name],([v,p,_],[A,R,Y])=>{p&&(p.instances[_]=v,R&&R!==p&&v&&v===A&&(p.leaveGuards.size||(p.leaveGuards=R.leaveGuards),p.updateGuards.size||(p.updateGuards=R.updateGuards))),v&&p&&(!R||!Mi(p,R)||!A)&&(p.enterCallbacks[_]||[]).forEach(q=>q(v))},{flush:"post"}),()=>{const v=s.value,p=e.name,_=f.value,A=_&&_.components[p];if(!A)return Ap(i.default,{Component:A,route:v});const R=_.props[p],Y=R?R===!0?v.params:typeof R=="function"?R(v):R:null,ne=Ti(A,We({},Y,n,{onVnodeUnmounted:T=>{T.component.isUnmounted&&(_.instances[p]=null)},ref:d}));return Ap(i.default,{Component:ne,route:v})||ne}}});function Ap(e,n){if(!e)return null;const i=e(n);return i.length===1?i[0]:i}const XR=qR;function ZR(e){const n=ER(e.routes,e),i=e.parseQuery||GR,a=e.stringifyQuery||bp,s=e.history,l=aa(),c=aa(),f=aa(),d=Zx(hr);let v=hr;bi&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const p=Zl.bind(null,N=>""+N),_=Zl.bind(null,UR),A=Zl.bind(null,os);function R(N,J){let Z,fe;return mm(N)?(Z=n.getRecordMatcher(N),fe=J):fe=N,n.addRoute(fe,Z)}function Y(N){const J=n.getRecordMatcher(N);J&&n.removeRoute(J)}function q(){return n.getRoutes().map(N=>N.record)}function ne(N){return!!n.getRecordMatcher(N)}function T(N,J){if(J=We({},J||d.value),typeof N=="string"){const b=Ql(i,N,J.path),x=n.resolve({path:b.path},J),S=s.createHref(b.fullPath);return We(b,x,{params:A(x.params),hash:os(b.hash),redirectedFrom:void 0,href:S})}let Z;if("path"in N)Z=We({},N,{path:Ql(i,N.path,J.path).path});else{const b=We({},N.params);for(const x in b)b[x]==null&&delete b[x];Z=We({},N,{params:_(N.params)}),J.params=_(J.params)}const fe=n.resolve(Z,J),Re=N.hash||"";fe.params=p(A(fe.params));const je=QS(a,We({},N,{hash:BR(Re),path:fe.path})),xe=s.createHref(je);return We({fullPath:je,hash:Re,query:a===bp?HR(N.query):N.query||{}},fe,{redirectedFrom:void 0,href:xe})}function z(N){return typeof N=="string"?Ql(i,N,d.value.path):We({},N)}function K(N,J){if(v!==N)return Ni(8,{from:J,to:N})}function ae(N){return ge(N)}function ue(N){return ae(We(z(N),{replace:!0}))}function Se(N){const J=N.matched[N.matched.length-1];if(J&&J.redirect){const{redirect:Z}=J;let fe=typeof Z=="function"?Z(N):Z;return typeof fe=="string"&&(fe=fe.includes("?")||fe.includes("#")?fe=z(fe):{path:fe},fe.params={}),We({query:N.query,hash:N.hash,params:"path"in fe?{}:N.params},fe)}}function ge(N,J){const Z=v=T(N),fe=d.value,Re=N.state,je=N.force,xe=N.replace===!0,b=Se(Z);if(b)return ge(We(z(b),{state:typeof b=="object"?We({},Re,b.state):Re,force:je,replace:xe}),J||Z);const x=Z;x.redirectedFrom=J;let S;return!je&&JS(a,fe,Z)&&(S=Ni(16,{to:x,from:fe}),Le(fe,fe,!0,!1)),(S?Promise.resolve(S):Pe(x,fe)).catch(M=>Vn(M)?Vn(M,2)?M:we(M):V(M,x,fe)).then(M=>{if(M){if(Vn(M,2))return ge(We({replace:xe},z(M.to),{state:typeof M.to=="object"?We({},Re,M.to.state):Re,force:je}),J||x)}else M=ht(x,fe,!0,xe,Re);return Qe(x,fe,M),M})}function ye(N,J){const Z=K(N,J);return Z?Promise.reject(Z):Promise.resolve()}function Pe(N,J){let Z;const[fe,Re,je]=QR(N,J);Z=Jl(fe.reverse(),"beforeRouteLeave",N,J);for(const b of fe)b.leaveGuards.forEach(x=>{Z.push(vr(x,N,J))});const xe=ye.bind(null,N,J);return Z.push(xe),mi(Z).then(()=>{Z=[];for(const b of l.list())Z.push(vr(b,N,J));return Z.push(xe),mi(Z)}).then(()=>{Z=Jl(Re,"beforeRouteUpdate",N,J);for(const b of Re)b.updateGuards.forEach(x=>{Z.push(vr(x,N,J))});return Z.push(xe),mi(Z)}).then(()=>{Z=[];for(const b of N.matched)if(b.beforeEnter&&!J.matched.includes(b))if(Sn(b.beforeEnter))for(const x of b.beforeEnter)Z.push(vr(x,N,J));else Z.push(vr(b.beforeEnter,N,J));return Z.push(xe),mi(Z)}).then(()=>(N.matched.forEach(b=>b.enterCallbacks={}),Z=Jl(je,"beforeRouteEnter",N,J),Z.push(xe),mi(Z))).then(()=>{Z=[];for(const b of c.list())Z.push(vr(b,N,J));return Z.push(xe),mi(Z)}).catch(b=>Vn(b,8)?b:Promise.reject(b))}function Qe(N,J,Z){for(const fe of f.list())fe(N,J,Z)}function ht(N,J,Z,fe,Re){const je=K(N,J);if(je)return je;const xe=J===hr,b=bi?history.state:{};Z&&(fe||xe?s.replace(N.fullPath,We({scroll:xe&&b&&b.scroll},Re)):s.push(N.fullPath,Re)),d.value=N,Le(N,J,Z,xe),we()}let Ot;function Ut(){Ot||(Ot=s.listen((N,J,Z)=>{if(!_t.listening)return;const fe=T(N),Re=Se(fe);if(Re){ge(We(Re,{replace:!0}),fe).catch(ma);return}v=fe;const je=d.value;bi&&sR(cp(je.fullPath,Z.delta),Rs()),Pe(fe,je).catch(xe=>Vn(xe,12)?xe:Vn(xe,2)?(ge(xe.to,fe).then(b=>{Vn(b,20)&&!Z.delta&&Z.type===Ma.pop&&s.go(-1,!1)}).catch(ma),Promise.reject()):(Z.delta&&s.go(-Z.delta,!1),V(xe,fe,je))).then(xe=>{xe=xe||ht(fe,je,!1),xe&&(Z.delta&&!Vn(xe,8)?s.go(-Z.delta,!1):Z.type===Ma.pop&&Vn(xe,20)&&s.go(-1,!1)),Qe(fe,je,xe)}).catch(ma)}))}let st=aa(),Je=aa(),G;function V(N,J,Z){we(N);const fe=Je.list();return fe.length?fe.forEach(Re=>Re(N,J,Z)):console.error(N),Promise.reject(N)}function X(){return G&&d.value!==hr?Promise.resolve():new Promise((N,J)=>{st.add([N,J])})}function we(N){return G||(G=!N,Ut(),st.list().forEach(([J,Z])=>N?Z(N):J()),st.reset()),N}function Le(N,J,Z,fe){const{scrollBehavior:Re}=e;if(!bi||!Re)return Promise.resolve();const je=!Z&&lR(cp(N.fullPath,0))||(fe||!Z)&&history.state&&history.state.scroll||null;return Vu().then(()=>Re(N,J,je)).then(xe=>xe&&oR(xe)).catch(xe=>V(xe,N,J))}const Ne=N=>s.go(N);let Ke;const jt=new Set,_t={currentRoute:d,listening:!0,addRoute:R,removeRoute:Y,hasRoute:ne,getRoutes:q,resolve:T,options:e,push:ae,replace:ue,go:Ne,back:()=>Ne(-1),forward:()=>Ne(1),beforeEach:l.add,beforeResolve:c.add,afterEach:f.add,onError:Je.add,isReady:X,install(N){const J=this;N.component("RouterLink",KR),N.component("RouterView",XR),N.config.globalProperties.$router=J,Object.defineProperty(N.config.globalProperties,"$route",{enumerable:!0,get:()=>te(d)}),bi&&!Ke&&d.value===hr&&(Ke=!0,ae(s.location).catch(Re=>{}));const Z={};for(const Re in hr)Z[Re]=Ye(()=>d.value[Re]);N.provide(yc,J),N.provide(Em,$i(Z)),N.provide(Iu,d);const fe=N.unmount;jt.add(N),N.unmount=function(){jt.delete(N),jt.size<1&&(v=hr,Ot&&Ot(),Ot=null,d.value=hr,Ke=!1,G=!1),fe()}}};return _t}function mi(e){return e.reduce((n,i)=>n.then(()=>i()),Promise.resolve())}function QR(e,n){const i=[],a=[],s=[],l=Math.max(n.matched.length,e.matched.length);for(let c=0;cMi(v,f))?a.push(f):i.push(f));const d=e.matched[c];d&&(n.matched.find(v=>Mi(v,d))||s.push(d))}return[i,a,s]}const la="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAFiAAABYgFfJ9BTAAAGlUlEQVR4nO2dwWsdRRzHf5VgFkJsQsWLh9YKuVVz9GbAPXiS+BeY7EGPvl4XwXrJtQneX1Pwoqf01kPQRBQED83Tg7pC0h4spLRsH/IgBSEydV66bnbe7O6b2Znfb34fCA9C3u6+/L7z+83v+3ZmL5yengITLi9x7MOGBRA4LIDAYQFYIk7yZQzXyQKwQJzkawDQw3CtLADDyJF/CwD2MFwvC8AgMvjjwKMQAPsAhoiTfAEA7gPARQB4sNtfvILhujkDGEAGf08GH7CMfmABGEME/O3CwVgAoRAn+XYp+IIdLB+fBTAFMvgflY4w2O0vPsXyGVgALZG9fjn4gCn9AwugHTL4txRvZgFQJk7ylQnBBxYAYaTRM2mCh6r+AwugPnGSXyn1+lWgGv3AAqiHNHp2NMEHFgBBCi5fudevggVAkM2awUdX/4EFMBmF0aMC3egHFoCaOMl7DYIPLABCSKPnZsNPxAKgQA2jp4p9jPUfWAD/p4bRowLl6AcWwAtqGj0q0AqAbwlr3uufY7e/eMHuFdoj+AwwbfBF/Td8SZ0SvAAaGD0q0KZ/CF0ADY0eFagFEOwcIE7yGwDw+bTHwVz/IdQMII2eqYOPvf5DiAKIk3y1hdGjAnX6h9AEII2ebYOHRC+AYOYAhXV7bYyeSrDXfwglA8hef9tk8AHgjsFjOYO8AAwYPSrQp38IJANULd0yAQkBkJ4DGDJ6qhju9hcXLBy3c8hmAGn02Ag+UBn9QFUABo0eFSwAXzFs9KggIwBScwAbvX4FZOo/UMoAHQUfKI1+oCKABku3TMAC8ImC0XO5o8tiAXjGjiWjpwpR/w+w/qOqQC0AafS82+EpSY1+wCyAOMk3LRo9KtDs/lUXlAKQRs+nDk7NGcA1mg2abCK2f72P7f+lA5UAZK+/6ej05EY/YBJAh0aPChaAKzo2elSwAFzgwOipgmT9ByQZoEujRwXJ0Q++C8CB0aOCBdA1Fm/nagNZAXh5P4DDXv8crz37G/o/fwVyGZjYBuZA/jyNspQXhpjGp+AL3nv0B1zPvp30Jw/ks4IOCq8HUZai2DPIKwHIXv+eB5dyRu/P7yA+/r3t2/elKM4EEmWpV98meiMAD4yeSr7+qQ9z/zwzfdhx1tgblxVX5WTGxUnLVDx1ywveGD2xEXyQnsblQocjMsWKi8/svAvwNfiCa8O/ujjNAABWuzhRFT60gTbW7RnhreFD26cQpWDF5YTRaQmQe/PtyHq44Inpc8Y1uwIYipHvulvwsQ0UohA/y6XXTr8LEPX/y3vf2Dr8UI585x0BqoUhch/fBSmOsTCslI8PHv4CHx/+aOPQgvUoS03uVNIaEiuDClmjLJDWE8vPfrsL7zw5Mnuh/+FN8CGELWK23v++9+bo8c1Hs/NwOHcJjqNX4GjukvZ9lvr/rShLe6YPOg1e+AA2+eTwh8p1fIdzr8Jo5mX49eLrcBzNw/HsPBzJ31nq/2/7FnwIQQAqg+Xq6PHz1/JMfzQz+1wMhtmPsnStg8/aGNICOFnaaNxaipF/1ezod2r06KC+R5ATe7XAwLXRo4MFYA/R66/5/rUwC8AO3hg9Osi2gbL+545O/2GUpSjWEVLOAK5G/zqW4AMLwDhf+OTy1YEFYA5h9Nzo+JxTQ3IO4KD+34my1NtefxJUM0CXo1/0+l66fHVgAUyH90aPDhZAe1AYPTrIzQE6qv9ojB4dFDNAF5OxNQrBB6ICsJ3+URk9OlgAzbiOzejRQWoOcLK0Ie4LtHIjnzR60LZ7KqhlAFujn2TwgQVQC9Hre3cvnylYAJNBb/ToIDMHsFD/Ra+/HGUpyd3BxlDKACZH/9joIR18YAEoWaVi9OhgAZxnncLmT3UhIQBZ/02sHiZn9OigkgFM+P+i13e1E7kzqAhg2vRP1ujRwQIgbvToQC+Ak6WNafYBIG/06KCQAdqO/nGvH2zwIWABcPAloQqAxO1cJkAtgJb1f52D/wLsGaDp6PdqgyYfCEkAtzn45wlFAMEaPTrQ3g8g63+dZwsMoixd7uCSUII5A9Tx/wce7BPkNZgFoAss9/o1wCyASdu/cfBrglIAJ0sbutHPRk9NsGaASQJgo6cB1ATARk9DsAqgqv5vcfCbg04Aivrv5U7cGMCYAcoC8HYnbgxgF4DXO3FjAKMAxvXf+SPXKIBKAIX678Uj1yiALQOsUtqgyQewCUBkgB4H3xzYBLDJvb5ZyD82jpkM9SeGMBpYACEDAP8C3L5Jh8oh8iIAAAAASUVORK5CYII=",Ho="/powerglitch/assets/example-frog-2422ffbd.gif",Om=(e="always")=>({playMode:e,createContainers:!0,hideOverflow:!1,timing:e==="always"?{duration:2*1e3,iterations:1/0}:{duration:250,iterations:1},glitchTimeSpan:e==="always"?{start:.5,end:.7}:{start:0,end:1},shake:{velocity:15,amplitudeX:.2,amplitudeY:.2},slice:e==="click"?{count:15,velocity:20,minHeight:.02,maxHeight:.15,hueRotate:!0}:{count:6,velocity:15,minHeight:.02,maxHeight:.15,hueRotate:!0},pulse:!1}),Sm=(e,n)=>{if(!e.glitchTimeSpan)return 1;const i=e.glitchTimeSpan.start,a=e.glitchTimeSpan.end;if(na)return 0;const s=i+(a-i)/2;return n(Math.random()-.5)*2*Sm(e,n),JR=({minHeight:e,maxHeight:n,minWidth:i,maxWidth:a})=>{const s=Math.floor(Math.random()*((n-e)*100+1))+e*100,l=Math.floor(Math.random()*((a-i)*100+1))+i*100,c=Math.floor(Math.random()*(100-s)),f=Math.floor(Math.random()*(100-l)),d=`${f+l}% ${c}%`,v=`${f+l}% ${c+s}%`,p=`${f}% ${c+s}%`,_=`${f}% ${c}%`;return`polygon(${d},${v},${p},${_})`},eC=e=>{const n=Math.floor(e.slice.velocity*e.timing.duration/1e3)+1,i=[];for(let a=0;ae.pulse?{steps:[{transform:"scale(1)",opacity:"1"},{transform:`scale(${e.pulse.scale})`,opacity:"0"}],timing:{...e.timing,delay:(e.glitchTimeSpan?e.glitchTimeSpan.start:0)*e.timing.duration,easing:"ease-in-out"}}:null,nC=e=>{if(!e.shake)return{steps:[],timing:{}};const n=Math.floor(e.shake.velocity*e.timing.duration/1e3)+1,i=[];for(let a=0;a[nC(e),tC(e),...Array.from({length:e.slice.count}).map(()=>eC(e))].filter(n=>n!==null),Cm=(...e)=>{const n=i=>i&&typeof i=="object";return e.reduce((i,a)=>(Object.keys(a).forEach(s=>{n(i[s])&&n(a[s])?i[s]=Cm(i[s],a[s]):a[s]!==void 0&&(i[s]=a[s])}),i),{})},rC=(e,n)=>{var s,l;if(!n.createContainers)return{container:e,layersContainer:e,glitched:e.firstElementChild};if(!e.dataset.glitched){const c=document.createElement("div"),f=document.createElement("div");return getComputedStyle(e).getPropertyValue("display").match(/^inline/)&&(f.style.display="inline-block"),f.appendChild(c),(s=e.parentElement)==null||s.insertBefore(f,e),c.prepend(e),{container:f,layersContainer:c,glitched:e}}const i=e.parentElement,a=(l=e.parentElement)==null?void 0:l.parentElement;for(;i.children.length>1;)i.removeChild(i.children[1]);return i.firstElementChild.getAnimations().forEach(c=>c.cancel()),{container:a,layersContainer:i,glitched:e}},iC=(e,n,i)=>{const{glitched:a,container:s,layersContainer:l}=rC(e,i);l.style.display="grid",i.hideOverflow&&(s.style.overflow="hidden"),i.html&&(a.innerHTML=i.html),a.style.gridArea="1/1/-1/-1";const c=a.cloneNode(!0);c.dataset.islayer="true",c.style.gridArea="1/1/-1/-1",c.style.userSelect="none",c.style.pointerEvents="none",c.style.opacity="0";for(let v=0;v{n.forEach((v,p)=>{l.children[p].animate(v.steps,v.timing)})},d=()=>{n.forEach((v,p)=>{l.children[p].getAnimations().forEach(_=>{_.cancel()})})};switch(s.onmouseenter=null,s.onmouseleave=null,s.onclick=null,i.playMode){case"always":f();break;case"hover":s.onmouseenter=f,s.onmouseleave=d;break;case"click":s.onclick=()=>{d(),f()};break}return e.dataset.glitched="1",{container:s,startGlitch:f,stopGlitch:d}},aC=(e=".powerglitch",n={})=>{const i=Cm(Om(n.playMode),n);let a=[];typeof e=="string"?a=Array.from(document.querySelectorAll(e)):e instanceof NodeList?a=Array.from(e):Array.isArray(e)?a=e:e instanceof HTMLElement&&(a=[e]);const s=Rm(i),l=a.filter(c=>!c.dataset.islayer).map(c=>iC(c,s,i));return{containers:l.map(c=>c.container),startGlitch:()=>l.forEach(c=>c.startGlitch()),stopGlitch:()=>l.forEach(c=>c.stopGlitch())}},vt={glitch:aC,generateLayers:Rm,getDefaultOptions:Om},oC={class:"fixed right-0 top-0 mx-6 my-4 text-4xl"},sC={href:"https://github.com/7ph/powerglitch",target:"_blank"},lC={class:"mt-8 font-bold text-5xl flex gap-4 justify-center"},uC=["src"],cC=I("div",{class:"mt-1"}," PowerGlitch ",-1),fC=I("p",{class:"text-center mt-4 text-lg"}," A tiny library to glitch anything on the web. ",-1),dC={class:"mt-2 flex justify-center gap-4"},hC=I("a",{target:"_blank",href:"./api-docs/variables/PowerGlitch.html",class:"underline"}," documentation ",-1),pC=I("a",{target:"_blank",href:"https://github.com/7PH/powerglitch",class:"underline"}," github ",-1),km={__name:"AppHeader",setup(e){const n=mt(null);return Ui(()=>vt.glitch(n.value)),(i,a)=>{const s=Ln("fa"),l=Ln("RouterLink");return Xe(),ft("div",null,[I("p",oC,[I("a",sC,[de(s,{icon:"fa-brands fa-github"})])]),I("div",lC,[I("img",{ref_key:"logoRef",ref:n,src:te(la),class:"powerglitch",alt:"logo",style:{width:"60px",height:"60px"}},null,8,uC),cC]),fC,I("div",dC,[de(l,{to:"/",class:ba(["",{underline:te(Pu).currentRoute.value.name!=="home"}])},{default:xr(()=>[Ve(" home ")]),_:1},8,["class"]),de(l,{to:"/usage",class:ba({underline:te(Pu).currentRoute.value.name!=="usage"})},{default:xr(()=>[Ve(" usage ")]),_:1},8,["class"]),hC,de(l,{to:"/playground",class:"underline"},{default:xr(()=>[Ve(" playground ")]),_:1}),pC])])}}};const dt=e=>(tg("data-v-a254a8f7"),e=e(),ng(),e),gC={class:"app w-full mx-auto mb-8 mt-16 md:mt-8 px-4"},mC=dt(()=>I("h1",{class:"font-bold mt-8"}," ❓ Introduction ",-1)),vC={class:"mt-4"},bC=dt(()=>I("b",null,"2kb",-1)),_C=dt(()=>I("br",null,null,-1)),yC=dt(()=>I("br",null,null,-1)),wC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Fixed animation ",-1)),xC={class:"justify-center grid grid-cols-2 md:grid-cols-4 gap-4 text-center"},AC={class:"mx-auto flex flex-col"},EC=dt(()=>I("p",{class:"font-thin"}," None ",-1)),OC={class:"mx-auto flex flex-col"},SC=dt(()=>I("p",{class:"font-thin"}," Light ",-1)),RC={class:"mx-auto flex flex-col"},CC=dt(()=>I("p",{class:"font-thin"}," Medium ",-1)),kC={class:"mx-auto flex flex-col"},IC=dt(()=>I("p",{class:"font-thin"}," Heavy ",-1)),TC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Glitch on hover ",-1)),PC={class:"justify-center grid grid-cols-2 md:grid-cols-4 gap-4 text-center"},MC={class:"mx-auto flex flex-col"},NC=dt(()=>I("p",{class:"font-thin"}," Quick ",-1)),LC={class:"mx-auto flex flex-col"},DC=dt(()=>I("p",{class:"font-thin"}," Long ",-1)),BC={class:"mx-auto flex flex-col"},$C=dt(()=>I("p",{class:"font-thin"}," Smooth ",-1)),FC={class:"mx-auto flex flex-col"},UC=dt(()=>I("p",{class:"font-thin"}," Laggy ",-1)),GC=dt(()=>I("h1",{class:"font-bold mt-8 mb-2"}," ▶ Glitch on click ",-1)),HC={class:"justify-center grid grid-cols-2 gap-4 text-center"},zC={class:"mx-auto flex flex-col pt-7"},WC=dt(()=>I("p",{class:"font-thin mt-6"}," Button glitch on click ",-1)),YC={class:"mx-auto flex flex-col"},KC=dt(()=>I("p",{class:"font-thin mt-2"}," Glitching complex element ",-1)),VC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🔽 Install ",-1)),jC=dt(()=>I("p",{class:"mt-4"},[Ve(" Alternatively, you can "),I("a",{class:"underline",target:"_blank",href:"https://unpkg.com/powerglitch@latest/dist/powerglitch.min.js"}," download minified web bundle "),Ve(" and use it directly in your project. ")],-1)),qC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🔨 Usage ",-1)),XC={class:"mt-4"},ZC=dt(()=>I("h1",{class:"font-bold mt-8"}," 🤝 Support and bugs ",-1)),QC=dt(()=>I("p",{class:"mt-4 pb-8"},[Ve(" Having trouble? Found a bug? Want to contribute?"),I("br"),Ve(" Any kind of contribution is welcome. If you have any questions, please open an issue or create a pull request "),I("a",{href:"https://github.com/7ph/powerglitch",target:"_blank",class:"underline"}," on GitHub "),Ve("."),I("br")],-1)),JC={__name:"HomeView",setup(e){const n=mt(null),i=mt(null),a=mt(null),s=mt(null),l=mt(null),c=mt(null),f=mt(null),d=mt(null),v=mt(null),p=mt(null);return Ui(()=>{vt.glitch(n.value,{html:``,shake:!1,slice:{count:0}}),vt.glitch(i.value,{html:``,shake:!1,glitchTimeSpan:{start:.2,end:.6},slice:{count:3,velocity:4}}),vt.glitch(a.value,{html:``}),vt.glitch(s.value,{html:``,glitchTimeSpan:{start:.2,end:.8}}),vt.glitch(l.value,{html:``,playMode:"hover"}),vt.glitch(c.value,{html:``,playMode:"hover",timing:{duration:2500},glitchTimeSpan:{start:0,end:.5}}),vt.glitch(f.value,{html:``,playMode:"hover",timing:{duration:400,easing:"ease-in-out"}}),vt.glitch(d.value,{html:``,playMode:"hover",timing:{duration:1e3},shake:{velocity:10,amplitudeX:.2,amplitudeY:.2},slice:{count:6,velocity:5}}),vt.glitch(v.value,{html:"",playMode:"click",hideOverflow:!0,timing:{duration:250,iterations:1,easing:"ease-in-out"},slice:{count:15,velocity:20}}),vt.glitch(p.value,{html:`

    Power Glitch 🌎 diff --git a/docs/index.html b/docs/index.html index 19f0de9..a960783 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,7 +5,7 @@ PowerGlitch - Glitch anything on the web - + diff --git a/package-lock.json b/package-lock.json index cb5e11f..0495c3b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "powerglitch", - "version": "2.3.2", + "version": "2.3.3", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "powerglitch", - "version": "2.3.2", + "version": "2.3.3", "devDependencies": { "@babel/core": "^7.20.12", "@babel/preset-env": "^7.20.2", diff --git a/package.json b/package.json index 18bf96d..77da6b7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "powerglitch", - "version": "2.3.2", + "version": "2.3.3", "type": "module", "main": "./lib/src/index.js", "types": "./lib/src/index.d.ts",