taggedjs-animate-css 0.0.16 → 0.0.24

package/bundle.js

@@ -1,6 +1,2 @@
-var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},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,{_z:()=>O,mi:()=>I,qG:()=>c,Ce:()=>d,tE:()=>f,Xn:()=>x,rf:()=>r,MV:()=>l,fx:()=>p,WT:()=>m});var n={};function o({fxIn:t,fxOut:e,outPositionAbsolute:n=!0}){return{in:(e,n)=>i({fxName:t,...e},n),out:(t,o)=>a({fxName:e,outPositionAbsolute:n,...t},o)}}t.r(n),t.d(n,{_z:()=>O,mi:()=>I,qG:()=>c,Ce:()=>d,tE:()=>f,Xn:()=>x,rf:()=>r,MV:()=>l,fx:()=>p,WT:()=>m});const i=async({target:t,fxName:e="fadeInUp"},n)=>(t.style.opacity="0",n&&await u(n),t.style.opacity="1",s(e,t)),a=async({target:t,outPositionAbsolute:e=!0,fxName:n="fadeOutUp"},o)=>(e&&function(t){t.style.zIndex=t.style.zIndex||1;const e=t.offsetTop+"px",n=t.offsetLeft+"px",o=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=o,t.style.height=i,t.style.position="absolute"}),0)}(t),o&&await u(o),s(n,t));function s(t,e){let n;const o=new Promise((function(t){n=t}));return e.classList.add("animate__animated","animate__"+t),e.addEventListener("animationend",(function o(i){i.target===e&&(e.classList.remove("animate__animated","animate__"+t),e.removeEventListener("animationend",o),n(void 0))})),o}function u(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:f,out:r}=o({fxIn:"fadeInUp",fxOut:"fadeOutDown"}),{in:d,out:l}=o({fxIn:"fadeInDown",fxOut:"fadeOutUp"}),{in:c,out:x}=o({fxIn:"fadeIn",fxOut:"fadeOut"}),m=({stagger:t=100,fxIn:e,fxOut:o,duration:i="2s",inName:a="fadeInUp",outName:s="fadeOutDown",outPositionAbsolute:u=!1}={})=>{let f=0;const r=y((function(e){e.style.setProperty("--animate-duration",i);const n=t*f++;return r.fxIn({target:e},n).then((()=>{--f}))}),(function(e){e.style.setProperty("--animate-duration",i);const o=t*f++,a=r.fxOut({target:e},o).then((()=>{--f}));return(0,n.addPaintRemoveAwait)(a),a}),e,o,a,s,u);return r.host},p=({fxIn:t,fxOut:e,stagger:o,inName:i="fadeInUp",outName:a="fadeOutDown",duration:s=".2s",outPositionAbsolute:u=!1}={})=>{const f=y((t=>(t.style.setProperty("--animate-duration",s),f.fxIn({target:t},o))),(t=>{t.style.setProperty("--animate-duration",s);const e=f.fxOut({target:t},o);return(0,n.addPaintRemoveAwait)(e),e}),t,e,i,a,u);return f.host};function y(t,e,i,a,s,u,f){if(!i||!a){const t=o({fxIn:s,fxOut:u,outPositionAbsolute:f});i||(i=t.in),a||(a=t.out)}return{fxIn:i,fxOut:a,host:(0,n.host)((()=>{}),{onInit:t,onDestroy:e})}}function I({fxIn:t,fxOut:e,duration:i=".2s",outPositionAbsolute:a=!1}={duration:".2s",outPositionAbsolute:!1}){if(!t||!e){const n=o({fxIn:"fadeInUp",fxOut:"fadeOutDown",outPositionAbsolute:a});t||(t=n.in),e||(e=n.out)}const s=(0,n.getInnerHTML)();return n.html`
-    <div oninit=${t} ondestroy=${e} style.--animate-duration=${i}>${s}</div>
-  `.acceptInnerHTML(s)}function O({fxIn:t,fxOut:e,duration:i=".2s",outPositionAbsolute:a=!0}={duration:".2s",outPositionAbsolute:!0}){if(!t||!e){const n=o({fxIn:"fadeInUp",fxOut:"fadeOutDown",outPositionAbsolute:a});t||(t=n.in),e||(e=n.out)}const s=(0,n.getInnerHTML)();return n.html`
-    <div oninit=${t} ondestroy=${e} style.--animate-duration=${i}>${s}</div>
-  `.acceptInnerHTML(s)}var P=e._z,g=e.mi,b=e.qG,h=e.Ce,v=e.tE,w=e.Xn,A=e.rf,_=e.MV,T=e.fx,L=e.WT;export{P as animateLoop,g as animateWrap,b as fadeIn,h as fadeInDown,v as fadeInUp,w as fadeOut,A as fadeOutDown,_ as fadeOutUp,T as fx,L as fxGroup};
+var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},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,{qG:()=>x,Ce:()=>d,tE:()=>r,Xn:()=>c,rf:()=>u,MV:()=>l,fx:()=>m,WT:()=>y});var n={};function o({fxIn:t,fxOut:e,outPositionAbsolute:n=!0}){return{in:(e,n)=>a({fxName:t,...e},n),out:(t,o)=>i({fxName:e,outPositionAbsolute:n,...t},o)}}t.r(n),t.d(n,{qG:()=>x,Ce:()=>d,tE:()=>r,Xn:()=>c,rf:()=>u,MV:()=>l,fx:()=>m,WT:()=>y});const a=async({target:t,fxName:e="fadeInUp"},n)=>(t.style.opacity="0",n&&await f(n),t.style.opacity="1",s(e,t)),i=async({target:t,outPositionAbsolute:e=!0,fxName:n="fadeOutUp"},o)=>(e&&function(t){t.style.zIndex=t.style.zIndex||1;const e=t.offsetTop+"px",n=t.offsetLeft+"px",o=t.clientWidth+(t.offsetWidth-t.clientWidth)+1+"px",a=t.clientHeight+(t.offsetHeight-t.clientHeight)+1+"px";setTimeout((()=>{t.style.top=e,t.style.left=n,t.style.width=o,t.style.height=a,t.style.position="absolute"}),0)}(t),o&&await f(o),s(n,t));function s(t,e){let n;const o=new Promise((function(t){n=t}));return e.classList.add("animate__animated","animate__"+t),e.addEventListener("animationend",(function o(a){a.target===e&&(e.classList.remove("animate__animated","animate__"+t),e.removeEventListener("animationend",o),n(void 0))})),o}function f(t){return new Promise((e=>{setTimeout(e,t)}))}const{in:r,out:u}=o({fxIn:"fadeInUp",fxOut:"fadeOutDown"}),{in:d,out:l}=o({fxIn:"fadeInDown",fxOut:"fadeOutUp"}),{in:x,out:c}=o({fxIn:"fadeIn",fxOut:"fadeOut"}),y=({stagger:t=100,fxIn:e,fxOut:n,duration:o="2s",inName:a="fadeInUp",outName:i="fadeOutDown",outPositionAbsolute:s=!1}={})=>{let f=0;const r=p((function(e){e.style.setProperty("--animate-duration",o);const n=t*f++;return r.fxIn({target:e},n).then((()=>{--f}))}),(function(e){e.style.setProperty("--animate-duration",o);const n=t*f++;return r.fxOut({target:e},n).then((()=>{--f}))}),e,n,a,i,s);return r.host},m=({fxIn:t,fxOut:e,stagger:n,inName:o="fadeInUp",outName:a="fadeOutDown",duration:i=".2s",outPositionAbsolute:s=!1}={})=>{const f=p((t=>(t.style.setProperty("--animate-duration",i),f.fxIn({target:t},n))),(t=>{t.style.setProperty("--animate-duration",i);return f.fxOut({target:t},n)}),t,e,o,a,s);return f.host};function p(t,e,a,i,s,f,r){if(!a||!i){const t=o({fxIn:s,fxOut:f,outPositionAbsolute:r});a||(a=t.in),i||(i=t.out)}return{fxIn:a,fxOut:i,host:(0,n.host)((()=>{}),{onInit:t,onDestroy:e})}}var O=e.qG,I=e.Ce,g=e.tE,h=e.Xn,P=e.rf,b=e.MV,w=e.fx,v=e.WT;export{O as fadeIn,I as fadeInDown,g as fadeInUp,h as fadeOut,P as fadeOutDown,b as fadeOutUp,w as fx,v as fxGroup};
 //# sourceMappingURL=bundle.js.map

