@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/aiChat/typesSchema.d.ts

@@ -1,41 +1,254 @@
-/**
- * Schema types for documentation generation
- * These are simplified types used for generating JSON schema
- */
-export interface AiChatOptions {
+import { SDKPluginOptions } from '../utils';
+import { CSSProperties } from 'react';
+export interface AiChatOptions extends SDKPluginOptions {
     /**
-     * The license key for the plugin.
-     * This is optional, only required if the plugin is used outside of Studio SDK.
-     * @example
-     * 'your-license-key'
+     * Custom endpoint for the chat API
+     * @examples
+     * chatApi: '/my/ai/chat'
+     * chatApi: () => '/my/ai/chat'
      */
-    licenseKey?: string;
+    chatApi?: string | '__fn__';
     /**
-     * Custom endpoint for the chat API
-     * @default '/api/ai/chat'
+     * Customize or extend the default client-side tools
+     * @examples
+     * tools: ({ defaultTools, editor }) => ({
+     *  ...defaultTools,
+     *  getUserLocation: {
+     *    async execute() {
+     *      const location = await getLocationViaBrowserAPI();
+     *      return `User location: ${location.city}`;
+     *    }
+     *  }
+     * })
+     */
+    tools?: '__fn__';
+    /**
+     * Callback when a client tool call is made
+     * @examples
+     * onTool: ({ toolCall }) => {
+     *  console.log('Tool call:', toolCall);
+     * }
+     */
+    onTool?: '__fn__';
+    /**
+     * Customize UI layout component props
+     * @examples
+     * layoutComponents: {
+     *  aiChatInput: () => ({
+     *    maxImages: 3,
+     *  }),
+     * }
      */
-    chatApi?: string;
+    layoutComponents?: object;
     /**
-     * Show suggestions in empty state
-     * @default true
+     * Initial messages or async function to load messages
+     * @examples
+     * // Static messages
+     * messages: [{ id: '1', role: 'user', ... }]
+     * // Dynamic loading
+     * messages: async () => {
+     *  return await loadFromDatabase();
+     * }
      */
-    showSuggestions?: boolean;
+    messages?: object | '__fn__';
     /**
-     * Enable sending images in messages
-     * @default true
+     * Callback when messages are updated (for persistence)
+     * @examples
+     * onMessagesUpdate: async ({ messages }) => {
+     *  await saveToDatabase(messages);
+     * }
      */
-    enableImages?: boolean;
+    onMessagesUpdate?: '__fn__';
     /**
-     * Maximum number of images per message
+     * Request body for API calls (merged with default body)
+     * @examples
+     * body: ({ body }) => ({
+     *  ...body,
+     *  projectId: 'my-project'
+     * })
+     * body: { projectId: 'my-project' }
+     */
+    body?: object | '__fn__';
+    /**
+     * Function to get the access token
+     * @examples
+     * getAccessToken: async () => {
+     *   const result = await fetch('/api/access-tokens', {
+     *     method: 'POST',
+     *   }).then(response => response.json());
+     *   return result;
+     * }
+     */
+    getAccessToken?: '__fn__';
+    /**
+     * Additional [chat options](https://ai-sdk.dev/docs/reference/ai-sdk-ui/use-chat).
+     * @examples
+     * chatOptions: {
+     *  onData: data => console.log('onData:', data),
+     *  onError: error => console.log('onError:', error),
+     *  onFinish: result => console.log('onFinish:', result)
+     * }
+     */
+    chatOptions?: object;
+}
+export interface CommonComponentPropsSchema {
+    /**
+     * Custom class name.
+     */
+    className?: string;
+    /**
+     * Custom styles.
+     */
+    style?: CSSProperties;
+}
+export interface AiChatPanelPropsSchema extends CommonComponentPropsSchema {
+    /**
+     * GrapesJS editor instance
+     */
+    editor: object;
+    /**
+     * AI Chat plugin options
+     */
+    pluginOptions: object;
+}
+export interface AiChatHeaderPropsSchema {
+}
+export interface AiChatErrorPropsSchema {
+}
+export interface AiChatLoadingStatePropsSchema {
+}
+export interface AiChatInputPropsSchema {
+    /**
+     * Maximum number of assets per message. Set to 0 to disable asset attachments.
      * @default 5
      */
-    maxImages?: number;
+    maxAssets?: number;
+    /**
+     * Accepted file types for attachments.
+     * @default 'image/jpeg,image/png,image/gif,image/webp,application/pdf'
+     */
+    acceptAssetType?: string;
+    /**
+     * Custom upload function for assets.
+     * If not provided, the upload from AssetManager will be used.
+     * @examples
+     * uploadProjectAssets: async ({ files }) => {
+     *  const uploaded = await uploadToServer(files);
+     *  return uploaded.map(asset => ({ id: asset.id, src: asset.url, ... }));
+     * }
+     */
+    uploadProjectAssets?: '__fn__';
+    /**
+     * Custom layout rendered before the main input container.
+     */
+    layoutBefore?: '__fn__';
+    /**
+     * Custom layout rendered after the main input container.
+     */
+    layoutAfter?: '__fn__';
+    /**
+     * Custom submit handler. When provided, the default submit is skipped.
+     * Receives the form event, a `submit` callback to trigger the original submit, and the current input state.
+     */
+    onSubmit?: '__fn__';
+    /**
+     * Props forwarded to the context section (selected components indicator).
+     */
+    contextSectionProps?: object;
+    /**
+     * Props forwarded to the textarea element.
+     */
+    textareaProps?: object;
+    /**
+     * Props forwarded to the assets section.
+     */
+    assetsSectionProps?: object;
+    /**
+     * Props forwarded to the attach button.
+     */
+    attachButtonProps?: object;
+    /**
+     * Props forwarded to the dictate button.
+     */
+    dictateButtonProps?: object;
+    /**
+     * Props forwarded to the submit button.
+     */
+    submitButtonProps?: object;
+    /**
+     * Default value for the text input.
+     */
+    value?: string;
+}
+export interface AiChatEmptyStatePropsSchema {
+    /**
+     * Suggestions to show in the empty state.
+     * @examples
+     * suggestions: [{ id: 'webHero', label: 'Create hero', prompt: 'Create a hero section' }]
+     */
+    suggestions?: object[];
+}
+export interface AiChatMessagePropsSchema {
+    /**
+     * Chat message to render
+     */
+    message: object;
+    /**
+     * Indicates if the message is currently streaming
+     */
+    isStreaming?: boolean;
+    /**
+     * Custom layout before the message
+     */
+    layoutBeforeMessage?: '__fn__';
+    /**
+     * Custom layout after the message
+     */
+    layoutAfterMessage?: '__fn__';
+    /**
+     * Custom layout for message parts
+     */
+    layoutPart?: '__fn__';
+    /**
+     * Custom layout for tool label parts
+     */
+    layoutPartToolLabel?: '__fn__';
+    /**
+     * Custom layout for tool detail parts
+     */
+    layoutPartToolDetail?: '__fn__';
+    /**
+     * Custom layout for tool result parts
+     */
+    layoutPartToolResult?: '__fn__';
+}
+export interface AiChatMessagesPropsSchema {
+    /**
+     * GrapesJS editor instance
+     */
+    editor: object;
+    /**
+     * Chat context
+     */
+    chatContext: object;
+    /**
+     * Messages to render
+     */
+    messages: object[];
+    /**
+     * AI Chat plugin options
+     */
+    pluginOptions: object;
+}
+export interface AiChatMessagesStatusPropsSchema {
+}
+export interface AiChatProviderPropsSchema {
     /**
-     * Custom tools configuration
+     * Chat manager instance
      */
-    tools?: Record<string, unknown>;
+    chatManager: object;
     /**
-     * Custom layout components
+     * Provider children
      */
-    layoutComponents?: Record<string, unknown>;
+    children: object;
 }

package/dist/animationComponent/index.cjs.js

@@ -1,5 +1,5 @@
-"use strict";const T="app.grapesjs.com",P="app-stage.grapesjs.com",G="app2.grapesjs.com",O="app-stage2.grapesjs.com",U=[T,G,P,O,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],V="license:check:start",B="license:check:end",F=()=>typeof window<"u",X=({isDev:t,isStage:n})=>`${t?"":`https://${n?P:T}`}/api`,M=()=>{const t=F()&&window.location.hostname;return!!t&&(U.includes(t)||U.some(n=>t.endsWith(n)))};async function j({path:t,baseApiUrl:n,method:e="GET",headers:r={},params:i,body:a}){const c=`${n||X({isDev:!1,isStage:!1})}${t}`,l={method:e,headers:{"Content-Type":"application/json",...r}};a&&(l.body=JSON.stringify(a));const f=i?new URLSearchParams(i).toString():"",s=f?`?${f}`:"",o=await fetch(`${c}${s}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var b=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(b||{});const A={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function _(t){const n=t;return n.init=e=>r=>t(r,e),n}const W=t=>_(t);async function Y({editor:t,plan:n,pluginName:e,licenseKey:r,cleanup:i}){let a="",m=!1;const c=M(),l=s=>{console.warn("Cleanup plugin:",e,"Reason:",s),i()},f=(s={})=>{var u;const{error:o,sdkLicense:p}=s,d=(u=s.plan)==null?void 0:u.category;if(!(p||s.license)||o)l(o||"Invalid license");else if(d){const C=A[n],E=A[d];C>E&&l({pluginRequiredPlan:n,licensePlan:d})}};t.on(V,s=>{a=s==null?void 0:s.baseApiUrl,m=!0}),t.on(B,s=>{f(s)}),setTimeout(async()=>{if(!m){if(c)return;if(r){const s=await $({licenseKey:r,pluginName:e,baseApiUrl:a});s&&f(s)}else l("The `licenseKey` option not provided")}},2e3)}async function $(t){const{licenseKey:n,pluginName:e,baseApiUrl:r}=t;try{return(await j({baseApiUrl:r,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const H=(...t)=>n=>t.some(e=>n.is(e));var y=(t=>(t.name="animation-name",t.duration="animation-duration",t.delay="animation-delay",t.iterationCount="animation-iteration-count",t.timingFunction="animation-timing-function",t.fillMode="animation-fill-mode",t))(y||{}),v=(t=>(t.onScroll="--animation-on-scroll",t.threshold="--animation-threshold",t.repeat="--animation-repeat",t))(v||{});const g="animation",I="animation-group",L="animation:update",x="animation-group:update",z={category:{id:"animations",label:"Animations"},select:!0},k=t=>(t==null?void 0:t.getType())===g,w=t=>(t==null?void 0:t.getType())===I,Z=t=>k(t)||w(t),S={isVisible:({component:t})=>k(t)},K={isVisible:({component:t})=>w(t)},q={isVisible:({component:t})=>k(t)&&w(t==null?void 0:t.parent())?!1:Z(t)},D={isVisible:({component:t,sector:n})=>{var e;return k(t)&&w(t==null?void 0:t.parent())?!1:Z(t)&&((e=n.getProperty(v.onScroll))==null?void 0:e.getValue())==="true"}},N={animation:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 14a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13"/><path fill="currentColor" d="M17.14 15.98a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/><path fill="currentColor" d="M12.64 20.48a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/></svg>',animationGroup:'<svg viewBox="0 0 24 24"><path d="M4 2a2 2 0 0 0-2 2v10h2V4h10V2H4m4 4a2 2 0 0 0-2 2v10h2V8h10V6H8m4 4a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8Z"/></svg>'},J=function(t){const n=this;let e=null;const r=()=>{e==null||e.disconnect(),e=null},i=()=>{r();const a=n.style;a.animationName="",requestAnimationFrame(()=>{const m=getComputedStyle(n),c=m.getPropertyValue("animation-name").trim(),l=m.getPropertyValue("--animation-on-scroll").trim()!=="false",f=parseFloat(m.getPropertyValue("--animation-threshold").trim())||.2,s=m.getPropertyValue("--animation-repeat").trim()==="true",o=()=>{a.animationName="none",n.offsetWidth,a.animationName=c,a.animationPlayState="running"};if(!c||c==="none"){a.animationName="none",a.animationPlayState="paused";return}if(!l){o();return}a.animationPlayState="paused",e=new IntersectionObserver(p=>{p.forEach(d=>{d.isIntersecting&&(o(),!s&&r())})},{threshold:f}),e.observe(n)})};n.addEventListener(t.animationUpdateEvent,i),i()},Q=(t,n)=>{const{Components:e,Blocks:r,Canvas:i}=t,{block:a={},animationList:m=[]}=n,c=t.Components.events,l="Animation",f=Object.values(v),s=Object.values(y);return e.addType(g,{block:a?{label:l,media:N.animation,content:{type:g},...z,...a}:void 0,model:{defaults:{emptyState:!0,name:l,traits:[],script:J,animationUpdateEvent:L,"script-props":["animationUpdateEvent"],styles:m.map(o=>o.css).join(`
-`)},init(){const{em:o}=this;this.addStyle({[y.name]:"fadeIn",[y.duration]:"1s",[y.fillMode]:"both",...n.animationStyle,...this.getStyle()}),this.listenTo(o,c.mount,p=>{var h;if(p!==this)return;((h=this.parent())==null?void 0:h.get("type"))!==I||f.forEach(u=>this.removeStyle(u))})}},view:{events:()=>({animationstart:"onAnimationStart",animationend:"onAnimationEnd"}),init(){const{model:o}=this;this.listenTo(o,c.styleUpdate,this.handleStyleChange)},onAnimationStart(){var p;if((p=this.cmpSpots)!=null&&p.length)return;const o=i.getSpots({component:this.model});this.cmpSpots=o,i.removeSpots(o),this.el.ownerDocument.body.style.overflowX="hidden"},onAnimationEnd(){const o=this.cmpSpots||[];i.spots.add(o),this.cmpSpots=[],this.el.ownerDocument.body.style.overflowX=""},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(L))},handleStyleChange(o,p){Object.keys((p==null?void 0:p.style)||{}).some(u=>s.includes(u)||f.includes(u))&&this.triggerAnimation()},onRender(){this.triggerAnimation()}}}),()=>{r.remove(g),e.removeType(g)}},tt=function(t){const n=this,e="--animation-on-scroll",r="--animation-threshold",i="--animation-repeat";let a=null;const m=()=>{a==null||a.disconnect(),a=null},c=()=>{m();const l=getComputedStyle(n),f=l.getPropertyValue(e).trim()!=="false",s=parseFloat(l.getPropertyValue(r).trim())||.2,o=l.getPropertyValue(i).trim()==="true",p=()=>{Array.from(n.children).forEach(d=>{d instanceof HTMLElement&&typeof d.dispatchEvent=="function"&&d.dispatchEvent(new CustomEvent(x,{bubbles:!1}))})};if(!f){p();return}a=new IntersectionObserver(d=>{d.forEach(h=>{h.isIntersecting?(p(),!o&&m()):o&&Array.from(n.children).forEach(u=>{u instanceof HTMLElement&&getComputedStyle(u).getPropertyValue(e).trim()!=="false"&&(u.style.opacity="0",u.style.animationPlayState="paused")})})},{threshold:s}),a.observe(n)};n.addEventListener(t.animationGroupUpdateEvent,c),c()},nt=(t,n)=>{const{Components:e,Blocks:r}=t,{blockGroup:i={}}=n,a="Animation Group";return e.addType(I,{block:i?{label:a,media:N.animationGroup,content:{type:I,components:[{type:g},{type:g},{type:g}]},...z,...i}:void 0,model:{defaults:{name:a,emptyState:!0,traits:[],script:tt,animationGroupUpdateEvent:x,"script-props":["animationGroupUpdateEvent"],droppable:H(g)},init(){this.addStyle({...n.animationGroupStyle,...this.getStyle()});const m=this.components();this.listenTo(m,"add remove",this.updateChildrenStaggerStyles),this.updateChildrenStaggerStyles()},updateChildrenStaggerStyles(){this.components().forEach((m,c)=>{m.is(g)&&m.addStyle({"--stagger-index":c.toString(),[y.delay]:"calc(var(--stagger-index, 0) * var(--stagger-delay, 0.3s))"},{partial:!0})})}},view:{init(){const{model:m}=this;this.listenTo(m,"component:styleUpdate",this.handleStyleChange)},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(x))},handleStyleChange(){this.triggerAnimation(),this.model.updateChildrenStaggerStyles()},onRender(){this.triggerAnimation()}}}),()=>{r.remove(I),e.removeType(I)}},et="animationComponent",at=b.startup,R=[{id:"flash",name:"Flash",css:`@keyframes flash {
+"use strict";const P="app.grapesjs.com",z="app-stage.grapesjs.com",O="app2.grapesjs.com",V="app-stage2.grapesjs.com",A=[P,O,z,V,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],B="license:check:start",F="license:check:end",X=()=>typeof window<"u",M=({isDev:t,isStage:n,isPlatform:a})=>`${t?"":`https://${n?z:P}`}/${a?"platform-api":"api"}`,j=()=>{const t=X()&&window.location.hostname;return!!t&&(A.includes(t)||A.some(n=>t.endsWith(n)))};async function _({path:t,baseApiUrl:n,method:a="GET",headers:s={},params:o,body:i}){const m=`${n||M({isDev:!1,isStage:!1})}${t}`,l={method:a,headers:{"Content-Type":"application/json",...s}};i&&(l.body=JSON.stringify(i));const p=o?new URLSearchParams(o).toString():"",u=p?`?${p}`:"",e=await fetch(`${m}${u}`,l);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);return e.json()}var b=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(b||{});const C={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function $(t){const n=t;return n.init=a=>s=>t(s,a),n}const W=t=>$(t);async function Y({editor:t,plan:n,pluginName:a,licenseKey:s,onLicenseCheckResponse:o,cleanup:i}){let r="",m=!1;const l=j(),p=e=>{console.warn("Cleanup plugin:",a,"Reason:",e),i()},u=(e={})=>{var k;const{error:c,sdkLicense:d}=e,h=(k=e.plan)==null?void 0:k.category;if(!(d||e.license)||c)p(c||"Invalid license");else if(h){const U=C[n],G=C[h];U>G&&p({pluginRequiredPlan:n,licensePlan:h})}};t.on(B,e=>{r=e==null?void 0:e.baseApiUrl,m=!0}),t.on(F,e=>{o==null||o(e),u(e)}),setTimeout(async()=>{if(!m){if(l)return;if(s){const e=await H({licenseKey:s,pluginName:a,baseApiUrl:r});o==null||o(e),e&&u(e)}else p("The `licenseKey` option not provided")}},2e3)}async function H(t){const{licenseKey:n,pluginName:a,baseApiUrl:s}=t;try{return(await _({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const K=(...t)=>n=>t.some(a=>n.is(a));var f=(t=>(t.name="animation-name",t.duration="animation-duration",t.delay="animation-delay",t.iterationCount="animation-iteration-count",t.timingFunction="animation-timing-function",t.fillMode="animation-fill-mode",t))(f||{}),v=(t=>(t.onScroll="--animation-on-scroll",t.threshold="--animation-threshold",t.repeat="--animation-repeat",t))(v||{});const g="animation",I="animation-group",D="animation:update",E="animation-group:update",Z={category:{id:"animations",label:"Animations"},select:!0},w=t=>(t==null?void 0:t.getType())===g,x=t=>(t==null?void 0:t.getType())===I,R=t=>w(t)||x(t),S={isVisible:({component:t})=>w(t)},q={isVisible:({component:t})=>x(t)},J={isVisible:({component:t})=>w(t)&&x(t==null?void 0:t.parent())?!1:R(t)},L={isVisible:({component:t,sector:n})=>{var a;return w(t)&&x(t==null?void 0:t.parent())?!1:R(t)&&((a=n.getProperty(v.onScroll))==null?void 0:a.getValue())==="true"}},N={animation:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 14a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13"/><path fill="currentColor" d="M17.14 15.98a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/><path fill="currentColor" d="M12.64 20.48a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/></svg>',animationGroup:'<svg viewBox="0 0 24 24"><path d="M4 2a2 2 0 0 0-2 2v10h2V4h10V2H4m4 4a2 2 0 0 0-2 2v10h2V8h10V6H8m4 4a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8Z"/></svg>'},Q=function(t){const n=this;let a=null;const s=()=>{a==null||a.disconnect(),a=null},o=()=>{s();const i=n.style;i.animationName="",requestAnimationFrame(()=>{const r=getComputedStyle(n),m=r.getPropertyValue("animation-name").trim(),l=r.getPropertyValue("--animation-on-scroll").trim()!=="false",p=parseFloat(r.getPropertyValue("--animation-threshold").trim())||.2,u=r.getPropertyValue("--animation-repeat").trim()==="true",e=()=>{i.animationName="none",n.offsetWidth,i.animationName=m,i.animationPlayState="running"};if(!m||m==="none"){i.animationName="none",i.animationPlayState="paused";return}if(!l){e();return}i.animationPlayState="paused",a=new IntersectionObserver(c=>{c.forEach(d=>{d.isIntersecting&&(e(),!u&&s())})},{threshold:p}),a.observe(n)})};n.addEventListener(t.animationUpdateEvent,o),o()},tt=(t,n)=>{const{Components:a,Blocks:s,Canvas:o}=t,{block:i={},animationList:r=[]}=n,m=t.Components.events,l="Animation",p=Object.values(v),u=Object.values(f);return a.addType(g,{block:i?{label:l,media:N.animation,content:{type:g},...Z,...i}:void 0,model:{defaults:{emptyState:!0,name:l,traits:[],script:Q,animationUpdateEvent:D,"script-props":["animationUpdateEvent"],styles:r.map(e=>e.css).join(`
+`)},init(){const{em:e}=this;this.addStyle({[f.name]:"fadeIn",[f.duration]:"1s",[f.fillMode]:"both",...n.animationStyle,...this.getStyle()}),this.listenTo(e,m.mount,c=>{var h;if(c!==this)return;((h=this.parent())==null?void 0:h.get("type"))!==I||p.forEach(y=>this.removeStyle(y))})}},view:{events:()=>({animationstart:"onAnimationStart",animationend:"onAnimationEnd"}),init(){const{model:e}=this;this.listenTo(e,m.styleUpdate,this.handleStyleChange)},onAnimationStart(){var c;if((c=this.cmpSpots)!=null&&c.length)return;const e=o.getSpots({component:this.model});this.cmpSpots=e,o.removeSpots(e),this.el.ownerDocument.body.style.overflowX="hidden"},onAnimationEnd(){const e=this.cmpSpots||[];o.spots.add(e),this.cmpSpots=[],this.el.ownerDocument.body.style.overflowX=""},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(D))},handleStyleChange(e,c){Object.keys((c==null?void 0:c.style)||{}).some(y=>u.includes(y)||p.includes(y))&&this.triggerAnimation()},onRender(){this.triggerAnimation()}}}),()=>{s.remove(g),a.removeType(g)}},nt=function(t){const n=this,a="--animation-on-scroll",s="--animation-threshold",o="--animation-repeat";let i=null;const r=()=>{i==null||i.disconnect(),i=null},m=()=>{r();const l=getComputedStyle(n),p=l.getPropertyValue(a).trim()!=="false",u=parseFloat(l.getPropertyValue(s).trim())||.2,e=l.getPropertyValue(o).trim()==="true",c=()=>{Array.from(n.children).forEach(d=>{d instanceof HTMLElement&&typeof d.dispatchEvent=="function"&&d.dispatchEvent(new CustomEvent(E,{bubbles:!1}))})};if(!p){c();return}i=new IntersectionObserver(d=>{d.forEach(h=>{h.isIntersecting?(c(),!e&&r()):e&&Array.from(n.children).forEach(y=>{y instanceof HTMLElement&&getComputedStyle(y).getPropertyValue(a).trim()!=="false"&&(y.style.opacity="0",y.style.animationPlayState="paused")})})},{threshold:u}),i.observe(n)};n.addEventListener(t.animationGroupUpdateEvent,m),m()},et=(t,n)=>{const{Components:a,Blocks:s}=t,{blockGroup:o={}}=n,i="Animation Group";return a.addType(I,{block:o?{label:i,media:N.animationGroup,content:{type:I,components:[{type:g},{type:g},{type:g}]},...Z,...o}:void 0,model:{defaults:{name:i,emptyState:!0,traits:[],script:nt,animationGroupUpdateEvent:E,"script-props":["animationGroupUpdateEvent"],droppable:K(g)},init(){this.addStyle({...n.animationGroupStyle,...this.getStyle()});const r=this.components();this.listenTo(r,"add remove",this.updateChildrenStaggerStyles),this.updateChildrenStaggerStyles()},updateChildrenStaggerStyles(){this.components().forEach((r,m)=>{r.is(g)&&r.addStyle({"--stagger-index":m.toString(),[f.delay]:"calc(var(--stagger-index, 0) * var(--stagger-delay, 0.3s))"},{partial:!0})})}},view:{init(){const{model:r}=this;this.listenTo(r,"component:styleUpdate",this.handleStyleChange)},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(E))},handleStyleChange(){this.triggerAnimation(),this.model.updateChildrenStaggerStyles()},onRender(){this.triggerAnimation()}}}),()=>{s.remove(I),a.removeType(I)}},at="animationComponent",ot=b.startup,T=[{id:"flash",name:"Flash",css:`@keyframes flash {
       0%, 50%, to {
           opacity:1
       }
@@ -516,4 +516,4 @@
           transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
           animation-timing-function:cubic-bezier(.175, .885, .32, 1)
       }
-  }`}],ot=function(t,n={}){var i;const e=((i=n.animations)==null?void 0:i.call(n,{items:R}))||R,r=[Q(t,{...n,animationList:e}),nt(t,n)];t.Styles.addSector("animation",{name:"Animation",properties:[{...S,name:"Type",property:y.name,type:"select",full:!0,default:"fadeIn",options:e},{...S,name:"Duration",property:y.duration,type:"number",units:["s"],min:.1,max:10,step:.1,default:"1s"},{...S,name:"Delay",property:y.delay,type:"number",units:["s"],min:0,max:10,step:.1,default:"1s"},{...S,name:"Iteration Count",property:y.iterationCount,type:"select",default:"1",options:[{id:"1",name:"One time"},{id:"infinite",name:"Infinite"}]},{...S,name:"Timing",property:y.timingFunction,type:"select",default:"ease",options:[{id:"ease",name:"Ease"},{id:"ease-in",name:"Ease in"},{id:"ease-out",name:"Ease out"},{id:"ease-in-out",name:"Ease in out"},{id:"linear",name:"Linear"}]},{...K,name:"Stagger Delay",property:"--stagger-delay",type:"slider",units:["s"],min:.1,max:5,step:.1,default:"0.3s"},{...q,name:"Animate on Scroll",property:v.onScroll,type:"radio",default:"true",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]},{...D,name:"Scroll Threshold",property:v.threshold,type:"number",full:!0,min:.1,max:1,step:.01,default:"0.2"},{...D,name:"Repeat on Scroll",property:v.repeat,type:"radio",default:"false",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]}]}),Y({editor:t,licenseKey:n.licenseKey,plan:at,pluginName:et,cleanup:()=>{r.forEach(a=>a())}})},it=W(ot);module.exports=it;
+  }`}],it=function(t,n={}){var o;const a=((o=n.animations)==null?void 0:o.call(n,{items:T}))||T,s=[tt(t,{...n,animationList:a}),et(t,n)];t.Styles.addSector("animation",{name:"Animation",properties:[{...S,name:"Type",property:f.name,type:"select",full:!0,default:"fadeIn",options:a},{...S,name:"Duration",property:f.duration,type:"number",units:["s"],min:.1,max:10,step:.1,default:"1s"},{...S,name:"Delay",property:f.delay,type:"number",units:["s"],min:0,max:10,step:.1,default:"1s"},{...S,name:"Iteration Count",property:f.iterationCount,type:"select",default:"1",options:[{id:"1",name:"One time"},{id:"infinite",name:"Infinite"}]},{...S,name:"Timing",property:f.timingFunction,type:"select",default:"ease",options:[{id:"ease",name:"Ease"},{id:"ease-in",name:"Ease in"},{id:"ease-out",name:"Ease out"},{id:"ease-in-out",name:"Ease in out"},{id:"linear",name:"Linear"}]},{...q,name:"Stagger Delay",property:"--stagger-delay",type:"slider",units:["s"],min:.1,max:5,step:.1,default:"0.3s"},{...J,name:"Animate on Scroll",property:v.onScroll,type:"radio",default:"true",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]},{...L,name:"Scroll Threshold",property:v.threshold,type:"number",full:!0,min:.1,max:1,step:.01,default:"0.2"},{...L,name:"Repeat on Scroll",property:v.repeat,type:"radio",default:"false",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]}]}),Y({editor:t,licenseKey:n.licenseKey,plan:ot,pluginName:at,cleanup:()=>{s.forEach(i=>i())}})},st=W(it);module.exports=st;