@gem-sdk/core 1.14.0-dev.493 → 1.14.0-dev.498

package/dist/cjs/hooks/animation/useAnimationConfig.js

@@ -1 +1 @@
-"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js");const useAnimationConfig=e=>{let n=useCurrentDevice.useCurrentDevice(),r=react.useMemo(()=>e?.advanced?.animation?.[n],[n,e?.advanced?.animation]),t=()=>{let{trigger:e,triggerConfig:n}=r,{animation:t,setting:i}=n[e];return{type:t,setting:i}},i=r?.enabled;return{isEnabledAnimation:i,getAnimationConfig:t}};exports.useAnimationConfig=useAnimationConfig;
+"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js");const useAnimationConfig=e=>{let t=useCurrentDevice.useCurrentDevice(),n=react.useMemo(()=>e?.advanced?.animation?.[t],[t,e?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:t}=n,{animation:r,setting:i}=t[e],a=i[r];return{type:r,setting:getConvertedSetting(a)}},i=n?.enabled;return{isEnabledAnimation:i,getAnimationConfig:r}},getConvertedSetting=e=>{let{duration:t,delay:n,scale:r}=e;return t&&(e.duration=1e3*t),n&&(e.delay=1e3*n),r&&(e.scale=r/100),e};exports.useAnimationConfig=useAnimationConfig;

package/dist/cjs/hooks/animation/useAnimationPreview.js

@@ -1 +1 @@
-"use strict";var react=require("react"),useAnimationTarget=require("./useAnimationTarget.js");const useAnimationPreview=({componentUid:e,playAnimation:i,cancelAnimation:t,setAnimationOnFinish:r})=>{let{setToolbarVisibility:a}=useAnimationTarget.useAnimationTarget(e),n=react.useCallback(n=>{let{uid:s,isCancel:u}=n.detail;e===s&&(t(),u||(i(),a("hidden"),r(()=>{a("visible")})))},[e,t,i,r,a]);return{previewAnimation:n}};exports.useAnimationPreview=useAnimationPreview;
+"use strict";var react=require("react"),useAnimationTarget=require("./useAnimationTarget.js");const useAnimationPreview=({componentUid:e,componentTag:i,playAnimation:t,cancelAnimation:r,setAnimationOnFinish:a})=>{let{setToolbarVisibility:n}=useAnimationTarget.useAnimationTarget({componentUid:e,componentTag:i}),s=react.useCallback(i=>{let{uid:s,isCancel:u}=i.detail;e===s&&(r(),u||(t(),n("hidden"),a(()=>{n("visible")})))},[e,r,t,a,n]);return{previewAnimation:s}};exports.useAnimationPreview=useAnimationPreview;

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -1 +1 @@
-"use strict";var react=require("react");const useAnimationTarget=e=>{let r=react.useRef(null),t=react.useRef(null),u=react.useRef(null),c=react.useRef(null),a=react.useCallback((e,r)=>{e&&(e.style.visibility=r)},[]),n=react.useCallback(e=>{a(t.current,e),a(u.current,e),a(c.current,e)},[a]);return react.useEffect(()=>{r.current=document.querySelector(`[data-uid="${e}"]`),r.current&&(t.current=r.current.querySelector("[data-toolbar]"),u.current=r.current.querySelector("[data-outline]"),c.current=r.current.querySelector("[data-spacing]"))},[e]),{setToolbarVisibility:n,target:r.current}};exports.useAnimationTarget=useAnimationTarget;
+"use strict";var react=require("react");const useAnimationTarget=({componentUid:e,componentTag:r})=>{let t=react.useRef(null),u=react.useRef(null),c=react.useRef(null),a=react.useRef(null),n=react.useRef(null),l=react.useRef(null),o=react.useCallback((e,r)=>{e&&(e.style.visibility=r)},[]),s=react.useCallback(e=>{o(u.current,e),o(c.current,e),o(a.current,e),o(n.current,e),o(l.current,e)},[o]);return react.useEffect(()=>{t.current=document.querySelector(`[data-uid="${e}"]`),t.current&&(u.current=t.current.querySelector("[data-toolbar]"),c.current=t.current.querySelector("[data-outline]"),a.current=t.current.querySelector("[data-spacing]"),"Section"===r&&(n.current=t.current.querySelector("[data-toolbar-add-top]"),l.current=t.current.querySelector("[data-toolbar-add-bottom]")))},[e,r]),{setToolbarVisibility:s,target:t.current}};exports.useAnimationTarget=useAnimationTarget;

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -1 +1 @@
-"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");const useApplyAnimation=({props:e})=>{let i=e.uid,n=useAnimations.useAnimations(),{target:t}=useAnimationTarget.useAnimationTarget(i),{isEnabledAnimation:s,getAnimationConfig:a}=useAnimationConfig.useAnimationConfig(e),{setAnimation:o,cancelAnimation:r,playAnimation:u,setAnimationOnFinish:A}=useAnimationActions.useAnimationActions(),{previewAnimation:m}=useAnimationPreview.useAnimationPreview({componentUid:i,playAnimation:u,cancelAnimation:r,setAnimationOnFinish:A}),c=react.useCallback(()=>{let{type:e,setting:i}=a();if(!t||!e||"none"===e){r();return}r();let s=n[e](t,i[e]);o(s)},[n,r,a,o,t]);react.useEffect(()=>(s?c():r(),()=>{r()}),[i,c,r,s]),react.useEffect(()=>(window.addEventListener("preview-animation",m),()=>{window.removeEventListener("preview-animation",m)}),[m])};exports.default=useApplyAnimation;
+"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");const useApplyAnimation=({props:e})=>{let{uid:i,tag:n}=e,t=useAnimations.useAnimations(),{target:s}=useAnimationTarget.useAnimationTarget({componentUid:i,componentTag:n}),{isEnabledAnimation:a,getAnimationConfig:o}=useAnimationConfig.useAnimationConfig(e),{setAnimation:r,cancelAnimation:u,playAnimation:A,setAnimationOnFinish:m}=useAnimationActions.useAnimationActions(),{previewAnimation:c}=useAnimationPreview.useAnimationPreview({componentUid:i,componentTag:n,playAnimation:A,cancelAnimation:u,setAnimationOnFinish:m}),f=react.useCallback(()=>{let{type:e,setting:i}=o();if(!s||!e||"none"===e){u();return}u();let n=t[e](s,i);r(n)},[t,u,o,r,s]);react.useEffect(()=>(a?f():u(),()=>{u()}),[i,f,u,a]),react.useEffect(()=>(window.addEventListener("preview-animation",c),()=>{window.removeEventListener("preview-animation",c)}),[c])};exports.default=useApplyAnimation;

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import{useCurrentDevice as n}from"../use-current-device.js";let useAnimationConfig=t=>{let i=n(),a=e(()=>t?.advanced?.animation?.[i],[i,t?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:n}=a,{animation:t,setting:i}=n[e];return{type:t,setting:i}},o=a?.enabled;return{isEnabledAnimation:o,getAnimationConfig:r}};export{useAnimationConfig};
+import{useMemo as e}from"react";import{useCurrentDevice as t}from"../use-current-device.js";let useAnimationConfig=n=>{let i=t(),r=e(()=>n?.advanced?.animation?.[i],[i,n?.advanced?.animation]),a=()=>{let{trigger:e,triggerConfig:t}=r,{animation:n,setting:i}=t[e],a=i[n];return{type:n,setting:getConvertedSetting(a)}},o=r?.enabled;return{isEnabledAnimation:o,getAnimationConfig:a}},getConvertedSetting=e=>{let{duration:t,delay:n,scale:i}=e;return t&&(e.duration=1e3*t),n&&(e.delay=1e3*n),i&&(e.scale=i/100),e};export{useAnimationConfig};

