taggedjs-animate-css 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/bundle.js CHANGED
@@ -1,4 +1,4 @@
1
- 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),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.d(e,{mi:()=>l,qG:()=>d,Ce:()=>r,Xn:()=>u,MV:()=>f});var a={};function n({fxIn:t,fxOut:e,staggerBy:a=300}){return{in:e=>i({fxName:t,staggerBy:a,...e}),out:t=>o({fxName:e,staggerBy:a,capturePosition:!0,...t})}}t.r(a),t.d(a,{mi:()=>l,qG:()=>d,Ce:()=>r,Xn:()=>u,MV:()=>f});const i=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)},o=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.addEventListener("animationend",(function e(a){a.target===t&&(t.classList.remove("animate__animated","animate__"+n),t.removeEventListener("animationend",e))})),t.classList.add("animate__animated","animate__"+n)};function s(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:r,out:f}=n({fxIn:"fadeInDown",fxOut:"fadeOutUp"}),{in:d,out:u}=n({fxIn:"fadeIn",fxOut:"fadeOut"}),l=({fxIn:t=r,fxOut:e=f,duration:n=".1s"}={fxIn:r,fxOut:f,duration:".1s"})=>{const i=(0,a.getInnerHTML)();return a.html`
2
- <div oninit=${t} ondestroy=${e} style.--animate-duration=${n}>${i}</div>
3
- `.setInnerHTML(i)};var m=e.mi,y=e.qG,g=e.Ce,c=e.Xn,p=e.MV;export{m as animateWrap,y as fadeIn,g as fadeInDown,c as fadeOut,p as fadeOutUp};
1
+ var t={d:(e,n)=>{for(var a in n)t.o(n,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:n[a]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.d(e,{mi:()=>m,qG:()=>d,Ce:()=>r,Xn:()=>u,MV:()=>f});var n={};function a({fxIn:t,fxOut:e,staggerBy:n=300}){return{in:e=>i({fxName:t,staggerBy:n,...e}),out:t=>o({fxName:e,staggerBy:n,capturePosition:!0,...t})}}t.r(n),t.d(n,{mi:()=>m,qG:()=>d,Ce:()=>r,Xn:()=>u,MV:()=>f});const i=async({target:t,stagger:e,staggerBy:n,fxName:a="fadeInDown"})=>{t.style.opacity="0",e&&await s(e*n),t.style.opacity="1",t.classList.add("animate__animated","animate__"+a)},o=async({target:t,stagger:e,capturePosition:n=!0,fxName:a="fadeOutUp",staggerBy:i})=>(n&&function(t){t.style.zIndex=t.style.zIndex||1;const e=t.offsetTop+"px",n=t.offsetLeft+"px",a=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=n,t.style.width=a,t.style.height=i,t.style.position="absolute"}),0)}(t),e&&await s(e*i),new Promise((function(e){t.classList.add("animate__animated","animate__"+a),t.addEventListener("animationend",(function n(i){i.target===t&&(t.classList.remove("animate__animated","animate__"+a),t.removeEventListener("animationend",n),e(void 0))}))})));function s(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:r,out:f}=a({fxIn:"fadeInDown",fxOut:"fadeOutUp"}),{in:d,out:u}=a({fxIn:"fadeIn",fxOut:"fadeOut"}),m=({fxIn:t=r,fxOut:e=f,duration:a=".1s"}={fxIn:r,fxOut:f,duration:".1s"})=>{const i=(0,n.getInnerHTML)();return n.html`
2
+ <div oninit=${t} ondestroy=${e} style.--animate-duration=${a}>${i}</div>
3
+ `.acceptInnerHTML(i)};var l=e.mi,c=e.qG,y=e.Ce,g=e.Xn,p=e.MV;export{l as animateWrap,c as fadeIn,y as fadeInDown,g as fadeOut,p as fadeOutUp};
4
4
  //# sourceMappingURL=bundle.js.map