package/bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.js","mappings":"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","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, \n// staggerBy = 300,\noutPositionAbsolute = true, }) {\n    return {\n        in: (input, stagger) => animateInit({\n            fxName: fxIn,\n            ...input,\n        }, stagger),\n        out: (input, stagger) => animateDestroy({\n            fxName: fxOut,\n            outPositionAbsolute,\n            ...input,\n        }, stagger),\n    };\n}\nconst animateInit = async ({ target, fxName = 'fadeInUp' }, stagger) => {\n    target.style.opacity = '0';\n    if (stagger) {\n        await wait(stagger);\n    }\n    target.style.opacity = '1';\n    return addClassesTo(fxName, target);\n};\nconst animateDestroy = async ({ target, outPositionAbsolute = true, fxName = 'fadeOutUp', }, stagger) => {\n    if (outPositionAbsolute) {\n        captureElementPosition(target);\n    }\n    if (stagger) {\n        await wait(stagger);\n    }\n    return addClassesTo(fxName, target);\n};\nfunction addClassesTo(fxName, target) {\n    let res;\n    const promise = new Promise(function resinate(resolve) {\n        res = resolve;\n    });\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    return promise;\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 { addPaintRemoveAwait, getInnerHTML, host, html } from \"taggedjs\";\n/** preferred */\nexport const { in: fadeInUp, out: fadeOutDown } = createFx({\n    fxIn: 'fadeInUp',\n    fxOut: 'fadeOutDown'\n});\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({\n    fxIn: 'fadeInDown',\n    fxOut: 'fadeOutUp'\n});\nexport const { in: fadeIn, out: fadeOut } = createFx({\n    fxIn: 'fadeIn',\n    fxOut: 'fadeOut',\n});\n/** Group created animations together with staggering */\nexport const fxGroup = ({ stagger = 100, fxIn, fxOut, duration = '2s', inName = 'fadeInUp', outName = 'fadeOutDown', outPositionAbsolute = false, } = {}) => {\n    let staggerTime = 0;\n    const setup = setupFx(function onInit(element) {\n        element.style.setProperty('--animate-duration', duration);\n        const totalStagger = stagger * (staggerTime++);\n        return setup.fxIn({ target: element }, totalStagger).then(() => {\n            --staggerTime;\n        });\n    }, function onDestroy(element) {\n        element.style.setProperty('--animate-duration', duration);\n        const totalStagger = stagger * (staggerTime++);\n        const destroyPromise = setup.fxOut({ target: element }, totalStagger).then(() => {\n            --staggerTime;\n        });\n        addPaintRemoveAwait(destroyPromise);\n        return destroyPromise;\n    }, fxIn, fxOut, inName, outName, \n    // stagger,\n    outPositionAbsolute);\n    return setup.host;\n};\n/** Used as a host on element. <div ${fx()}> */\nexport const fx = ({ fxIn, fxOut, stagger, inName = 'fadeInUp', outName = 'fadeOutDown', duration = '.2s', outPositionAbsolute = false, } = {}) => {\n    const setup = setupFx((element) => {\n        element.style.setProperty('--animate-duration', duration);\n        return setup.fxIn({ target: element }, stagger);\n    }, (element) => {\n        element.style.setProperty('--animate-duration', duration);\n        const destroyPromise = setup.fxOut({ target: element }, stagger);\n        addPaintRemoveAwait(destroyPromise);\n        return destroyPromise;\n    }, fxIn, fxOut, inName, outName, \n    // stagger,\n    outPositionAbsolute);\n    return setup.host;\n};\nfunction setupFx(onInit, onDestroy, fxIn, fxOut, inName, outName, \n// stagger: number | undefined,\noutPositionAbsolute) {\n    if (!fxIn || !fxOut) {\n        const created = createFx({\n            fxIn: inName,\n            fxOut: outName,\n            // staggerBy: stagger,\n            outPositionAbsolute,\n        });\n        if (!fxIn) {\n            fxIn = created.in;\n        }\n        if (!fxOut) {\n            fxOut = created.out;\n        }\n    }\n    return {\n        fxIn, fxOut,\n        host: host(() => undefined, {\n            onInit,\n            onDestroy,\n        })\n    };\n}\n/** @deprecated - Instead use <div ${fx()}> ... Use on html elements to have them animated in and out */\nexport function animateWrap({ fxIn, fxOut, duration = '.2s', outPositionAbsolute = false, } = {\n    duration: '.2s',\n    outPositionAbsolute: false,\n}) {\n    if (!fxIn || !fxOut) {\n        const created = createFx({\n            fxIn: 'fadeInUp',\n            fxOut: 'fadeOutDown',\n            outPositionAbsolute,\n        });\n        if (!fxIn) {\n            fxIn = created.in;\n        }\n        if (!fxOut) {\n            fxOut = created.out;\n        }\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/** Use on html elements, within a loop, to have them animated in and out */\nexport function animateLoop({ fxIn, fxOut, duration = '.2s', outPositionAbsolute = true, } = {\n    duration: '.2s',\n    outPositionAbsolute: true,\n}) {\n    if (!fxIn || !fxOut) {\n        const created = createFx({\n            fxIn: 'fadeInUp',\n            fxOut: 'fadeOutDown',\n            outPositionAbsolute\n        });\n        if (!fxIn) {\n            fxIn = created.in;\n        }\n        if (!fxOut) {\n            fxOut = created.out;\n        }\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","outPositionAbsolute","in","input","stagger","animateInit","fxName","out","animateDestroy","async","target","style","opacity","wait","addClassesTo","element","zIndex","toTop","offsetTop","toLeft","offsetLeft","toWidth","clientWidth","offsetWidth","toHeight","clientHeight","offsetHeight","setTimeout","top","left","width","height","position","captureElementPosition","res","promise","Promise","resolve","classList","add","addEventListener","handleAnimationEnd","event","remove","removeEventListener","undefined","time","fadeInUp","fadeOutDown","fadeInDown","fadeOutUp","fadeIn","fadeOut","fxGroup","duration","inName","outName","staggerTime","setup","setupFx","setProperty","totalStagger","then","destroyPromise","addPaintRemoveAwait","host","fx","onInit","onDestroy","created","animateWrap","innerHTML","getInnerHTML","html","acceptInnerHTML","animateLoop"],"sourceRoot":""}
+{"version":3,"file":"bundle.js","mappings":"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","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, \n// staggerBy = 300,\noutPositionAbsolute = true, }) {\n    return {\n        in: (input, stagger) => animateInit({\n            fxName: fxIn,\n            ...input,\n        }, stagger),\n        out: (input, stagger) => animateDestroy({\n            fxName: fxOut,\n            outPositionAbsolute,\n            ...input,\n        }, stagger),\n    };\n}\nconst animateInit = async ({ target, fxName = 'fadeInUp' }, stagger) => {\n    target.style.opacity = '0';\n    if (stagger) {\n        await wait(stagger);\n    }\n    target.style.opacity = '1';\n    return addClassesTo(fxName, target);\n};\nconst animateDestroy = async ({ target, outPositionAbsolute = true, fxName = 'fadeOutUp', }, stagger) => {\n    if (outPositionAbsolute) {\n        captureElementPosition(target);\n    }\n    if (stagger) {\n        await wait(stagger);\n    }\n    return addClassesTo(fxName, target);\n};\nfunction addClassesTo(fxName, target) {\n    let res;\n    const promise = new Promise(function resinate(resolve) {\n        res = resolve;\n    });\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    return promise;\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 { host } from \"taggedjs\";\n/** preferred */\nexport const { in: fadeInUp, out: fadeOutDown } = createFx({\n    fxIn: 'fadeInUp',\n    fxOut: 'fadeOutDown'\n});\nexport const { in: fadeInDown, out: fadeOutUp } = createFx({\n    fxIn: 'fadeInDown',\n    fxOut: 'fadeOutUp'\n});\nexport const { in: fadeIn, out: fadeOut } = createFx({\n    fxIn: 'fadeIn',\n    fxOut: 'fadeOut',\n});\n/** Group created animations together with staggering */\nexport const fxGroup = ({ stagger = 100, fxIn, fxOut, duration = '2s', inName = 'fadeInUp', outName = 'fadeOutDown', outPositionAbsolute = false, } = {}) => {\n    let staggerTime = 0;\n    const setup = setupFx(function onInit(element) {\n        element.style.setProperty('--animate-duration', duration);\n        const totalStagger = stagger * (staggerTime++);\n        return setup.fxIn({ target: element }, totalStagger).then(() => {\n            --staggerTime;\n        });\n    }, function onDestroy(element) {\n        element.style.setProperty('--animate-duration', duration);\n        const totalStagger = stagger * (staggerTime++);\n        const destroyPromise = setup.fxOut({ target: element }, totalStagger).then(() => {\n            --staggerTime;\n        });\n        // addPaintRemoveAwait(destroyPromise)\n        return destroyPromise;\n    }, fxIn, fxOut, inName, outName, \n    // stagger,\n    outPositionAbsolute);\n    return setup.host;\n};\n/** Used as a host on element. <div ${fx()}> */\nexport const fx = ({ fxIn, fxOut, stagger, inName = 'fadeInUp', outName = 'fadeOutDown', duration = '.2s', outPositionAbsolute = false, } = {}) => {\n    const setup = setupFx((element) => {\n        element.style.setProperty('--animate-duration', duration);\n        return setup.fxIn({ target: element }, stagger);\n    }, (element) => {\n        element.style.setProperty('--animate-duration', duration);\n        const destroyPromise = setup.fxOut({ target: element }, stagger);\n        // addPaintRemoveAwait(destroyPromise)\n        return destroyPromise;\n    }, fxIn, fxOut, inName, outName, \n    // stagger,\n    outPositionAbsolute);\n    return setup.host;\n};\nfunction setupFx(onInit, onDestroy, fxIn, fxOut, inName, outName, \n// stagger: number | undefined,\noutPositionAbsolute) {\n    if (!fxIn || !fxOut) {\n        const created = createFx({\n            fxIn: inName,\n            fxOut: outName,\n            // staggerBy: stagger,\n            outPositionAbsolute,\n        });\n        if (!fxIn) {\n            fxIn = created.in;\n        }\n        if (!fxOut) {\n            fxOut = created.out;\n        }\n    }\n    return {\n        fxIn, fxOut,\n        host: host(() => undefined, {\n            onInit,\n            onDestroy,\n        })\n    };\n}\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","createFx","fxIn","fxOut","outPositionAbsolute","in","input","stagger","animateInit","fxName","out","animateDestroy","async","target","style","opacity","wait","addClassesTo","element","zIndex","toTop","offsetTop","toLeft","offsetLeft","toWidth","clientWidth","offsetWidth","toHeight","clientHeight","offsetHeight","setTimeout","top","left","width","height","position","captureElementPosition","res","promise","Promise","resolve","classList","add","addEventListener","handleAnimationEnd","event","remove","removeEventListener","undefined","time","fadeInUp","fadeOutDown","fadeInDown","fadeOutUp","fadeIn","fadeOut","fxGroup","duration","inName","outName","staggerTime","setup","setupFx","setProperty","totalStagger","then","host","fx","onInit","onDestroy","created"],"sourceRoot":""}

