@gem-sdk/core 2.0.0-dev.1236 → 2.0.0-dev.1242
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/dist/cjs/components/ComponentWrapper.js +1 -1
- package/dist/cjs/helpers/queries/get-product.js +1 -1
- package/dist/cjs/hooks/animation/useAnimationTarget.js +1 -1
- package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -1
- package/dist/esm/components/ComponentWrapper.js +1 -1
- package/dist/esm/helpers/queries/get-product.js +1 -1
- package/dist/esm/hooks/animation/useAnimationTarget.js +1 -1
- package/dist/esm/hooks/animation/useApplyAnimation.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js");const ComponentWrapper=({children:e,pageType:t,...
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js"),ComponentAnimation=require("./ComponentAnimation.js"),useRenderMode=require("../hooks/useRenderMode.js");const ComponentWrapper=({children:e,pageType:t,...n})=>{let{isPreviewSharePageMode:s}=useRenderMode.useRenderMode();if("section"===n.type)return null;let r=composeAdvanceStyle.composeAdvanceStyle(n.advanced,n.tag,t),i=n.advanced,d=()=>{let e={};return n.advanced?.displayInitInteraction!==void 0&&(e={"display-init":n.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return constant.disableWrap.includes(n.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx(ComponentAnimation.default,{...n}),jsxRuntime.jsx(RenderCustomCode.default,{uid:n.uid,advanced:i}),jsxRuntime.jsx(e.type,{className:i?.cssClass,...e.props,style:r,advanced:i,builderAttrs:{...e.props.builderAttrs,...d()}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx(ComponentAnimation.default,{...n}),jsxRuntime.jsx(RenderCustomCode.default,{uid:n.uid,advanced:i}),jsxRuntime.jsx("div",{style:r,...d(),className:`${n.uid} ${i?.cssClass}`,children:e})]})};exports.default=ComponentWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var productLittleDetail_generated=require("../../graphql/queries/product-little-detail.generated.js"),productMedias_generated=require("../../graphql/queries/product-medias.generated.js"),productVariants_generated=require("../../graphql/queries/product-variants.generated.js");const getProduct=async(e,{id:t,isSample:r,isStorefront:a})=>{let[s,d,o]=await Promise.all([fetchProduct(e,{id:t,isSample:r,isStorefront:a}),fetchVariants(e,{id:t,isSample:r,isStorefront:a}),fetchMedias(e,{id:t,isSample:r,isStorefront:a})]);if(!s)throw Error("Product not found");return{...s,variants:{edges:d},medias:{edges:o}}},orderBy={field:"
|
|
1
|
+
"use strict";var productLittleDetail_generated=require("../../graphql/queries/product-little-detail.generated.js"),productMedias_generated=require("../../graphql/queries/product-medias.generated.js"),productVariants_generated=require("../../graphql/queries/product-variants.generated.js");const getProduct=async(e,{id:t,isSample:r,isStorefront:a})=>{let[s,d,o]=await Promise.all([fetchProduct(e,{id:t,isSample:r,isStorefront:a}),fetchVariants(e,{id:t,isSample:r,isStorefront:a}),fetchMedias(e,{id:t,isSample:r,isStorefront:a})]);if(!s)throw Error("Product not found");return{...s,variants:{edges:d},medias:{edges:o}}},orderBy={field:"PLATFORM_CREATED_AT",direction:"DESC"},fetchProduct=async(e,{id:t,isSample:r,isStorefront:a})=>{let s={orderBy,where:{isSample:r,...a&&{isStorefront:a},...(!t||t&&"latest"==t.toLowerCase())&&{status:"ACTIVE"},...t&&"latest"!==t.toLowerCase()&&{baseID:t}}},d=await e([productLittleDetail_generated.ProductLittleDetailDocument,s]);return d.product?.edges?.[0]?.node},fetchVariants=async(e,{id:t,isSample:r,isStorefront:a})=>{let s={orderBy,where:{isSample:r,...a&&{isStorefront:a},...(!t||t&&"latest"==t.toLowerCase())&&{status:"ACTIVE"},...t&&"latest"!==t.toLowerCase()&&{baseID:t}},orderByVariant:{field:"POSITION",direction:"ASC"}},d=async(t,r)=>{try{let a=await e([productVariants_generated.ProductVariantsDocument,t]),s=a.variants?.edges?.[0],o=r?.concat(s?.node?.variants?.edges??[]);if(s?.node?.variants?.pageInfo?.hasNextPage)return d({...t,afterVariant:s?.node?.variants?.pageInfo.endCursor},o);return o??[]}catch{return r??[]}};return d(s,[])},fetchMedias=async(e,{id:t,isSample:r,isStorefront:a})=>{let s={orderBy,where:{isSample:r,...a&&{isStorefront:a},...(!t||t&&"latest"==t.toLowerCase())&&{status:"ACTIVE"},...t&&"latest"!==t.toLowerCase()&&{baseID:t}},orderByMedia:{field:"POSITION",direction:"ASC"}},d=async t=>{try{let r=await e([productMedias_generated.ProductMediasDocument,t]),a=r.medias?.edges?.[0],s=a?.node?.medias?.edges??[];if(a?.node?.medias?.pageInfo?.hasNextPage)try{let e=await d({...t,afterMedia:a?.node?.medias?.pageInfo.endCursor});return s.concat(e)}catch{}return s}catch{return[]}};return d(s)};exports.fetchMedias=fetchMedias,exports.fetchVariants=fetchVariants,exports.getProduct=getProduct;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var react=require("react"),useAnimationConfig=require("./useAnimationConfig.js");const SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=t=>{let{isEnabledAnimation:e}=useAnimationConfig.useAnimationConfig(t),r=t.tag,
|
|
2
|
+
"use strict";var react=require("react"),useAnimationConfig=require("./useAnimationConfig.js"),useRenderMode=require("../useRenderMode.js");const SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=t=>{let{isEnabledAnimation:e}=useAnimationConfig.useAnimationConfig(t),{isPreviewSharePageMode:r}=useRenderMode.useRenderMode(),a=t.tag,o=t.uid,u=react.useRef(null),T=react.useRef([]),i=t=>{if(T.current)for(let e of T.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},n=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),u=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:u,sectionAddTop:e,sectionAddBottom:r}},A=react.useCallback(t=>t.reduce((t,e)=>{let r=null,o=null,u=e,T=e.querySelector("[data-toolbar][data-toolbar-active]"),i=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(a){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":u=e.querySelector(".gp-button-base");break;case"ProductProperties":u=e.querySelector("input");break;case"Icon":u=e.firstElementChild;break;case"ProductTag":u=e?.children[0]?.children[0];break;case"Section":{u=e;let{sectionOutline:t,sectionToolbar:a,sectionAddTop:A,sectionAddBottom:c}=n(u);i=t,T=a,r=A,o=c;break}default:u=e}let c={target:u,toolbar:T,outline:i,spacing:A,addSectionTop:r,addSectionBottom:o};return t.push(c),t},[]),[a]),c=react.useCallback(()=>{if(!e)return;let t=document.body.querySelector("#storefront");if(t){let e=r?"data-id":"data-uid";u.current=t.querySelectorAll(`[${e}="${o}"]`)}let a=Array.from(u.current||[]);if(!a.length)return;let i=A(a);T.current=i},[o,A,e,r]);return{targetObjects:T,setToolbarActive:i,initListOfTargets:c}};exports.useAnimationTarget=useAnimationTarget;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),useAnimations=require("../useAnimations.js"),useAnimationTarget=require("./useAnimationTarget.js"),useAnimationConfig=require("./useAnimationConfig.js"),useAnimationActions=require("./useAnimationActions.js"),useAnimationPreview=require("./useAnimationPreview.js");require("../../types/builder.js"),require("../../types/custom.js");var animations=require("../../types/animations.js"),_const=require("../../helpers/const.js");const useApplyAnimation=({props:e})=>{let{uid:i}=e,n=useAnimations.useAnimations(),{initListOfTargets:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),useAnimations=require("../useAnimations.js"),useAnimationTarget=require("./useAnimationTarget.js"),useAnimationConfig=require("./useAnimationConfig.js"),useAnimationActions=require("./useAnimationActions.js"),useAnimationPreview=require("./useAnimationPreview.js");require("../../types/builder.js"),require("../../types/custom.js");var animations=require("../../types/animations.js"),_const=require("../../helpers/const.js"),useRenderMode=require("../useRenderMode.js");const useApplyAnimation=({props:e})=>{let{uid:i}=e,{isPreviewSharePageMode:n}=useRenderMode.useRenderMode(),t=useAnimations.useAnimations(),{initListOfTargets:s,targetObjects:r,setToolbarActive:a}=useAnimationTarget.useAnimationTarget(e),{isEnabledAnimation:o,getAnimationConfig:u}=useAnimationConfig.useAnimationConfig(e),{setAnimation:m,cancelAnimation:A,playAnimation:c,setAnimationOnFinish:d}=useAnimationActions.useAnimationActions(),p=()=>{e.tag===_const.DIALOG&&(s(),v()),c()},{previewAnimation:l}=useAnimationPreview.useAnimationPreview({props:e,playAnimation:p,cancelAnimation:A,setAnimationOnFinish:d,setToolbarActive:a}),f=react.useCallback(({target:e,setting:i,type:n,reverse:s})=>t[n](e,i,s),[t]),v=react.useCallback(()=>{let{type:e,setting:i,reverse:n}=u();if(!e||e===animations.AnimationType.None||!r.current.length){A();return}let t=r.current.map(t=>f({type:e,setting:i,target:t.target,reverse:n}));A(),m(t)},[u,r,A,m,f]);react.useEffect(()=>(o?(s(),v()):A(),()=>{A()}),[i,v,A,o,s]),react.useEffect(()=>(window.addEventListener("preview-animation",l),()=>{window.removeEventListener("preview-animation",l)}),[l]),react.useEffect(()=>(window.addEventListener("init-animation-target",s),()=>{window.removeEventListener("init-animation-target",s)}),[s]),react.useEffect(()=>{n&&c()},[n,c])};exports.default=useApplyAnimation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{isValidElement as
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{isValidElement as n}from"react";import{composeAdvanceStyle as o}from"../helpers/compose-advance-style.js";import{disableWrap as a}from"./constant.js";import i from"./RenderCustomCode.js";import s from"./ComponentAnimation.js";import{useRenderMode as d}from"../hooks/useRenderMode.js";let ComponentWrapper=({children:p,pageType:c,...l})=>{let{isPreviewSharePageMode:m}=d();if("section"===l.type)return null;let u=o(l.advanced,l.tag,c),f=l.advanced,v=()=>{let e={};return l.advanced?.displayInitInteraction!==void 0&&(e={"display-init":l.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return a.includes(l.tag)&&n(p)?e(t,{children:[m&&r(s,{...l}),r(i,{uid:l.uid,advanced:f}),r(p.type,{className:f?.cssClass,...p.props,style:u,advanced:f,builderAttrs:{...p.props.builderAttrs,...v()}})]}):e(t,{children:[m&&r(s,{...l}),r(i,{uid:l.uid,advanced:f}),r("div",{style:u,...v(),className:`${l.uid} ${f?.cssClass}`,children:p})]})};export{ComponentWrapper as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ProductLittleDetailDocument as e}from"../../graphql/queries/product-little-detail.generated.js";import{ProductMediasDocument as t}from"../../graphql/queries/product-medias.generated.js";import{ProductVariantsDocument as r}from"../../graphql/queries/product-variants.generated.js";let getProduct=async(e,{id:t,isSample:r,isStorefront:a})=>{let[s,o,d]=await Promise.all([fetchProduct(e,{id:t,isSample:r,isStorefront:a}),fetchVariants(e,{id:t,isSample:r,isStorefront:a}),fetchMedias(e,{id:t,isSample:r,isStorefront:a})]);if(!s)throw Error("Product not found");return{...s,variants:{edges:o},medias:{edges:d}}},orderBy={field:"
|
|
1
|
+
import{ProductLittleDetailDocument as e}from"../../graphql/queries/product-little-detail.generated.js";import{ProductMediasDocument as t}from"../../graphql/queries/product-medias.generated.js";import{ProductVariantsDocument as r}from"../../graphql/queries/product-variants.generated.js";let getProduct=async(e,{id:t,isSample:r,isStorefront:a})=>{let[s,o,d]=await Promise.all([fetchProduct(e,{id:t,isSample:r,isStorefront:a}),fetchVariants(e,{id:t,isSample:r,isStorefront:a}),fetchMedias(e,{id:t,isSample:r,isStorefront:a})]);if(!s)throw Error("Product not found");return{...s,variants:{edges:o},medias:{edges:d}}},orderBy={field:"PLATFORM_CREATED_AT",direction:"DESC"},fetchProduct=async(t,{id:r,isSample:a,isStorefront:s})=>{let o={orderBy,where:{isSample:a,...s&&{isStorefront:s},...(!r||r&&"latest"==r.toLowerCase())&&{status:"ACTIVE"},...r&&"latest"!==r.toLowerCase()&&{baseID:r}}},d=await t([e,o]);return d.product?.edges?.[0]?.node},fetchVariants=async(e,{id:t,isSample:a,isStorefront:s})=>{let o={orderBy,where:{isSample:a,...s&&{isStorefront:s},...(!t||t&&"latest"==t.toLowerCase())&&{status:"ACTIVE"},...t&&"latest"!==t.toLowerCase()&&{baseID:t}},orderByVariant:{field:"POSITION",direction:"ASC"}},d=async(t,a)=>{try{let s=await e([r,t]),o=s.variants?.edges?.[0],n=a?.concat(o?.node?.variants?.edges??[]);if(o?.node?.variants?.pageInfo?.hasNextPage)return d({...t,afterVariant:o?.node?.variants?.pageInfo.endCursor},n);return n??[]}catch{return a??[]}};return d(o,[])},fetchMedias=async(e,{id:r,isSample:a,isStorefront:s})=>{let o={orderBy,where:{isSample:a,...s&&{isStorefront:s},...(!r||r&&"latest"==r.toLowerCase())&&{status:"ACTIVE"},...r&&"latest"!==r.toLowerCase()&&{baseID:r}},orderByMedia:{field:"POSITION",direction:"ASC"}},d=async r=>{try{let a=await e([t,r]),s=a.medias?.edges?.[0],o=s?.node?.medias?.edges??[];if(s?.node?.medias?.pageInfo?.hasNextPage)try{let e=await d({...r,afterMedia:s?.node?.medias?.pageInfo.endCursor});return o.concat(e)}catch{}return o}catch{return[]}};return d(o)};export{fetchMedias,fetchVariants,getProduct};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{useRef as t,useCallback as e}from"react";import{useAnimationConfig as r}from"./useAnimationConfig.js";let SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=
|
|
2
|
+
import{useRef as t,useCallback as e}from"react";import{useAnimationConfig as r}from"./useAnimationConfig.js";import{useRenderMode as a}from"../useRenderMode.js";let SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=o=>{let{isEnabledAnimation:T}=r(o),{isPreviewSharePageMode:u}=a(),i=o.tag,A=o.uid,n=t(null),l=t([]),c=t=>{if(l.current)for(let e of l.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},d=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),T=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:T,sectionAddTop:e,sectionAddBottom:r}},I=e(t=>t.reduce((t,e)=>{let r=null,a=null,o=e,T=e.querySelector("[data-toolbar][data-toolbar-active]"),u=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(i){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":o=e.querySelector(".gp-button-base");break;case"ProductProperties":o=e.querySelector("input");break;case"Icon":o=e.firstElementChild;break;case"ProductTag":o=e?.children[0]?.children[0];break;case"Section":{o=e;let{sectionOutline:t,sectionToolbar:i,sectionAddTop:A,sectionAddBottom:n}=d(o);u=t,T=i,r=A,a=n;break}default:o=e}let n={target:o,toolbar:T,outline:u,spacing:A,addSectionTop:r,addSectionBottom:a};return t.push(n),t},[]),[i]),_=e(()=>{if(!T)return;let t=document.body.querySelector("#storefront");if(t){let e=u?"data-id":"data-uid";n.current=t.querySelectorAll(`[${e}="${A}"]`)}let e=Array.from(n.current||[]);if(!e.length)return;let r=I(e);l.current=r},[A,I,T,u]);return{targetObjects:l,setToolbarActive:c,initListOfTargets:_}};export{useAnimationTarget};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{useCallback as t,useEffect as i}from"react";import{useAnimations as e}from"../useAnimations.js";import{useAnimationTarget as n}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";import"../../types/builder.js";import"../../types/custom.js";import{AnimationType as
|
|
2
|
+
import{useCallback as t,useEffect as i}from"react";import{useAnimations as e}from"../useAnimations.js";import{useAnimationTarget as n}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";import"../../types/builder.js";import"../../types/custom.js";import{AnimationType as s}from"../../types/animations.js";import{DIALOG as a}from"../../helpers/const.js";import{useRenderMode as p}from"../useRenderMode.js";let useApplyAnimation=({props:u})=>{let{uid:d}=u,{isPreviewSharePageMode:f}=p(),l=e(),{initListOfTargets:w,targetObjects:A,setToolbarActive:j}=n(u),{isEnabledAnimation:v,getAnimationConfig:g}=o(u),{setAnimation:c,cancelAnimation:y,playAnimation:E,setAnimationOnFinish:L}=r(),h=()=>{u.tag===a&&(w(),C()),E()},{previewAnimation:b}=m({props:u,playAnimation:h,cancelAnimation:y,setAnimationOnFinish:L,setToolbarActive:j}),x=t(({target:t,setting:i,type:e,reverse:n})=>l[e](t,i,n),[l]),C=t(()=>{let{type:t,setting:i,reverse:e}=g();if(!t||t===s.None||!A.current.length){y();return}let n=A.current.map(n=>x({type:t,setting:i,target:n.target,reverse:e}));y(),c(n)},[g,A,y,c,x]);i(()=>(v?(w(),C()):y(),()=>{y()}),[d,C,y,v,w]),i(()=>(window.addEventListener("preview-animation",b),()=>{window.removeEventListener("preview-animation",b)}),[b]),i(()=>(window.addEventListener("init-animation-target",w),()=>{window.removeEventListener("init-animation-target",w)}),[w]),i(()=>{f&&E()},[f,E])};export{useApplyAnimation as default};
|