package/dist/esm/hooks/animation/useAnimationPreview.js

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useAnimationTarget as i}from"./useAnimationTarget.js";let useAnimationPreview=({componentUid:t,playAnimation:r,cancelAnimation:n,setAnimationOnFinish:o})=>{let{setToolbarVisibility:m}=i(t),a=e(e=>{let{uid:i,isCancel:a}=e.detail;t===i&&(n(),a||(r(),m("hidden"),o(()=>{m("visible")})))},[t,n,r,o,m]);return{previewAnimation:a}};export{useAnimationPreview};
+import{useCallback as e}from"react";import{useAnimationTarget as i}from"./useAnimationTarget.js";let useAnimationPreview=({componentUid:t,componentTag:r,playAnimation:n,cancelAnimation:o,setAnimationOnFinish:m})=>{let{setToolbarVisibility:a}=i({componentUid:t,componentTag:r}),l=e(e=>{let{uid:i,isCancel:r}=e.detail;t===i&&(o(),r||(n(),a("hidden"),m(()=>{a("visible")})))},[t,o,n,m,a]);return{previewAnimation:l}};export{useAnimationPreview};

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1 +1 @@
-import{useRef as r,useCallback as e,useEffect as t}from"react";let useAnimationTarget=u=>{let n=r(null),c=r(null),l=r(null),a=r(null),o=e((r,e)=>{r&&(r.style.visibility=e)},[]),i=e(r=>{o(c.current,r),o(l.current,r),o(a.current,r)},[o]);return t(()=>{n.current=document.querySelector(`[data-uid="${u}"]`),n.current&&(c.current=n.current.querySelector("[data-toolbar]"),l.current=n.current.querySelector("[data-outline]"),a.current=n.current.querySelector("[data-spacing]"))},[u]),{setToolbarVisibility:i,target:n.current}};export{useAnimationTarget};
+import{useRef as r,useCallback as t,useEffect as e}from"react";let useAnimationTarget=({componentUid:u,componentTag:n})=>{let c=r(null),l=r(null),a=r(null),o=r(null),i=r(null),d=r(null),y=t((r,t)=>{r&&(r.style.visibility=t)},[]),S=t(r=>{y(l.current,r),y(a.current,r),y(o.current,r),y(i.current,r),y(d.current,r)},[y]);return e(()=>{c.current=document.querySelector(`[data-uid="${u}"]`),c.current&&(l.current=c.current.querySelector("[data-toolbar]"),a.current=c.current.querySelector("[data-outline]"),o.current=c.current.querySelector("[data-spacing]"),"Section"===n&&(i.current=c.current.querySelector("[data-toolbar-add-top]"),d.current=c.current.querySelector("[data-toolbar-add-bottom]")))},[u,n]),{setToolbarVisibility:S,target:c.current}};export{useAnimationTarget};

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -1 +1 @@
-import{useCallback as i,useEffect as e}from"react";import{useAnimations as n}from"../useAnimations.js";import{useAnimationTarget as t}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";let useApplyAnimation=({props:s})=>{let a=s.uid,p=n(),{target:u}=t(a),{isEnabledAnimation:A,getAnimationConfig:f}=o(s),{setAnimation:l,cancelAnimation:w,playAnimation:d,setAnimationOnFinish:v}=r(),{previewAnimation:j}=m({componentUid:a,playAnimation:d,cancelAnimation:w,setAnimationOnFinish:v}),c=i(()=>{let{type:i,setting:e}=f();if(!u||!i||"none"===i){w();return}w();let n=p[i](u,e[i]);l(n)},[p,w,f,l,u]);e(()=>(A?c():w(),()=>{w()}),[a,c,w,A]),e(()=>(window.addEventListener("preview-animation",j),()=>{window.removeEventListener("preview-animation",j)}),[j])};export{useApplyAnimation as default};
+import{useCallback as i,useEffect as e}from"react";import{useAnimations as t}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";let useApplyAnimation=({props:a})=>{let{uid:s,tag:p}=a,u=t(),{target:A}=n({componentUid:s,componentTag:p}),{isEnabledAnimation:f,getAnimationConfig:l}=o(a),{setAnimation:w,cancelAnimation:d,playAnimation:v,setAnimationOnFinish:j}=r(),{previewAnimation:g}=m({componentUid:s,componentTag:p,playAnimation:v,cancelAnimation:d,setAnimationOnFinish:j}),c=i(()=>{let{type:i,setting:e}=l();if(!A||!i||"none"===i){d();return}d();let t=u[i](A,e);w(t)},[u,d,l,w,A]);e(()=>(f?c():d(),()=>{d()}),[s,c,d,f]),e(()=>(window.addEventListener("preview-animation",g),()=>{window.removeEventListener("preview-animation",g)}),[g])};export{useApplyAnimation as default};