package/js/index.d.ts

@@ -10,7 +10,3 @@ export declare const fadeIn: (input: ElementEvent, stagger?: number | undefined)
 export declare const fxGroup: ({ stagger, fxIn, fxOut, duration, inName, outName, outPositionAbsolute, }?: AnimateWrapOptions) => HostValue;
 /** Used as a host on element. <div ${fx()}> */
 export declare const fx: ({ fxIn, fxOut, stagger, inName, outName, duration, outPositionAbsolute, }?: AnimateWrapOptions) => HostValue;
-/** @deprecated - Instead use <div ${fx()}> ... Use on html elements to have them animated in and out */
-export declare function animateWrap({ fxIn, fxOut, duration, outPositionAbsolute, }?: AnimateWrapOptions): import("taggedjs").Tag;
-/** Use on html elements, within a loop, to have them animated in and out */
-export declare function animateLoop({ fxIn, fxOut, duration, outPositionAbsolute, }?: AnimateWrapOptions): import("taggedjs").Tag;

package/js/index.js

@@ -1,5 +1,5 @@
 import { createFx } from "./createFx.function.js";
-import { addPaintRemoveAwait, getInnerHTML, host, html } from "taggedjs";
+import { host } from "taggedjs";
 /** preferred */
 export const { in: fadeInUp, out: fadeOutDown } = createFx({
     fxIn: 'fadeInUp',
@@ -28,7 +28,7 @@ export const fxGroup = ({ stagger = 100, fxIn, fxOut, duration = '2s', inName =
         const destroyPromise = setup.fxOut({ target: element }, totalStagger).then(() => {
             --staggerTime;
         });
-        addPaintRemoveAwait(destroyPromise);
+        // addPaintRemoveAwait(destroyPromise)
         return destroyPromise;
     }, fxIn, fxOut, inName, outName, 
     // stagger,
@@ -43,7 +43,7 @@ export const fx = ({ fxIn, fxOut, stagger, inName = 'fadeInUp', outName = 'fadeO
     }, (element) => {
         element.style.setProperty('--animate-duration', duration);
         const destroyPromise = setup.fxOut({ target: element }, stagger);
-        addPaintRemoveAwait(destroyPromise);
+        // addPaintRemoveAwait(destroyPromise)
         return destroyPromise;
     }, fxIn, fxOut, inName, outName, 
     // stagger,
@@ -75,50 +75,4 @@ outPositionAbsolute) {
         })
     };
 }
