taggedjs-animate-css 0.0.4 → 0.0.6

package/bundle.js

@@ -1,2 +1,2 @@
-var t={d:(e,a)=>{for(var n in a)t.o(a,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:a[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};t.d(e,{C:()=>s,M:()=>o});const a=async({target:t,stagger:e,staggerBy:a,fxName:n="fadeInDown"})=>{t.style.opacity="0",e&&await i(e*a),t.style.opacity="1",t.classList.add("animate__animated","animate__"+n)},n=async({target:t,stagger:e,capturePosition:a=!0,fxName:n="fadeOutUp",staggerBy:s})=>{a&&function(t){t.style.zIndex=t.style.zIndex||1;const e=t.offsetTop+"px",a=t.offsetLeft+"px",n=t.clientWidth+(t.offsetWidth-t.clientWidth)+1+"px",i=t.clientHeight+(t.offsetHeight-t.clientHeight)+1+"px";setTimeout((()=>{t.style.top=e,t.style.left=a,t.style.width=n,t.style.height=i,t.style.position="absolute"}),0)}(t),e&&await i(e*s),t.classList.add("animate__animated","animate__"+n),await i(1e3),t.classList.remove("animate__animated","animate__"+n)};function i(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:s,out:o}=function({fxIn:t,fxOut:e,staggerBy:i=300}){return{in:e=>a({fxName:t,staggerBy:i,...e}),out:t=>n({fxName:e,staggerBy:i,capturePosition:!0,...t})}}({fxIn:"fadeInDown",fxOut:"fadeOutUp"});var f=e.C,r=e.M;export{f as fadeInDown,r as fadeOutUp};
+var t={d:(e,a)=>{for(var n in a)t.o(a,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:a[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function a({fxIn:t,fxOut:e,staggerBy:a=300}){return{in:e=>n({fxName:t,staggerBy:a,...e}),out:t=>i({fxName:e,staggerBy:a,capturePosition:!0,...t})}}t.d(e,{qG:()=>r,Ce:()=>o,Xn:()=>d,MV:()=>f});const n=async({target:t,stagger:e,staggerBy:a,fxName:n="fadeInDown"})=>{t.style.opacity="0",e&&await s(e*a),t.style.opacity="1",t.classList.add("animate__animated","animate__"+n)},i=async({target:t,stagger:e,capturePosition:a=!0,fxName:n="fadeOutUp",staggerBy:i})=>{a&&function(t){t.style.zIndex=t.style.zIndex||1;const e=t.offsetTop+"px",a=t.offsetLeft+"px",n=t.clientWidth+(t.offsetWidth-t.clientWidth)+1+"px",i=t.clientHeight+(t.offsetHeight-t.clientHeight)+1+"px";setTimeout((()=>{t.style.top=e,t.style.left=a,t.style.width=n,t.style.height=i,t.style.position="absolute"}),0)}(t),e&&await s(e*i),t.classList.add("animate__animated","animate__"+n),await s(1e3),t.classList.remove("animate__animated","animate__"+n)};function s(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:o,out:f}=a({fxIn:"fadeInDown",fxOut:"fadeOutUp"}),{in:r,out:d}=a({fxIn:"fadeIn",fxOut:"fadeOut"});var c=e.qG,u=e.Ce,g=e.Xn,l=e.MV;export{c as fadeIn,u as fadeInDown,g as fadeOut,l as fadeOutUp};
 //# sourceMappingURL=bundle.js.map

package/bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.js","mappings":"AACA,IAAIA,EAAsB,CCA1BA,EAAwB,CAACC,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDH,EAAwB,CAACS,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,I,8BCMlF,MAAMI,EAAcC,OAASC,SAAQC,UAASC,YAAWC,SAAS,iBAC9DH,EAAOI,MAAMC,QAAU,IACnBJ,SACMK,EAAKL,EAAUC,GAEzBF,EAAOI,MAAMC,QAAU,IACvBL,EAAOO,UAAUC,IAAI,oBAAqB,YAAcL,EAAO,EAE7DM,EAAiBV,OAASC,SAAQC,UAASS,mBAAkB,EAAMP,SAAS,YAAaD,gBACvFQ,GAWD,SAAgCC,GACnCA,EAAQP,MAAMQ,OAASD,EAAQP,MAAMQ,QAAU,EAC/C,MAAMC,EAAQF,EAAQG,UAAY,KAC5BC,EAASJ,EAAQK,WAAa,KAC9BC,EAAWN,EAAQO,aAAeP,EAAQQ,YAAcR,EAAQO,aAAe,EAAK,KACpFE,EAAYT,EAAQU,cAAgBV,EAAQW,aAAeX,EAAQU,cAAgB,EAAK,KAU9FE,YATY,KACRZ,EAAQP,MAAMoB,IAAMX,EACpBF,EAAQP,MAAMqB,KAAOV,EACrBJ,EAAQP,MAAMsB,MAAQT,EACtBN,EAAQP,MAAMuB,OAASP,EACvBT,EAAQP,MAAMwB,SAAW,UAAU,GAIvB,EACpB,CA1BQC,CAAuB7B,GAEvBC,SACMK,EAAKL,EAAUC,GAEzBF,EAAOO,UAAUC,IAAI,oBAAqB,YAAcL,SAClDG,EAAK,KACXN,EAAOO,UAAUuB,OAAO,oBAAqB,YAAc3B,EAAO,EAoBtE,SAASG,EAAKyB,GACV,OAAO,IAAIC,SAASC,IAChBV,WAAWU,EAAKF,EAAK,GAE7B,CC9CO,MAAQG,GAAIC,EAAYC,IAAKC,GDD7B,UAAkB,KAAEC,EAAI,MAAEC,EAAK,UAAErC,EAAY,MAChD,MAAO,CACHgC,GAAKM,GAAU1C,EAAY,CAAEK,OAAQmC,EAAMpC,eAAcsC,IACzDJ,IAAMI,GAAU/B,EAAe,CAAEN,OAAQoC,EAAOrC,YAAWQ,iBAAiB,KAAS8B,IAE7F,CCJkDC,CAAS,CAAEH,KAAM,aAAcC,MAAO,c","sources":["webpack://taggedjs-animate-css/webpack/bootstrap","webpack://taggedjs-animate-css/webpack/runtime/define property getters","webpack://taggedjs-animate-css/webpack/runtime/hasOwnProperty shorthand","webpack://taggedjs-animate-css/./ts/createFx.function.ts","webpack://taggedjs-animate-css/./ts/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","export function createFx({ fxIn, fxOut, staggerBy = 300, }) {\n    return {\n        in: (input) => animateInit({ fxName: fxIn, staggerBy, ...input }),\n        out: (input) => animateDestroy({ fxName: fxOut, staggerBy, capturePosition: true, ...input }),\n    };\n}\nconst animateInit = async ({ target, stagger, staggerBy, fxName = 'fadeInDown' }) => {\n    target.style.opacity = '0';\n    if (stagger) {\n        await wait(stagger * staggerBy);\n    }\n    target.style.opacity = '1';\n    target.classList.add('animate__animated', 'animate__' + fxName);\n};\nconst animateDestroy = async ({ target, stagger, capturePosition = true, fxName = 'fadeOutUp', staggerBy }) => {\n    if (capturePosition) {\n        captureElementPosition(target);\n    }\n    if (stagger) {\n        await wait(stagger * staggerBy);\n    }\n    target.classList.add('animate__animated', 'animate__' + fxName);\n    await wait(1000); // don't allow remove from stage until animation completed\n    target.classList.remove('animate__animated', 'animate__' + fxName);\n};\n// absolute\nexport function captureElementPosition(element) {\n    element.style.zIndex = element.style.zIndex || 1;\n    const toTop = element.offsetTop + 'px';\n    const toLeft = element.offsetLeft + 'px';\n    const toWidth = (element.clientWidth + (element.offsetWidth - element.clientWidth) + 1) + 'px';\n    const toHeight = (element.clientHeight + (element.offsetHeight - element.clientHeight) + 1) + 'px';\n    const fix = () => {\n        element.style.top = toTop;\n        element.style.left = toLeft;\n        element.style.width = toWidth;\n        element.style.height = toHeight;\n        element.style.position = 'absolute';\n    };\n    // element.style.position = 'fixed'\n    // allow other elements that are being removed to have a moment to figure out where they currently sit\n    setTimeout(fix, 0);\n}\nfunction wait(time) {\n    return new Promise((res) => {\n        setTimeout(res, time);\n    });\n}\n","import { createFx } from \"./createFx.function.js\";\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({ fxIn: 'fadeInDown', fxOut: 'fadeOutUp' });\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","animateInit","async","target","stagger","staggerBy","fxName","style","opacity","wait","classList","add","animateDestroy","capturePosition","element","zIndex","toTop","offsetTop","toLeft","offsetLeft","toWidth","clientWidth","offsetWidth","toHeight","clientHeight","offsetHeight","setTimeout","top","left","width","height","position","captureElementPosition","remove","time","Promise","res","in","fadeInDown","out","fadeOutUp","fxIn","fxOut","input","createFx"],"sourceRoot":""}
+{"version":3,"file":"bundle.js","mappings":"AACA,IAAIA,EAAsB,CCA1BA,EAAwB,CAACC,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDH,EAAwB,CAACS,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,I,KCA3E,SAASI,GAAS,KAAEC,EAAI,MAAEC,EAAK,UAAEC,EAAY,MAChD,MAAO,CACHC,GAAKC,GAAUC,EAAY,CAAEC,OAAQN,EAAME,eAAcE,IACzDG,IAAMH,GAAUI,EAAe,CAAEF,OAAQL,EAAOC,YAAWO,iBAAiB,KAASL,IAE7F,C,6CACA,MAAMC,EAAcK,OAASC,SAAQC,UAASV,YAAWI,SAAS,iBAC9DK,EAAOE,MAAMC,QAAU,IACnBF,SACMG,EAAKH,EAAUV,GAEzBS,EAAOE,MAAMC,QAAU,IACvBH,EAAOK,UAAUC,IAAI,oBAAqB,YAAcX,EAAO,EAE7DE,EAAiBE,OAASC,SAAQC,UAASH,mBAAkB,EAAMH,SAAS,YAAaJ,gBACvFO,GAWD,SAAgCS,GACnCA,EAAQL,MAAMM,OAASD,EAAQL,MAAMM,QAAU,EAC/C,MAAMC,EAAQF,EAAQG,UAAY,KAC5BC,EAASJ,EAAQK,WAAa,KAC9BC,EAAWN,EAAQO,aAAeP,EAAQQ,YAAcR,EAAQO,aAAe,EAAK,KACpFE,EAAYT,EAAQU,cAAgBV,EAAQW,aAAeX,EAAQU,cAAgB,EAAK,KAU9FE,YATY,KACRZ,EAAQL,MAAMkB,IAAMX,EACpBF,EAAQL,MAAMmB,KAAOV,EACrBJ,EAAQL,MAAMoB,MAAQT,EACtBN,EAAQL,MAAMqB,OAASP,EACvBT,EAAQL,MAAMsB,SAAW,UAAU,GAIvB,EACpB,CA1BQC,CAAuBzB,GAEvBC,SACMG,EAAKH,EAAUV,GAEzBS,EAAOK,UAAUC,IAAI,oBAAqB,YAAcX,SAClDS,EAAK,KACXJ,EAAOK,UAAUqB,OAAO,oBAAqB,YAAc/B,EAAO,EAoBtE,SAASS,EAAKuB,GACV,OAAO,IAAIC,SAASC,IAChBV,WAAWU,EAAKF,EAAK,GAE7B,CC9CO,MAAQnC,GAAIsC,EAAYlC,IAAKmC,GAAc3C,EAAS,CAAEC,KAAM,aAAcC,MAAO,eACzEE,GAAIwC,EAAQpC,IAAKqC,GAAY7C,EAAS,CAAEC,KAAM,SAAUC,MAAO,Y","sources":["webpack://taggedjs-animate-css/webpack/bootstrap","webpack://taggedjs-animate-css/webpack/runtime/define property getters","webpack://taggedjs-animate-css/webpack/runtime/hasOwnProperty shorthand","webpack://taggedjs-animate-css/./ts/createFx.function.ts","webpack://taggedjs-animate-css/./ts/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","export function createFx({ fxIn, fxOut, staggerBy = 300, }) {\n    return {\n        in: (input) => animateInit({ fxName: fxIn, staggerBy, ...input }),\n        out: (input) => animateDestroy({ fxName: fxOut, staggerBy, capturePosition: true, ...input }),\n    };\n}\nconst animateInit = async ({ target, stagger, staggerBy, fxName = 'fadeInDown' }) => {\n    target.style.opacity = '0';\n    if (stagger) {\n        await wait(stagger * staggerBy);\n    }\n    target.style.opacity = '1';\n    target.classList.add('animate__animated', 'animate__' + fxName);\n};\nconst animateDestroy = async ({ target, stagger, capturePosition = true, fxName = 'fadeOutUp', staggerBy }) => {\n    if (capturePosition) {\n        captureElementPosition(target);\n    }\n    if (stagger) {\n        await wait(stagger * staggerBy);\n    }\n    target.classList.add('animate__animated', 'animate__' + fxName);\n    await wait(1000); // don't allow remove from stage until animation completed\n    target.classList.remove('animate__animated', 'animate__' + fxName);\n};\n// absolute\nexport function captureElementPosition(element) {\n    element.style.zIndex = element.style.zIndex || 1;\n    const toTop = element.offsetTop + 'px';\n    const toLeft = element.offsetLeft + 'px';\n    const toWidth = (element.clientWidth + (element.offsetWidth - element.clientWidth) + 1) + 'px';\n    const toHeight = (element.clientHeight + (element.offsetHeight - element.clientHeight) + 1) + 'px';\n    const fix = () => {\n        element.style.top = toTop;\n        element.style.left = toLeft;\n        element.style.width = toWidth;\n        element.style.height = toHeight;\n        element.style.position = 'absolute';\n    };\n    // element.style.position = 'fixed'\n    // allow other elements that are being removed to have a moment to figure out where they currently sit\n    setTimeout(fix, 0);\n}\nfunction wait(time) {\n    return new Promise((res) => {\n        setTimeout(res, time);\n    });\n}\n","import { createFx } from \"./createFx.function.js\";\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({ fxIn: 'fadeInDown', fxOut: 'fadeOutUp' });\nexport const { in: fadeIn, out: fadeOut } = createFx({ fxIn: 'fadeIn', fxOut: 'fadeOut' });\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","createFx","fxIn","fxOut","staggerBy","in","input","animateInit","fxName","out","animateDestroy","capturePosition","async","target","stagger","style","opacity","wait","classList","add","element","zIndex","toTop","offsetTop","toLeft","offsetLeft","toWidth","clientWidth","offsetWidth","toHeight","clientHeight","offsetHeight","setTimeout","top","left","width","height","position","captureElementPosition","remove","time","Promise","res","fadeInDown","fadeOutUp","fadeIn","fadeOut"],"sourceRoot":""}

package/js/index.d.ts

@@ -5,3 +5,10 @@ export declare const fadeInDown: (input: {
     target: HTMLElement;
     stagger: number;
 }) => Promise<void>;
+export declare const fadeIn: (input: {
+    target: HTMLElement;
+    stagger: number;
+}) => Promise<void>, fadeOut: (input: {
+    target: HTMLElement;
+    stagger: number;
+}) => Promise<void>;

package/js/index.js

@@ -1,3 +1,4 @@
 import { createFx } from "./createFx.function.js";
 export const { in: fadeInDown, out: fadeOutUp } = createFx({ fxIn: 'fadeInDown', fxOut: 'fadeOutUp' });
+export const { in: fadeIn, out: fadeOut } = createFx({ fxIn: 'fadeIn', fxOut: 'fadeOut' });
 //# sourceMappingURL=index.js.map

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAC,IAAI,EAAC,YAAY,EAAE,KAAK,EAAC,WAAW,EAAC,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAC,IAAI,EAAC,YAAY,EAAE,KAAK,EAAC,WAAW,EAAC,CAAC,CAAA;AAClG,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,EAAC,IAAI,EAAC,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "taggedjs-animate-css",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "HTML and CSS animations for TaggedJs brought to us by animate-css",
   "main": "js/index.js",
   "keywords": [