package/bundle.js.gz CHANGED
Binary file
package/bundle.js.map CHANGED
@@ -1 +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,GCClFV,EAAyBC,IACH,oBAAXa,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeL,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeL,EAAS,aAAc,CAAEe,OAAO,GAAO,G,oECLvD,SAASC,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,6DACA,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,GAyBD,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,CAxCQC,CAAuBzB,GAEvBC,SACMG,EAAKH,EAAUV,GAWzBS,EAAO0B,iBAAiB,gBARxB,SAASC,EAAmBC,GAEpBA,EAAM5B,SAAWA,IAGrBA,EAAOK,UAAUwB,OAAO,oBAAqB,YAAclC,GAC3DK,EAAO8B,oBAAoB,eAAgBH,GAC/C,IAEA3B,EAAOK,UAAUC,IAAI,oBAAqB,YAAcX,EAAO,EA0BnE,SAASS,EAAK2B,GACV,OAAO,IAAIC,SAASC,IAChBd,WAAWc,EAAKF,EAAK,GAE7B,CC3DO,MAAQvC,GAAI0C,EAAYtC,IAAKuC,GAAc/C,EAAS,CAAEC,KAAM,aAAcC,MAAO,eACzEE,GAAI4C,EAAQxC,IAAKyC,GAAYjD,EAAS,CAAEC,KAAM,SAAUC,MAAO,YACjEgD,EAAc,EAAGjD,OAAO6C,EAAY5C,QAAQ6C,EAAWI,WAAW,OAAW,CACtFlD,KAAM6C,EACN5C,MAAO6C,EACPI,SAAU,UAEV,MAAMC,GAAY,IAAAC,gBAClB,OAAO,EAAAC,IAAK;kBACErD,eAAkBC,8BAAkCiD,KAAYC;IAC9EG,aAAaH,EAAU,E","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/webpack/runtime/make namespace object","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))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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 // Create a one-time event listener\n function handleAnimationEnd(event) {\n // Optional: make sure the event is from the target element\n if (event.target !== target)\n return;\n // Clean up\n target.classList.remove('animate__animated', 'animate__' + fxName);\n target.removeEventListener('animationend', handleAnimationEnd);\n }\n target.addEventListener('animationend', handleAnimationEnd);\n target.classList.add('animate__animated', 'animate__' + fxName);\n /*\n // dont block process but remove from stage well after animation completed\n wait(1000).then(() => {\n target.classList.remove('animate__animated','animate__' + fxName)\n })\n */\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\";\nimport { getInnerHTML, html } from \"taggedjs\";\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({ fxIn: 'fadeInDown', fxOut: 'fadeOutUp' });\nexport const { in: fadeIn, out: fadeOut } = createFx({ fxIn: 'fadeIn', fxOut: 'fadeOut' });\nexport const animateWrap = ({ fxIn = fadeInDown, fxOut = fadeOutUp, duration = '.1s', } = {\n fxIn: fadeInDown,\n fxOut: fadeOutUp,\n duration: '.1s',\n}) => {\n const innerHTML = getInnerHTML();\n return html `\n <div oninit=${fxIn} ondestroy=${fxOut} style.--animate-duration=${duration}>${innerHTML}</div>\n `.setInnerHTML(innerHTML);\n};\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","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","addEventListener","handleAnimationEnd","event","remove","removeEventListener","time","Promise","res","fadeInDown","fadeOutUp","fadeIn","fadeOut","animateWrap","duration","innerHTML","getInnerHTML","html","setInnerHTML"],"sourceRoot":""}
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,GCClFV,EAAyBC,IACH,oBAAXa,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeL,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeL,EAAS,aAAc,CAAEe,OAAO,GAAO,G,oECLvD,SAASC,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,6DACA,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,GAsBD,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,CArCQC,CAAuBzB,GAEvBC,SACMG,EAAKH,EAAUV,GAElB,IAAImC,SAAQ,SAAUC,GAWzB3B,EAAOK,UAAUC,IAAI,oBAAqB,YAAcX,GACxDK,EAAO4B,iBAAiB,gBAVxB,SAASC,EAAmBC,GAEpBA,EAAM9B,SAAWA,IAGrBA,EAAOK,UAAU0B,OAAO,oBAAqB,YAAcpC,GAC3DK,EAAOgC,oBAAoB,eAAgBH,GAC3CF,OAAIM,GACR,GAGJ,KAoBJ,SAAS7B,EAAK8B,GACV,OAAO,IAAIR,SAASC,IAChBR,WAAWQ,EAAKO,EAAK,GAE7B,CCxDO,MAAQ1C,GAAI2C,EAAYvC,IAAKwC,GAAchD,EAAS,CAAEC,KAAM,aAAcC,MAAO,eACzEE,GAAI6C,EAAQzC,IAAK0C,GAAYlD,EAAS,CAAEC,KAAM,SAAUC,MAAO,YACjEiD,EAAc,EAAGlD,OAAO8C,EAAY7C,QAAQ8C,EAAWI,WAAW,OAAW,CACtFnD,KAAM8C,EACN7C,MAAO8C,EACPI,SAAU,UAEV,MAAMC,GAAY,IAAAC,gBAClB,OAAO,EAAAC,IAAK;kBACEtD,eAAkBC,8BAAkCkD,KAAYC;IAC9EG,gBAAgBH,EAAU,E","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/webpack/runtime/make namespace object","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))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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 return new Promise(function (res) {\n // Create a one-time event listener\n function handleAnimationEnd(event) {\n // Optional: make sure the event is from the target element\n if (event.target !== target)\n return;\n // Clean up\n target.classList.remove('animate__animated', 'animate__' + fxName);\n target.removeEventListener('animationend', handleAnimationEnd);\n res(undefined);\n }\n target.classList.add('animate__animated', 'animate__' + fxName);\n target.addEventListener('animationend', handleAnimationEnd);\n });\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\";\nimport { getInnerHTML, html } from \"taggedjs\";\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({ fxIn: 'fadeInDown', fxOut: 'fadeOutUp' });\nexport const { in: fadeIn, out: fadeOut } = createFx({ fxIn: 'fadeIn', fxOut: 'fadeOut' });\nexport const animateWrap = ({ fxIn = fadeInDown, fxOut = fadeOutUp, duration = '.1s', } = {\n fxIn: fadeInDown,\n fxOut: fadeOutUp,\n duration: '.1s',\n}) => {\n const innerHTML = getInnerHTML();\n return html `\n <div oninit=${fxIn} ondestroy=${fxOut} style.--animate-duration=${duration}>${innerHTML}</div>\n `.acceptInnerHTML(innerHTML);\n};\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","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","Promise","res","addEventListener","handleAnimationEnd","event","remove","removeEventListener","undefined","time","fadeInDown","fadeOutUp","fadeIn","fadeOut","animateWrap","duration","innerHTML","getInnerHTML","html","acceptInnerHTML"],"sourceRoot":""}
package/bundle.js.map.gz CHANGED
Binary file
@@ -19,23 +19,20 @@ const animateDestroy = async ({ target, stagger, capturePosition = true, fxName
19
19
  if (stagger) {
20
20
  await wait(stagger * staggerBy);
21
21
  }
22
- // Create a one-time event listener
23
- function handleAnimationEnd(event) {
24
- // Optional: make sure the event is from the target element
25
- if (event.target !== target)
26
- return;
27
- // Clean up
28
- target.classList.remove('animate__animated', 'animate__' + fxName);
29
- target.removeEventListener('animationend', handleAnimationEnd);
30
- }
31
- target.addEventListener('animationend', handleAnimationEnd);
32
- target.classList.add('animate__animated', 'animate__' + fxName);
33
- /*
34
- // dont block process but remove from stage well after animation completed
35
- wait(1000).then(() => {
36
- target.classList.remove('animate__animated','animate__' + fxName)
37
- })
38
- */
22
+ return new Promise(function (res) {
23
+ // Create a one-time event listener
24
+ function handleAnimationEnd(event) {
25
+ // Optional: make sure the event is from the target element
26
+ if (event.target !== target)
27
+ return;
28
+ // Clean up
29
+ target.classList.remove('animate__animated', 'animate__' + fxName);
30
+ target.removeEventListener('animationend', handleAnimationEnd);
31
+ res(undefined);
32
+ }
33
+ target.classList.add('animate__animated', 'animate__' + fxName);
34
+ target.addEventListener('animationend', handleAnimationEnd);
35
+ });
39
36
  };
40
37
  // absolute
41
38
  export function captureElementPosition(element) {
@@ -1 +1 @@
1
- {"version":3,"file":"createFx.function.js","sourceRoot":"","sources":["../ts/createFx.function.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"createFx.function.js","sourceRoot":"","sources":["../ts/createFx.function.ts"],"names":[],"mappings":"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"}
package/js/index.js CHANGED
@@ -10,6 +10,6 @@ export const animateWrap = ({ fxIn = fadeInDown, fxOut = fadeOutUp, duration = '
10
10
  const innerHTML = getInnerHTML();
11
11
  return html `
12
12
  <div oninit=${fxIn} ondestroy=${fxOut} style.--animate-duration=${duration}>${innerHTML}</div>
13
- `.setInnerHTML(innerHTML);
13
+ `.acceptInnerHTML(innerHTML);
14
14
  };
15
15
  //# sourceMappingURL=index.js.map
package/js/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE7C,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;AAatF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,GAAG,UAAU,EACjB,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,MACM;IACtB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,KAAK;CAChB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,IAAI,CAAA;kBACK,IAAI,cAAc,KAAK,6BAA6B,QAAQ,IAAI,SAAS;GACxF,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;AAC3B,CAAC,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE7C,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;AAatF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,GAAG,UAAU,EACjB,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,MACM;IACtB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,KAAK;CAChB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,IAAI,CAAA;kBACK,IAAI,cAAc,KAAK,6BAA6B,QAAQ,IAAI,SAAS;GACxF,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;AAC9B,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "taggedjs-animate-css",
3
3
  "type": "module",
4
- "version": "0.0.8",
4
+ "version": "0.0.10",
5
5
  "description": "HTML and CSS animations for TaggedJs brought to us by animate-css",
6
6
  "main": "js/index.js",
7
7
  "keywords": [