package/dist/types/index.d.ts

@@ -1231,6 +1231,19 @@ type ControlUI = {
         hideOnPages?: PageType[];
     };
     isMoreSetting?: boolean;
+    controlChangeTrigger?: {
+        settings?: {
+            controlId: string;
+            controlKey?: string;
+            newValue: any;
+            controlType: string;
+            groupType: string;
+            condition: string;
+        }[];
+        options?: {
+            noRecordHistory?: boolean;
+        };
+    };
 };
 type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC' | 'THEME_SECTION';
 type ComponentPreset = {
@@ -7685,6 +7698,7 @@ type ProductListContextProps = {
         spacing?: ObjectDevices<number>;
         layout?: 'grid' | 'slider';
         dot?: ObjectDevices<boolean>;
+        dotStyle?: ObjectDevices<'none' | 'inside' | 'outside'>;
         arrow?: ObjectDevices<boolean>;
         controlOverContent?: ObjectDevices<boolean>;
         speed?: number;
@@ -10093,6 +10107,7 @@ declare const useProductListSettings: () => {
     spacing?: Partial<Record<NameDevices$1, number>> | undefined;
     layout?: "grid" | "slider" | undefined;
     dot?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    dotStyle?: Partial<Record<NameDevices$1, "none" | "inside" | "outside">> | undefined;
     arrow?: Partial<Record<NameDevices$1, boolean>> | undefined;
     controlOverContent?: Partial<Record<NameDevices$1, boolean>> | undefined;
     speed?: number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-dev.493",
+  "version": "1.14.0-dev.498",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",