-/** @deprecated - Instead use <div ${fx()}> ... Use on html elements to have them animated in and out */
-export function animateWrap({ fxIn, fxOut, duration = '.2s', outPositionAbsolute = false, } = {
-    duration: '.2s',
-    outPositionAbsolute: false,
-}) {
-    if (!fxIn || !fxOut) {
-        const created = createFx({
-            fxIn: 'fadeInUp',
-            fxOut: 'fadeOutDown',
-            outPositionAbsolute,
-        });
-        if (!fxIn) {
-            fxIn = created.in;
-        }
-        if (!fxOut) {
-            fxOut = created.out;
-        }
-    }
-    const innerHTML = getInnerHTML();
-    return html `
-    <div oninit=${fxIn} ondestroy=${fxOut} style.--animate-duration=${duration}>${innerHTML}</div>
-  `.acceptInnerHTML(innerHTML);
-}
-/** Use on html elements, within a loop, to have them animated in and out */
-export function animateLoop({ fxIn, fxOut, duration = '.2s', outPositionAbsolute = true, } = {
-    duration: '.2s',
-    outPositionAbsolute: true,
-}) {
-    if (!fxIn || !fxOut) {
-        const created = createFx({
-            fxIn: 'fadeInUp',
-            fxOut: 'fadeOutDown',
-            outPositionAbsolute
-        });
-        if (!fxIn) {
-            fxIn = created.in;
-        }
-        if (!fxOut) {
-            fxOut = created.out;
-        }
-    }
-    const innerHTML = getInnerHTML();
-    return html `
-    <div oninit=${fxIn} ondestroy=${fxOut} style.--animate-duration=${duration}>${innerHTML}</div>
-  `.acceptInnerHTML(innerHTML);
-}
 //# sourceMappingURL=index.js.map

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAA2B,MAAM,UAAU,CAAA;AAIxD,gBAAgB;AAChB,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACzD,IAAI,EAAC,UAAU;IACf,KAAK,EAAC,aAAa;CACpB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IACzD,IAAI,EAAC,YAAY;IACjB,KAAK,EAAC,WAAW;CAClB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IACnD,IAAI,EAAC,QAAQ;IACb,KAAK,EAAC,SAAS;CAChB,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,GAAG,GAAG,EACb,IAAI,EAAE,KAAK,EACX,QAAQ,GAAG,IAAI,EACf,MAAM,GAAG,UAAU,EACnB,OAAO,GAAG,aAAa,EACvB,mBAAmB,GAAG,KAAK,MACL,EAAE,EACb,EAAE;IACb,IAAI,WAAW,GAAG,CAAC,CAAA;IAEnB,MAAM,KAAK,GAAG,OAAO,CACnB,SAAS,MAAM,CAAC,OAAO;QACrB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAA;QACzD,MAAM,YAAY,GAAG,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA;QAC9C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAyB,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACpF,EAAE,WAAW,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,SAAS,SAAS,CAAC,OAAO;QACxB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAA;QACzD,MAAM,YAAY,GAAG,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA;QAC9C,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,EAAyB,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACrG,EAAE,WAAW,CAAA;QACf,CAAC,CAAC,CAAA;QACF,sCAAsC;QACtC,OAAO,cAAc,CAAA;IACvB,CAAC,EACD,IAAI,EACJ,KAAK,EACL,MAAM,EAAE,OAAO;IACf,WAAW;IACX,mBAAmB,CACpB,CAAA;IAED,OAAO,KAAK,CAAC,IAAI,CAAA;AACnB,CAAC,CAAA;AAED,+CAA+C;AAC/C,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,IAAI,EAAE,KAAK,EAAE,OAAO,EACpB,MAAM,GAAG,UAAU,EACnB,OAAO,GAAG,aAAa,EACvB,QAAQ,GAAG,KAAK,EAChB,mBAAmB,GAAG,KAAK,MACL,EAAE,EACb,EAAE;IACb,MAAM,KAAK,GAAG,OAAO,CACnB,CAAC,OAAO,EAAE,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAA;QACzD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAyB,EAAE,OAAO,CAAC,CAAA;IACxE,CAAC,EACD,CAAC,OAAO,EAAE,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAA;QACzD,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,EAAyB,EAAE,OAAO,CAAC,CAAA;QACvF,sCAAsC;QACtC,OAAO,cAAc,CAAA;IACvB,CAAC,EACD,IAAI,EACJ,KAAK,EACL,MAAM,EAAE,OAAO;IACf,WAAW;IACX,mBAAmB,CACpB,CAAA;IAED,OAAO,KAAK,CAAC,IAAI,CAAA;AACnB,CAAC,CAAA;AAED,SAAS,OAAO,CACd,MAAoB,EACpB,SAAuB,EACvB,IAA4B,EAC5B,KAA6B,EAC7B,MAAc,EACd,OAAe;AACf,+BAA+B;AAC/B,mBAAwC;IAExC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,QAAQ,CAAC;YACvB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,sBAAsB;YACtB,mBAAmB;SACpB,CAAC,CAAA;QAEF,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,OAAO,CAAC,EAAE,CAAA;QACnB,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,KAAK,GAAG,OAAO,CAAC,GAAG,CAAA;QACrB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAG,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE;YAC3B,MAAM;YACN,SAAS;SACV,CAAC;KACH,CAAA;AACH,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "taggedjs-animate-css",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.24",
   "description": "HTML and CSS animations for TaggedJs brought to us by animate-css",
   "main": "js/index.js",
   "keywords": [
@@ -19,6 +19,6 @@
   "author": "Acker Dawn Apple",
   "license": "MIT",
   "peerDependencies": {
-    "taggedjs": "^2.8.38"
+    "taggedjs": "file:../../taggedjs/main/dist"
   }
 }