@elementor/editor-interactions 4.0.0-607 → 4.0.0-609

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.
Files changed (10) hide show
  1. package/dist/index.js +254 -0
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +254 -0
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +11 -9
  6. package/src/init.ts +3 -0
  7. package/src/mcp/constants.ts +1 -0
  8. package/src/mcp/index.ts +13 -0
  9. package/src/mcp/resources/interactions-schema-resource.ts +63 -0
  10. package/src/mcp/tools/manage-element-interaction-tool.ts +234 -0
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/empty-state.tsx","../src/components/interactions-tab.tsx","../src/contexts/interactions-context.tsx","../src/contexts/popup-state-context.tsx","../src/components/interactions-list.tsx","../src/contexts/interactions-item-context.tsx","../src/utils/prop-value-utils.ts","../src/configs/time-constants.ts","../src/utils/size-transform-utils.ts","../src/utils/temp-id-utils.ts","../src/components/interactions-list-item.tsx","../src/components/interaction-details.tsx","../src/interactions-controls-registry.ts","../src/utils/resolve-direction.ts","../src/components/controls/time-frame-indicator.tsx","../src/utils/time-conversion.ts","../src/components/field.tsx","../src/components/interaction-settings.tsx","../src/utils/get-interactions-config.ts","../src/utils/create-interactions-repository.ts","../src/interactions-repository.ts","../src/utils/create-interactions-provider.ts","../src/providers/document-elements-interactions-provider.ts","../src/components/controls/direction.tsx","../src/components/controls/easing.tsx","../src/ui/promotion-select.tsx","../src/ui/interactions-promotion-chip.tsx","../src/components/controls/effect.tsx","../src/components/controls/effect-type.tsx","../src/components/controls/replay.tsx","../src/components/controls/trigger.tsx","../src/hooks/on-duplicate.ts","../src/init.ts"],"sourcesContent":["export * from './components/empty-state';\nexport * from './components/interactions-tab';\nexport * from './utils/get-interactions-config';\n\nexport { interactionsRepository } from './interactions-repository';\nexport {\n\tcreateInteractionsProvider,\n\ttype CreateInteractionsProviderOptions,\n} from './utils/create-interactions-provider';\n\nexport { ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX } from './providers/document-elements-interactions-provider';\nexport { init } from './init';\nexport { registerInteractionsControl } from './interactions-controls-registry';\nexport type { InteractionItemPropValue, FieldProps, ReplayFieldProps } from './types';\nexport { TRIGGER_OPTIONS, BASE_TRIGGERS } from './components/controls/trigger';\nexport { EASING_OPTIONS, BASE_EASINGS } from './components/controls/easing';\nexport { REPLAY_OPTIONS, BASE_REPLAY } from './components/controls/replay';\nexport { EFFECT_OPTIONS, BASE_EFFECTS } from './components/controls/effect';\n","import * as React from 'react';\nimport { SwipeIcon } from '@elementor/icons';\nimport { Button, Stack, Typography } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nexport const EmptyState = ( { onCreateInteraction }: { onCreateInteraction: () => void } ) => {\n\treturn (\n\t\t<Stack\n\t\t\talignItems=\"center\"\n\t\t\tjustifyContent=\"center\"\n\t\t\theight=\"100%\"\n\t\t\tcolor=\"text.secondary\"\n\t\t\tsx={ { p: 2.5, pt: 8, pb: 5.5 } }\n\t\t\tgap={ 1.5 }\n\t\t>\n\t\t\t<SwipeIcon fontSize=\"large\" />\n\n\t\t\t<Typography align=\"center\" variant=\"subtitle2\">\n\t\t\t\t{ __( 'Animate elements with Interactions', 'elementor' ) }\n\t\t\t</Typography>\n\n\t\t\t<Typography align=\"center\" variant=\"caption\" maxWidth=\"170px\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Add entrance animations and effects triggered by user interactions such as page load or scroll.',\n\t\t\t\t\t'elementor'\n\t\t\t\t) }\n\t\t\t</Typography>\n\n\t\t\t<Button variant=\"outlined\" color=\"secondary\" size=\"small\" sx={ { mt: 1 } } onClick={ onCreateInteraction }>\n\t\t\t\t{ __( 'Create an interaction', 'elementor' ) }\n\t\t\t</Button>\n\t\t</Stack>\n\t);\n};\n","import * as React from 'react';\nimport { useCallback, useState } from 'react';\nimport { useElementInteractions } from '@elementor/editor-elements';\nimport { SessionStorageProvider } from '@elementor/session';\nimport { Stack } from '@elementor/ui';\n\nimport { InteractionsProvider, useInteractionsContext } from '../contexts/interactions-context';\nimport { PopupStateProvider } from '../contexts/popup-state-context';\nimport type { ElementInteractions } from '../types';\nimport { EmptyState } from './empty-state';\nimport { InteractionsList } from './interactions-list';\n\nexport const InteractionsTab = ( { elementId }: { elementId: string } ) => {\n\treturn (\n\t\t<PopupStateProvider>\n\t\t\t<InteractionsTabContent elementId={ elementId } />\n\t\t</PopupStateProvider>\n\t);\n};\n\nfunction InteractionsTabContent( { elementId }: { elementId: string } ) {\n\tconst existingInteractions = useElementInteractions( elementId ) as unknown as ElementInteractions | undefined;\n\tconst firstInteractionState = useState< boolean >( false );\n\tconst hasInteractions = existingInteractions?.items?.length || firstInteractionState[ 0 ];\n\n\treturn (\n\t\t<SessionStorageProvider prefix={ elementId }>\n\t\t\t{ hasInteractions ? (\n\t\t\t\t<InteractionsProvider elementId={ elementId }>\n\t\t\t\t\t<InteractionsContent firstInteractionState={ firstInteractionState } />\n\t\t\t\t</InteractionsProvider>\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\tonCreateInteraction={ () => {\n\t\t\t\t\t\tfirstInteractionState[ 1 ]( true );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</SessionStorageProvider>\n\t);\n}\n\nfunction InteractionsContent( {\n\tfirstInteractionState,\n}: {\n\tfirstInteractionState: [ boolean, ( value: boolean ) => void ];\n} ) {\n\tconst { interactions, setInteractions, playInteractions } = useInteractionsContext();\n\n\tconst applyInteraction = useCallback(\n\t\t( newInteractions: ElementInteractions ) => {\n\t\t\tfirstInteractionState[ 1 ]( false );\n\t\t\tif ( ! newInteractions ) {\n\t\t\t\tsetInteractions( undefined );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetInteractions( newInteractions );\n\t\t},\n\t\t[ setInteractions, firstInteractionState ]\n\t);\n\n\treturn (\n\t\t<Stack sx={ { m: 1, p: 1.5 } } gap={ 2 }>\n\t\t\t<InteractionsList\n\t\t\t\ttriggerCreateOnShowEmpty={ firstInteractionState[ 0 ] }\n\t\t\t\tinteractions={ interactions }\n\t\t\t\tonSelectInteractions={ applyInteraction }\n\t\t\t\tonPlayInteraction={ playInteractions }\n\t\t\t/>\n\t\t</Stack>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, type ReactNode, useContext, useEffect } from 'react';\nimport {\n\ttype ElementInteractions,\n\tplayElementInteractions,\n\tupdateElementInteractions,\n\tuseElementInteractions,\n} from '@elementor/editor-elements';\n\ntype InteractionsContextValue = {\n\tinteractions: ElementInteractions;\n\tsetInteractions: ( value: ElementInteractions | undefined ) => void;\n\tplayInteractions: ( interactionId: string ) => void;\n};\n\nconst InteractionsContext = createContext< InteractionsContextValue | null >( null );\n\nconst DEFAULT_INTERACTIONS: ElementInteractions = {\n\tversion: 1,\n\titems: [],\n};\n\nexport const InteractionsProvider = ( { children, elementId }: { children: ReactNode; elementId: string } ) => {\n\tconst rawInteractions = useElementInteractions( elementId );\n\n\tuseEffect( () => {\n\t\twindow.dispatchEvent( new CustomEvent( 'elementor/element/update_interactions' ) );\n\t}, [] );\n\n\tconst interactions: ElementInteractions =\n\t\t( rawInteractions as unknown as ElementInteractions ) ?? DEFAULT_INTERACTIONS;\n\n\tconst setInteractions = ( value: ElementInteractions | undefined ) => {\n\t\tconst normalizedValue = value && value.items?.length === 0 ? undefined : value;\n\n\t\tupdateElementInteractions( {\n\t\t\telementId,\n\t\t\tinteractions: normalizedValue,\n\t\t} );\n\t};\n\n\tconst playInteractions = ( interactionId: string ) => {\n\t\tplayElementInteractions( elementId, interactionId );\n\t};\n\n\tconst contextValue: InteractionsContextValue = {\n\t\tinteractions,\n\t\tsetInteractions,\n\t\tplayInteractions,\n\t};\n\n\treturn <InteractionsContext.Provider value={ contextValue }>{ children }</InteractionsContext.Provider>;\n};\n\nexport const useInteractionsContext = () => {\n\tconst context = useContext( InteractionsContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'useInteractionsContext must be used within InteractionsProvider' );\n\t}\n\treturn context;\n};\n","import * as React from 'react';\nimport { createContext, useCallback, useContext, useState } from 'react';\n\ntype PopupStateContextType = {\n\topenByDefault: boolean;\n\ttriggerDefaultOpen: () => void;\n\tresetDefaultOpen: () => void;\n};\n\nconst PopupStateContext = createContext< PopupStateContextType | undefined >( undefined );\n\nexport const PopupStateProvider = ( { children }: { children: React.ReactNode } ) => {\n\tconst [ openByDefault, setOpenByDefault ] = useState( false );\n\n\tconst triggerDefaultOpen = useCallback( () => {\n\t\tsetOpenByDefault( true );\n\t}, [] );\n\n\tconst resetDefaultOpen = useCallback( () => {\n\t\tsetOpenByDefault( false );\n\t}, [] );\n\n\treturn (\n\t\t<PopupStateContext.Provider value={ { openByDefault, triggerDefaultOpen, resetDefaultOpen } }>\n\t\t\t{ children }\n\t\t</PopupStateContext.Provider>\n\t);\n};\n\nexport const usePopupStateContext = () => {\n\tconst context = useContext( PopupStateContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'usePopupStateContext must be used within PopupStateProvider' );\n\t}\n\treturn context;\n};\n","import * as React from 'react';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Repeater } from '@elementor/editor-controls';\nimport { InfoCircleFilledIcon, PlayerPlayIcon } from '@elementor/icons';\nimport { Alert, AlertTitle, Box, IconButton, Tooltip } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { InteractionItemContextProvider } from '../contexts/interactions-item-context';\nimport type { ElementInteractions, InteractionItemPropValue, InteractionItemValue } from '../types';\nimport { buildDisplayLabel, createDefaultInteractionItem, extractString } from '../utils/prop-value-utils';\nimport { InteractionsListItem } from './interactions-list-item';\nexport const MAX_NUMBER_OF_INTERACTIONS = 5;\n\nexport type InteractionListProps = {\n\tonSelectInteractions: ( interactions: ElementInteractions ) => void;\n\tinteractions: ElementInteractions;\n\tonPlayInteraction: ( interactionId: string ) => void;\n\ttriggerCreateOnShowEmpty?: boolean;\n};\n\nexport function InteractionsList( props: InteractionListProps ) {\n\tconst { interactions, onSelectInteractions, onPlayInteraction, triggerCreateOnShowEmpty } = props;\n\n\tconst hasInitializedRef = useRef( false );\n\n\tconst handleUpdateInteractions = useCallback(\n\t\t( newInteractions: ElementInteractions ) => {\n\t\t\tonSelectInteractions( newInteractions );\n\t\t},\n\t\t[ onSelectInteractions ]\n\t);\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\ttriggerCreateOnShowEmpty &&\n\t\t\t! hasInitializedRef.current &&\n\t\t\t( ! interactions.items || interactions.items?.length === 0 )\n\t\t) {\n\t\t\thasInitializedRef.current = true;\n\t\t\tconst newState: ElementInteractions = {\n\t\t\t\tversion: 1,\n\t\t\t\titems: [ createDefaultInteractionItem() ],\n\t\t\t};\n\t\t\thandleUpdateInteractions( newState );\n\t\t}\n\t}, [ triggerCreateOnShowEmpty, interactions.items, handleUpdateInteractions ] );\n\n\tconst isMaxNumberOfInteractionsReached = useMemo( () => {\n\t\treturn interactions.items?.length >= MAX_NUMBER_OF_INTERACTIONS;\n\t}, [ interactions.items?.length ] );\n\n\tconst infotipContent = isMaxNumberOfInteractionsReached ? (\n\t\t<Alert color=\"secondary\" icon={ <InfoCircleFilledIcon /> } size=\"small\">\n\t\t\t<AlertTitle>{ __( 'Interactions', 'elementor' ) }</AlertTitle>\n\t\t\t<Box component=\"span\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.\",\n\t\t\t\t\t'elementor'\n\t\t\t\t) }\n\t\t\t</Box>\n\t\t</Alert>\n\t) : undefined;\n\n\tconst handleRepeaterChange = useCallback(\n\t\t( newItems: ElementInteractions[ 'items' ] ) => {\n\t\t\thandleUpdateInteractions( {\n\t\t\t\t...interactions,\n\t\t\t\titems: newItems,\n\t\t\t} );\n\t\t},\n\t\t[ interactions, handleUpdateInteractions ]\n\t);\n\n\tconst handleInteractionChange = useCallback(\n\t\t( index: number, newInteractionValue: InteractionItemValue ) => {\n\t\t\tconst newItems = structuredClone( interactions.items );\n\t\t\tnewItems[ index ] = {\n\t\t\t\t$$type: 'interaction-item',\n\t\t\t\tvalue: newInteractionValue,\n\t\t\t};\n\t\t\thandleUpdateInteractions( {\n\t\t\t\t...interactions,\n\t\t\t\titems: newItems,\n\t\t\t} );\n\t\t},\n\t\t[ interactions, handleUpdateInteractions ]\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tonInteractionChange: handleInteractionChange,\n\t\t\tonPlayInteraction,\n\t\t} ),\n\t\t[ handleInteractionChange, onPlayInteraction ]\n\t);\n\n\treturn (\n\t\t<InteractionItemContextProvider value={ contextValue }>\n\t\t\t<Repeater\n\t\t\t\topenOnAdd\n\t\t\t\topenItem={ triggerCreateOnShowEmpty ? 0 : undefined }\n\t\t\t\tlabel={ __( 'Interactions', 'elementor' ) }\n\t\t\t\tvalues={ interactions.items }\n\t\t\t\tsetValues={ handleRepeaterChange }\n\t\t\t\tshowDuplicate={ false }\n\t\t\t\tshowToggle={ false }\n\t\t\t\tisSortable={ false }\n\t\t\t\tdisableAddItemButton={ isMaxNumberOfInteractionsReached }\n\t\t\t\taddButtonInfotipContent={ infotipContent }\n\t\t\t\titemSettings={ {\n\t\t\t\t\tinitialValues: createDefaultInteractionItem(),\n\t\t\t\t\tLabel: ( { value }: { value: InteractionItemPropValue } ) => buildDisplayLabel( value.value ),\n\t\t\t\t\tIcon: () => null,\n\t\t\t\t\tContent: InteractionsListItem,\n\t\t\t\t\tactions: ( value: InteractionItemPropValue ) => (\n\t\t\t\t\t\t<Tooltip key=\"preview\" placement=\"top\" title={ __( 'Preview', 'elementor' ) }>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\taria-label={ __( 'Play interaction', 'elementor' ) }\n\t\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\t\tonClick={ () => onPlayInteraction( extractString( value.value.interaction_id ) ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PlayerPlayIcon fontSize=\"tiny\" />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</InteractionItemContextProvider>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { InteractionItemValue } from '../types';\n\ntype InteractionItemContextValue = {\n\tonInteractionChange: ( index: number, newInteractionValue: InteractionItemValue ) => void;\n\tonPlayInteraction: ( interactionId: string ) => void;\n};\n\nconst InteractionItemContext = createContext< InteractionItemContextValue | null >( null );\n\nexport function InteractionItemContextProvider( {\n\tvalue,\n\tchildren,\n}: { value: InteractionItemContextValue } & React.PropsWithChildren ) {\n\treturn <InteractionItemContext.Provider value={ value }>{ children }</InteractionItemContext.Provider>;\n}\n\nexport function useInteractionItemContext() {\n\tconst context = useContext( InteractionItemContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'useInteractionItemContext must be used within InteractionItemContextProvider' );\n\t}\n\treturn context;\n}\n","import { type Unit } from '@elementor/editor-controls';\nimport { type PropValue, sizePropTypeUtil, type SizePropValue } from '@elementor/editor-props';\n\nimport { DEFAULT_TIME_UNIT, TIME_UNITS } from '../configs/time-constants';\nimport {\n\ttype AnimationPresetPropValue,\n\ttype BooleanPropValue,\n\ttype ConfigPropValue,\n\ttype ElementInteractions,\n\ttype ExcludedBreakpointsPropValue,\n\ttype InteractionBreakpointsPropValue,\n\ttype InteractionItemPropValue,\n\ttype InteractionItemValue,\n\ttype NumberPropValue,\n\ttype SizeStringValue,\n\ttype StringPropValue,\n\ttype TimingConfigPropValue,\n} from '../types';\nimport { formatSizeValue, parseSizeValue } from '../utils/size-transform-utils';\nimport { generateTempInteractionId } from './temp-id-utils';\n\nexport const createString = ( value: string ): StringPropValue => ( {\n\t$$type: 'string',\n\tvalue,\n} );\n\nexport const createNumber = ( value: number ): NumberPropValue => ( {\n\t$$type: 'number',\n\tvalue,\n} );\n\nexport const createTimingConfig = ( duration: SizeStringValue, delay: SizeStringValue ): TimingConfigPropValue => ( {\n\t$$type: 'timing-config',\n\tvalue: {\n\t\tduration: sizePropTypeUtil.create( parseSizeValue( duration, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) ),\n\t\tdelay: sizePropTypeUtil.create( parseSizeValue( delay, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) ),\n\t},\n} );\n\nexport const createBoolean = ( value: boolean ): BooleanPropValue => ( {\n\t$$type: 'boolean',\n\tvalue,\n} );\n\nexport const createConfig = ( {\n\treplay,\n\teasing = 'easeIn',\n\trelativeTo = '',\n\toffsetTop = 0,\n\toffsetBottom = 85,\n}: {\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: SizeStringValue;\n\toffsetBottom?: SizeStringValue;\n} ): ConfigPropValue => ( {\n\t$$type: 'config',\n\tvalue: {\n\t\treplay: createBoolean( replay ),\n\t\teasing: createString( easing ),\n\t\trelativeTo: createString( relativeTo ),\n\t\toffsetTop: createSize( offsetTop, '%' ),\n\t\toffsetBottom: createSize( offsetBottom, '%' ),\n\t},\n} );\n\nconst createSize = ( value?: SizeStringValue, defaultUnit?: Unit, defaultValue?: SizeStringValue ) => {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\treturn sizePropTypeUtil.create( parseSizeValue( value, [ '%' ], defaultValue, defaultUnit ) );\n};\n\nexport const extractBoolean = ( prop: BooleanPropValue | undefined, fallback = false ): boolean => {\n\treturn prop?.value ?? fallback;\n};\n\nexport const createExcludedBreakpoints = ( breakpoints: string[] ): ExcludedBreakpointsPropValue => ( {\n\t$$type: 'excluded-breakpoints',\n\tvalue: breakpoints.map( createString ),\n} );\n\nexport const createInteractionBreakpoints = ( excluded: string[] ): InteractionBreakpointsPropValue => ( {\n\t$$type: 'interaction-breakpoints',\n\tvalue: {\n\t\texcluded: createExcludedBreakpoints( excluded ),\n\t},\n} );\n\nexport const extractExcludedBreakpoints = ( breakpoints: InteractionBreakpointsPropValue | undefined ): string[] => {\n\treturn breakpoints?.value.excluded.value.map( ( bp: StringPropValue ) => bp.value ) ?? [];\n};\n\nexport const createAnimationPreset = ( {\n\teffect,\n\ttype,\n\tdirection,\n\tduration,\n\tdelay,\n\treplay = false,\n\teasing = 'easeIn',\n\trelativeTo,\n\toffsetTop,\n\toffsetBottom,\n\tcustomEffects,\n}: {\n\teffect: string;\n\ttype: string;\n\tdirection?: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: SizeStringValue;\n\toffsetBottom?: SizeStringValue;\n\tcustomEffects?: PropValue;\n} ): AnimationPresetPropValue => ( {\n\t$$type: 'animation-preset-props',\n\tvalue: {\n\t\teffect: createString( effect ),\n\t\tcustom_effect: customEffects,\n\t\ttype: createString( type ),\n\t\tdirection: createString( direction ?? '' ),\n\t\ttiming_config: createTimingConfig( duration, delay ),\n\t\tconfig: createConfig( {\n\t\t\treplay,\n\t\t\teasing,\n\t\t\trelativeTo,\n\t\t\toffsetTop,\n\t\t\toffsetBottom,\n\t\t} ),\n\t},\n} );\n\nexport const createInteractionItem = ( {\n\ttrigger,\n\teffect,\n\ttype,\n\tdirection,\n\tduration,\n\tdelay,\n\tinteractionId,\n\treplay = false,\n\teasing = 'easeIn',\n\trelativeTo,\n\toffsetTop,\n\toffsetBottom,\n\texcludedBreakpoints,\n\tcustomEffects,\n}: {\n\ttrigger: string;\n\teffect: string;\n\ttype: string;\n\tdirection?: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\tinteractionId?: string;\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: number;\n\toffsetBottom?: number;\n\texcludedBreakpoints?: string[];\n\tcustomEffects?: PropValue;\n} ): InteractionItemPropValue => ( {\n\t$$type: 'interaction-item',\n\tvalue: {\n\t\t...( interactionId && { interaction_id: createString( interactionId ) } ),\n\t\ttrigger: createString( trigger ),\n\t\tanimation: createAnimationPreset( {\n\t\t\teffect,\n\t\t\ttype,\n\t\t\tdirection,\n\t\t\tduration,\n\t\t\tdelay,\n\t\t\treplay,\n\t\t\teasing,\n\t\t\trelativeTo,\n\t\t\toffsetTop,\n\t\t\toffsetBottom,\n\t\t\tcustomEffects,\n\t\t} ),\n\t\t...( excludedBreakpoints &&\n\t\t\texcludedBreakpoints.length > 0 && {\n\t\t\t\tbreakpoints: createInteractionBreakpoints( excludedBreakpoints ),\n\t\t\t} ),\n\t},\n} );\n\nexport const createDefaultInteractionItem = (): InteractionItemPropValue => {\n\treturn createInteractionItem( {\n\t\ttrigger: 'load',\n\t\teffect: 'fade',\n\t\ttype: 'in',\n\t\tduration: 600,\n\t\tdelay: 0,\n\t\treplay: false,\n\t\teasing: 'easeIn',\n\t\tinteractionId: generateTempInteractionId(),\n\t} );\n};\n\nexport const createDefaultInteractions = (): ElementInteractions => ( {\n\tversion: 1,\n\titems: [ createDefaultInteractionItem() ],\n} );\n\nexport const extractString = ( prop: StringPropValue | undefined, fallback = '' ): string => {\n\treturn prop?.value ?? fallback;\n};\n\nexport const extractSize = ( prop?: SizePropValue, defaultValue?: SizeStringValue ): SizeStringValue => {\n\tif ( ! prop?.value ) {\n\t\treturn defaultValue as SizeStringValue;\n\t}\n\n\treturn formatSizeValue( prop.value );\n};\n\nconst TRIGGER_LABELS: Record< string, string > = {\n\tload: 'On page load',\n\tscrollIn: 'Scroll into view',\n\tscrollOut: 'Scroll out of view',\n\tscrollOn: 'While scrolling',\n};\n\nconst capitalize = ( str: string ): string => {\n\treturn str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n};\n\nexport const buildDisplayLabel = ( item: InteractionItemValue ): string => {\n\tconst trigger = extractString( item.trigger );\n\tconst effect = extractString( item.animation.value.effect );\n\tconst type = extractString( item.animation.value.type );\n\n\tconst triggerLabel = TRIGGER_LABELS[ trigger ] || capitalize( trigger );\n\tconst effectLabel = capitalize( effect );\n\tconst typeLabel = capitalize( type );\n\n\treturn `${ triggerLabel }: ${ effectLabel } ${ typeLabel }`;\n};\n","import { type Unit } from '@elementor/editor-controls';\n\nexport const TIME_UNITS: Unit[] = [ 's', 'ms' ];\n\nexport const DEFAULT_TIME_UNIT = 'ms';\n","import { type Unit } from '@elementor/editor-controls';\nimport { type SizePropValue } from '@elementor/editor-props';\n\nimport { type SizeStringValue } from '../types';\n\ntype SizeValue = SizePropValue[ 'value' ];\ntype SizeUnit = SizeValue[ 'unit' ];\n\nconst SIZE_REGEX = /^(?:(-?\\d*\\.?\\d+)([a-z%]+)|([a-z%]+))$/i;\n\nexport const parseSizeValue = (\n\tvalue: SizeStringValue,\n\tallowedUnits: SizeUnit[],\n\tdefaultValue?: SizeStringValue,\n\tdefaultUnit?: Unit\n): SizeValue => {\n\tif ( typeof value === 'number' ) {\n\t\treturn {\n\t\t\tsize: value,\n\t\t\tunit: defaultUnit as Unit,\n\t\t};\n\t}\n\n\tconst sizeValue = tryParse( value, allowedUnits, defaultUnit );\n\n\tif ( sizeValue ) {\n\t\treturn sizeValue;\n\t}\n\n\tif ( defaultValue ) {\n\t\tconst fallbackSize = tryParse( defaultValue, allowedUnits, defaultUnit );\n\n\t\tif ( fallbackSize ) {\n\t\t\treturn fallbackSize;\n\t\t}\n\t}\n\n\treturn createSizeValue( null, defaultUnit );\n};\n\nconst tryParse = ( value: SizeStringValue, allowedUnits: SizeUnit[], defaultUnit?: Unit ): SizeValue | null => {\n\tif ( typeof value === 'number' ) {\n\t\treturn createSizeValue( value, defaultUnit );\n\t}\n\n\tconst match = value && value.match( SIZE_REGEX );\n\n\tif ( ! match ) {\n\t\tif ( value ) {\n\t\t\treturn {\n\t\t\t\tsize: Number( value ),\n\t\t\t\tunit: defaultUnit as Unit,\n\t\t\t};\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tconst size = match[ 1 ] ? parseFloat( match[ 1 ] ) : null;\n\tconst unit = ( match[ 2 ] || match[ 3 ] ) as SizeUnit;\n\n\tif ( ! allowedUnits.includes( unit ) ) {\n\t\treturn null;\n\t}\n\n\treturn createSizeValue( size, unit );\n};\n\nexport const formatSizeValue = ( { size, unit }: SizeValue ): SizeStringValue => {\n\treturn `${ size ?? '' }${ unit }` as SizeStringValue;\n};\n\nconst createSizeValue = ( size: number | null, unit?: SizeUnit ): SizeValue => {\n\treturn { size, unit } as SizeValue;\n};\n","const TEMP_ID_PREFIX = 'temp-';\nconst TEMP_ID_REGEX = /^temp-[a-z0-9]+$/i;\n\nexport function generateTempInteractionId(): string {\n\treturn `${ TEMP_ID_PREFIX }${ Math.random().toString( 36 ).substring( 2, 11 ) }`;\n}\n\nexport function isTempId( id: string | undefined ): boolean {\n\treturn !! id && TEMP_ID_REGEX.test( id );\n}\n","import * as React from 'react';\nimport { useCallback } from 'react';\nimport { Divider, Tab, TabPanel, Tabs, useTabs } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { useInteractionItemContext } from '../contexts/interactions-item-context';\nimport type { InteractionItemPropValue, InteractionItemValue } from '../types';\nimport { extractString } from '../utils/prop-value-utils';\nimport { InteractionDetails } from './interaction-details';\nimport { InteractionSettings } from './interaction-settings';\n\ntype InteractionTabValue = 'details' | 'settings';\n\nexport const InteractionsListItem = ( {\n\tindex,\n\tvalue: interaction,\n}: {\n\tindex: number;\n\tvalue: InteractionItemPropValue;\n} ) => {\n\tconst { getTabsProps, getTabProps, getTabPanelProps } = useTabs< InteractionTabValue >( 'details' );\n\n\tconst context = useInteractionItemContext();\n\n\tconst handleChange = useCallback(\n\t\t( newInteractionValue: InteractionItemValue ) => {\n\t\t\tcontext?.onInteractionChange( index, newInteractionValue );\n\t\t},\n\t\t[ context, index ]\n\t);\n\n\tconst handlePlayInteraction = useCallback(\n\t\t( interactionId: string ) => {\n\t\t\tcontext?.onPlayInteraction( interactionId );\n\t\t},\n\t\t[ context ]\n\t);\n\n\tconst interactionId = extractString( interaction.value.interaction_id );\n\n\treturn (\n\t\t<>\n\t\t\t<Tabs\n\t\t\t\tsize=\"small\"\n\t\t\t\tvariant=\"fullWidth\"\n\t\t\t\taria-label={ __( 'Interaction', 'elementor' ) }\n\t\t\t\t{ ...getTabsProps() }\n\t\t\t>\n\t\t\t\t<Tab label={ __( 'Details', 'elementor' ) } { ...getTabProps( 'details' ) } />\n\t\t\t\t<Tab label={ __( 'Settings', 'elementor' ) } { ...getTabProps( 'settings' ) } />\n\t\t\t</Tabs>\n\n\t\t\t<Divider />\n\n\t\t\t<TabPanel sx={ { p: 0 } } { ...getTabPanelProps( 'details' ) }>\n\t\t\t\t<InteractionDetails\n\t\t\t\t\tkey={ interactionId }\n\t\t\t\t\tinteraction={ interaction.value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tonPlayInteraction={ handlePlayInteraction }\n\t\t\t\t/>\n\t\t\t</TabPanel>\n\n\t\t\t<TabPanel sx={ { p: 0 } } { ...getTabPanelProps( 'settings' ) }>\n\t\t\t\t<InteractionSettings\n\t\t\t\t\tkey={ interactionId }\n\t\t\t\t\tinteraction={ interaction.value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t/>\n\t\t\t</TabPanel>\n\t\t</>\n\t);\n};\n","import * as React from 'react';\nimport { type ComponentType, useMemo, useRef } from 'react';\nimport { PopoverContent } from '@elementor/editor-controls';\nimport { type PropValue } from '@elementor/editor-props';\nimport { Box, Divider, Grid } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { getInteractionsControl } from '../interactions-controls-registry';\nimport { type FieldProps, type InteractionItemValue, type SizeStringValue } from '../types';\nimport {\n\tcreateAnimationPreset,\n\tcreateString,\n\textractBoolean,\n\textractSize,\n\textractString,\n} from '../utils/prop-value-utils';\nimport { resolveDirection } from '../utils/resolve-direction';\nimport { parseSizeValue } from '../utils/size-transform-utils';\nimport { TimeFrameIndicator } from './controls/time-frame-indicator';\nimport { Field } from './field';\n\ntype InteractionDetailsProps = {\n\tinteraction: InteractionItemValue;\n\tonChange: ( interaction: InteractionItemValue ) => void;\n\tonPlayInteraction: ( interactionId: string ) => void;\n};\n\nexport const DEFAULT_VALUES = {\n\ttrigger: 'load',\n\teffect: 'fade',\n\ttype: 'in',\n\tdirection: '',\n\tduration: 600,\n\tdelay: 0,\n\treplay: false,\n\teasing: 'easeIn',\n\trelativeTo: 'viewport',\n\toffsetTop: 15,\n\toffsetBottom: 85,\n};\n\nconst TRIGGERS_WITHOUT_REPLAY = [ 'load', 'scrollOn', 'hover', 'click' ];\n\ntype InteractionsControlType =\n\t| 'trigger'\n\t| 'effect'\n\t| 'effectType'\n\t| 'direction'\n\t| 'duration'\n\t| 'delay'\n\t| 'replay'\n\t| 'easing'\n\t| 'relativeTo'\n\t| 'offsetTop'\n\t| 'offsetBottom'\n\t| 'customEffects';\n\ntype InteractionValues = {\n\ttrigger: string;\n\teffect: string;\n\ttype: string;\n\tdirection: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\treplay: boolean;\n\teasing: string;\n\trelativeTo: string;\n\toffsetTop: SizeStringValue;\n\toffsetBottom: SizeStringValue;\n\tcustomEffects?: PropValue;\n};\n\ntype ControlVisibilityConfig = {\n\t[ key: string ]: ( values: InteractionValues ) => boolean;\n};\n\nconst controlVisibilityConfig: ControlVisibilityConfig = {\n\treplay: ( values ) => ! TRIGGERS_WITHOUT_REPLAY.includes( values.trigger ),\n\tcustom: ( values ) => values.effect === 'custom',\n\teffectType: ( values ) => values.effect !== 'custom',\n\tdirection: ( values ) => values.effect !== 'custom',\n\trelativeTo: ( values ) => values.trigger === 'scrollOn',\n\toffsetTop: ( values ) => values.trigger === 'scrollOn',\n\toffsetBottom: ( values ) => values.trigger === 'scrollOn',\n\n\tduration: ( values ) => {\n\t\tconst isRelativeToVisible = values.trigger === 'scrollOn';\n\t\treturn ! isRelativeToVisible;\n\t},\n\tdelay: ( values ) => {\n\t\tconst isRelativeToVisible = values.trigger === 'scrollOn';\n\t\treturn ! isRelativeToVisible;\n\t},\n};\n\nfunction useControlComponent( controlName: InteractionsControlType, isVisible: boolean = true ) {\n\treturn useMemo( () => {\n\t\tif ( ! isVisible ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn getInteractionsControl( controlName )?.component ?? null;\n\t}, [ controlName, isVisible ] );\n}\n\nexport const InteractionDetails = ( { interaction, onChange, onPlayInteraction }: InteractionDetailsProps ) => {\n\tconst trigger = extractString( interaction.trigger, DEFAULT_VALUES.trigger );\n\tconst effect = extractString( interaction.animation.value.effect, DEFAULT_VALUES.effect );\n\tconst customEffects = interaction.animation.value.custom_effect;\n\tconst type = extractString( interaction.animation.value.type, DEFAULT_VALUES.type );\n\tconst direction = extractString( interaction.animation.value.direction, DEFAULT_VALUES.direction );\n\tconst duration = extractSize( interaction.animation.value.timing_config.value.duration );\n\tconst delay = extractSize( interaction.animation.value.timing_config.value.delay );\n\tconst replay = extractBoolean( interaction.animation.value.config?.value.replay, DEFAULT_VALUES.replay );\n\tconst easing = extractString( interaction.animation.value.config?.value.easing, DEFAULT_VALUES.easing );\n\tconst relativeTo = extractString( interaction.animation.value.config?.value.relativeTo, DEFAULT_VALUES.relativeTo );\n\n\tconst offsetTop = extractSize( interaction.animation.value.config?.value.offsetTop, DEFAULT_VALUES.offsetTop );\n\tconst offsetBottom = extractSize(\n\t\tinteraction.animation.value.config?.value.offsetBottom,\n\t\tDEFAULT_VALUES.offsetBottom\n\t);\n\n\tconst interactionValues = {\n\t\ttrigger,\n\t\teffect,\n\t\ttype,\n\t\tdirection,\n\t\tduration,\n\t\tdelay,\n\t\teasing,\n\t\treplay,\n\t\trelativeTo,\n\t\toffsetTop,\n\t\toffsetBottom,\n\t\tcustomEffects,\n\t};\n\n\tconst TriggerControl = useControlComponent( 'trigger', true );\n\tconst EffectControl = useControlComponent( 'effect' );\n\tconst ReplayControl = useControlComponent( 'replay', controlVisibilityConfig.replay( interactionValues ) );\n\tconst RelativeToControl = useControlComponent(\n\t\t'relativeTo',\n\t\tcontrolVisibilityConfig.relativeTo( interactionValues )\n\t);\n\tconst OffsetTopControl = useControlComponent( 'offsetTop', controlVisibilityConfig.offsetTop( interactionValues ) );\n\tconst OffsetBottomControl = useControlComponent(\n\t\t'offsetBottom',\n\t\tcontrolVisibilityConfig.offsetBottom( interactionValues )\n\t);\n\tconst CustomEffectControl = useControlComponent(\n\t\t'customEffects',\n\t\tcontrolVisibilityConfig.custom( interactionValues )\n\t) as ComponentType< FieldProps< PropValue > >;\n\n\tconst EffectTypeControl = useControlComponent(\n\t\t'effectType',\n\t\tcontrolVisibilityConfig.effectType( interactionValues )\n\t);\n\tconst DirectionControl = useControlComponent( 'direction', controlVisibilityConfig.direction( interactionValues ) );\n\tconst EasingControl = useControlComponent( 'easing' );\n\n\tconst containerRef = useRef< HTMLDivElement >( null );\n\n\tconst updateInteraction = (\n\t\tupdates: Partial< {\n\t\t\ttrigger: string;\n\t\t\teffect: string;\n\t\t\ttype: string;\n\t\t\tdirection: string;\n\t\t\tduration: SizeStringValue;\n\t\t\tdelay: SizeStringValue;\n\t\t\treplay: boolean;\n\t\t\teasing?: string;\n\t\t\trelativeTo: string;\n\t\t\toffsetTop: SizeStringValue;\n\t\t\toffsetBottom: SizeStringValue;\n\t\t\tcustomEffects?: PropValue;\n\t\t} >\n\t): void => {\n\t\tconst resolvedDirectionValue = resolveDirection(\n\t\t\t'direction' in updates,\n\t\t\tupdates.effect,\n\t\t\tupdates.direction,\n\t\t\tdirection,\n\t\t\teffect\n\t\t);\n\n\t\tconst updatedInteraction = {\n\t\t\t...interaction,\n\t\t\tinteraction_id: interaction.interaction_id,\n\t\t\ttrigger: createString( updates.trigger ?? trigger ),\n\t\t\tanimation: createAnimationPreset( {\n\t\t\t\teffect: updates.effect ?? effect,\n\t\t\t\ttype: updates.type ?? type,\n\t\t\t\tdirection: resolvedDirectionValue,\n\t\t\t\tduration: updates.duration ?? duration,\n\t\t\t\tdelay: updates.delay ?? delay,\n\t\t\t\treplay: updates.replay ?? replay,\n\t\t\t\teasing: updates.easing ?? easing,\n\t\t\t\trelativeTo: updates.relativeTo ?? relativeTo,\n\t\t\t\toffsetTop: updates.offsetTop ?? offsetTop,\n\t\t\t\toffsetBottom: updates.offsetBottom ?? offsetBottom,\n\t\t\t\tcustomEffects: updates.customEffects ?? customEffects,\n\t\t\t} ),\n\t\t};\n\n\t\tonChange( updatedInteraction );\n\n\t\tconst interactionId = extractString( updatedInteraction.interaction_id );\n\n\t\tsetTimeout( () => {\n\t\t\tonPlayInteraction( interactionId );\n\t\t}, 0 );\n\t};\n\n\treturn (\n\t\t<Box ref={ containerRef }>\n\t\t\t<PopoverContent p={ 1.5 }>\n\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t{ TriggerControl && (\n\t\t\t\t\t\t<Field label={ __( 'Trigger', 'elementor' ) }>\n\t\t\t\t\t\t\t<TriggerControl\n\t\t\t\t\t\t\t\tvalue={ trigger }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { trigger: v } ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ReplayControl && (\n\t\t\t\t\t\t<Field label={ __( 'Replay', 'elementor' ) }>\n\t\t\t\t\t\t\t<ReplayControl\n\t\t\t\t\t\t\t\tvalue={ replay }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { replay: v } ) }\n\t\t\t\t\t\t\t\tdisabled={ true }\n\t\t\t\t\t\t\t\tanchorRef={ containerRef }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\t\t\t\t</Grid>\n\n\t\t\t\t<Divider />\n\n\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t{ EffectControl && (\n\t\t\t\t\t\t<Field label={ __( 'Effect', 'elementor' ) }>\n\t\t\t\t\t\t\t<EffectControl value={ effect } onChange={ ( v ) => updateInteraction( { effect: v } ) } />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ CustomEffectControl && (\n\t\t\t\t\t\t<Field label={ __( 'Custom Effect', 'elementor' ) }>\n\t\t\t\t\t\t\t<CustomEffectControl\n\t\t\t\t\t\t\t\tvalue={ customEffects }\n\t\t\t\t\t\t\t\tonChange={ ( v: PropValue ) => updateInteraction( { customEffects: v } ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ EffectTypeControl && (\n\t\t\t\t\t\t<Field label={ __( 'Type', 'elementor' ) }>\n\t\t\t\t\t\t\t<EffectTypeControl value={ type } onChange={ ( v ) => updateInteraction( { type: v } ) } />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ DirectionControl && (\n\t\t\t\t\t\t<Field label={ __( 'Direction', 'elementor' ) }>\n\t\t\t\t\t\t\t<DirectionControl\n\t\t\t\t\t\t\t\tvalue={ direction }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { direction: v } ) }\n\t\t\t\t\t\t\t\tinteractionType={ type }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ controlVisibilityConfig.duration( interactionValues ) && (\n\t\t\t\t\t\t<Field label={ __( 'Duration', 'elementor' ) }>\n\t\t\t\t\t\t\t<TimeFrameIndicator\n\t\t\t\t\t\t\t\tvalue={ String( duration ) }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { duration: v as SizeStringValue } ) }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_VALUES.duration as SizeStringValue }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ controlVisibilityConfig.delay( interactionValues ) && (\n\t\t\t\t\t\t<Field label={ __( 'Delay', 'elementor' ) }>\n\t\t\t\t\t\t\t<TimeFrameIndicator\n\t\t\t\t\t\t\t\tvalue={ String( delay ) }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { delay: v as SizeStringValue } ) }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_VALUES.delay as SizeStringValue }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\t\t\t\t</Grid>\n\n\t\t\t\t{ controlVisibilityConfig.relativeTo( interactionValues ) && RelativeToControl && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t\t\t<Field label={ __( 'Relative To', 'elementor' ) }>\n\t\t\t\t\t\t\t\t<RelativeToControl\n\t\t\t\t\t\t\t\t\tvalue={ relativeTo }\n\t\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { relativeTo: v } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t{ OffsetTopControl && (\n\t\t\t\t\t\t\t\t<Field label={ __( 'Offset Top', 'elementor' ) }>\n\t\t\t\t\t\t\t\t\t<OffsetTopControl\n\t\t\t\t\t\t\t\t\t\tvalue={ String( parseSizeValue( offsetTop, [ '%' ] ).size ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( v: string ) =>\n\t\t\t\t\t\t\t\t\t\t\tupdateInteraction( { offsetTop: v as SizeStringValue } )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ OffsetBottomControl && (\n\t\t\t\t\t\t\t\t<Field label={ __( 'Offset Bottom', 'elementor' ) }>\n\t\t\t\t\t\t\t\t\t<OffsetBottomControl\n\t\t\t\t\t\t\t\t\t\tvalue={ String( parseSizeValue( offsetBottom, [ '%' ] ).size ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( v: string ) =>\n\t\t\t\t\t\t\t\t\t\t\tupdateInteraction( { offsetBottom: v as SizeStringValue } )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ EasingControl && (\n\t\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t\t<Field label={ __( 'Easing', 'elementor' ) }>\n\t\t\t\t\t\t\t<EasingControl\n\t\t\t\t\t\t\t\tvalue={ easing }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => {\n\t\t\t\t\t\t\t\t\tupdateInteraction( { easing: v } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t</Grid>\n\t\t\t\t) }\n\t\t\t</PopoverContent>\n\t\t</Box>\n\t);\n};\n","import { type ComponentType } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\n\nimport { type DirectionFieldProps, type FieldProps, type ReplayFieldProps } from './types';\n\ntype InteractionsControlType =\n\t| 'trigger'\n\t| 'effect'\n\t| 'effectType'\n\t| 'direction'\n\t| 'duration'\n\t| 'delay'\n\t| 'replay'\n\t| 'easing'\n\t| 'relativeTo'\n\t| 'offsetTop'\n\t| 'offsetBottom'\n\t| 'customEffects';\n\ntype InteractionsControlPropsMap = {\n\ttrigger: FieldProps;\n\teffect: FieldProps;\n\tcustomEffects: FieldProps< PropValue >;\n\teffectType: FieldProps;\n\tdirection: DirectionFieldProps;\n\tduration: FieldProps;\n\tdelay: FieldProps;\n\treplay: ReplayFieldProps;\n\teasing: FieldProps;\n\trelativeTo: FieldProps;\n\toffsetTop: FieldProps;\n\toffsetBottom: FieldProps;\n};\n\ntype ControlOptions< T extends InteractionsControlType > = {\n\ttype: T;\n\tcomponent: ComponentType< InteractionsControlPropsMap[ T ] >;\n\toptions?: string[];\n};\n\ntype StoredControlOptions = {\n\ttype: InteractionsControlType;\n\tcomponent: ComponentType< FieldProps | DirectionFieldProps | ReplayFieldProps >;\n\toptions?: string[];\n};\n\nconst controlsRegistry = new Map< InteractionsControlType, StoredControlOptions >();\n\nexport function registerInteractionsControl< T extends InteractionsControlType >( {\n\ttype,\n\tcomponent,\n\toptions,\n}: ControlOptions< T > ) {\n\tcontrolsRegistry.set( type, { type, component: component as StoredControlOptions[ 'component' ], options } );\n}\n\nexport function getInteractionsControl( type: InteractionsControlType ) {\n\treturn controlsRegistry.get( type );\n}\n\nexport function getInteractionsControlOptions( type: InteractionsControlType ) {\n\treturn controlsRegistry.get( type )?.options ?? [];\n}\n","export const resolveDirection = (\n\thasDirection: boolean,\n\tnewEffect?: string,\n\tnewDirection?: string,\n\tcurrentDirection?: string,\n\tcurrentEffect?: string\n) => {\n\tif ( newEffect === 'slide' && ! newDirection ) {\n\t\treturn 'top';\n\t}\n\n\tif ( currentEffect === 'slide' && hasDirection ) {\n\t\treturn newDirection ?? 'top';\n\t}\n\t// Why? - New direction can be undefined when the effect is not slide, so if the updates object includes direction, we take it always!\n\tif ( hasDirection ) {\n\t\treturn newDirection;\n\t}\n\treturn currentDirection;\n};\n","import * as React from 'react';\nimport { useCallback, useRef } from 'react';\nimport { type Unit, UnstableSizeField } from '@elementor/editor-controls';\nimport { type SizePropValue } from '@elementor/editor-props';\n\nimport { DEFAULT_TIME_UNIT, TIME_UNITS } from '../../configs/time-constants';\nimport { type FieldProps, type SizeStringValue } from '../../types';\nimport { formatSizeValue, parseSizeValue } from '../../utils/size-transform-utils';\nimport { convertTimeUnit } from '../../utils/time-conversion';\n\nexport function TimeFrameIndicator( {\n\tvalue,\n\tonChange,\n\tdefaultValue,\n}: FieldProps & { defaultValue: SizeStringValue } ) {\n\tconst sizeValue = parseSizeValue( value as SizeStringValue, TIME_UNITS, defaultValue, DEFAULT_TIME_UNIT );\n\tconst prevUnitRef = useRef< Unit >( sizeValue.unit as Unit );\n\n\tconst setValue = useCallback(\n\t\t( size: SizePropValue[ 'value' ] ) => {\n\t\t\tconst unitChanged = prevUnitRef.current !== size.unit;\n\n\t\t\tif ( unitChanged ) {\n\t\t\t\tconst fromUnit = prevUnitRef.current;\n\t\t\t\tconst toUnit = size.unit as Unit;\n\n\t\t\t\tsize.size = convertTimeUnit( Number( size.size ), fromUnit, toUnit );\n\t\t\t\tprevUnitRef.current = toUnit;\n\t\t\t}\n\n\t\t\tonChange( formatSizeValue( size ) as string );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst handleChange = ( newValue: SizePropValue[ 'value' ] ) => {\n\t\tsetValue( newValue );\n\t};\n\n\tconst handleBlur = () => {\n\t\tif ( ! sizeValue.size ) {\n\t\t\tsetValue( parseSizeValue( defaultValue, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<UnstableSizeField\n\t\t\tunits={ TIME_UNITS }\n\t\t\tvalue={ sizeValue }\n\t\t\tonChange={ handleChange }\n\t\t\tonBlur={ handleBlur }\n\t\t\tInputProps={ {\n\t\t\t\tinputProps: {\n\t\t\t\t\tmin: 0,\n\t\t\t\t},\n\t\t\t} }\n\t\t/>\n\t);\n}\n","import { type Unit } from '@elementor/editor-controls';\n\ntype TimeUnit = Extract< Unit, 'ms' | 's' >;\nconst UNIT_TO_MS: Record< TimeUnit, number > = {\n\tms: 1,\n\ts: 1000,\n};\n\nexport const convertTimeUnit = ( value: number, from: Unit, to: Unit ): number => {\n\treturn ( value * UNIT_TO_MS[ from as TimeUnit ] ) / UNIT_TO_MS[ to as TimeUnit ];\n};\n","import * as React from 'react';\nimport { type PropsWithChildren } from 'react';\nimport { ControlFormLabel, PopoverGridContainer } from '@elementor/editor-controls';\nimport { Grid } from '@elementor/ui';\n\nexport const Field = ( { label, children }: { label: string } & PropsWithChildren ) => {\n\treturn (\n\t\t<Grid item xs={ 12 } aria-label={ `${ label } control` }>\n\t\t\t<PopoverGridContainer>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<ControlFormLabel>{ label }</ControlFormLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t{ children }\n\t\t\t\t</Grid>\n\t\t\t</PopoverGridContainer>\n\t\t</Grid>\n\t);\n};\n","import * as React from 'react';\nimport { type SyntheticEvent, useCallback, useMemo, useState } from 'react';\nimport { ControlFormLabel, PopoverContent } from '@elementor/editor-controls';\nimport { useBreakpoints } from '@elementor/editor-responsive';\nimport { Autocomplete, Chip, Grid, Stack, TextField } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport type { InteractionItemValue } from '../types';\nimport { createInteractionBreakpoints, extractExcludedBreakpoints } from '../utils/prop-value-utils';\n\ntype BreakpointOption = {\n\tlabel: string;\n\tvalue: string;\n};\n\ntype InteractionSettingsProps = {\n\tinteraction: InteractionItemValue;\n\tonChange: ( interaction: InteractionItemValue ) => void;\n};\n\nconst SIZE = 'tiny';\n\nexport const InteractionSettings = ( { interaction, onChange }: InteractionSettingsProps ) => {\n\tconst breakpoints = useBreakpoints();\n\n\tconst availableBreakpoints = useMemo(\n\t\t() => breakpoints.map( ( breakpoint ) => ( { label: breakpoint.label, value: String( breakpoint.id ) } ) ),\n\t\t[ breakpoints ]\n\t);\n\n\tconst [ selectedBreakpoints, setSelectedBreakpoints ] = useState< BreakpointOption[] >( () => {\n\t\tconst excluded = extractExcludedBreakpoints( interaction.breakpoints ).filter( ( excludedBreakpoint ) => {\n\t\t\treturn availableBreakpoints.some( ( { value } ) => value === excludedBreakpoint );\n\t\t} );\n\n\t\treturn availableBreakpoints.filter( ( { value } ) => {\n\t\t\treturn ! excluded.includes( value );\n\t\t} );\n\t} );\n\n\tconst handleBreakpointChange = useCallback(\n\t\t( _: SyntheticEvent, newValue: BreakpointOption[] ) => {\n\t\t\tsetSelectedBreakpoints( newValue );\n\n\t\t\tconst selectedValues = newValue.map( ( option ) => option.value );\n\n\t\t\tconst newExcluded = availableBreakpoints\n\t\t\t\t.filter( ( breakpoint ) => ! selectedValues.includes( breakpoint.value ) )\n\t\t\t\t.map( ( breakpoint ) => breakpoint.value );\n\n\t\t\tconst updatedInteraction: InteractionItemValue = {\n\t\t\t\t...interaction,\n\t\t\t\t...( newExcluded.length > 0 && {\n\t\t\t\t\tbreakpoints: createInteractionBreakpoints( newExcluded ),\n\t\t\t\t} ),\n\t\t\t};\n\n\t\t\tif ( newExcluded.length === 0 ) {\n\t\t\t\tdelete updatedInteraction.breakpoints;\n\t\t\t}\n\n\t\t\tonChange( updatedInteraction );\n\t\t},\n\t\t[ interaction, availableBreakpoints, onChange ]\n\t);\n\n\treturn (\n\t\t<PopoverContent p={ 1.5 }>\n\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<Stack direction=\"column\" gap={ 1 }>\n\t\t\t\t\t\t<ControlFormLabel sx={ { width: '100%' } }>\n\t\t\t\t\t\t\t{ __( 'Trigger on', 'elementor' ) }\n\t\t\t\t\t\t</ControlFormLabel>\n\t\t\t\t\t\t<Autocomplete\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\tvalue={ selectedBreakpoints }\n\t\t\t\t\t\t\tonChange={ handleBreakpointChange }\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\toptions={ availableBreakpoints }\n\t\t\t\t\t\t\tisOptionEqualToValue={ ( option, value ) => option.value === value.value }\n\t\t\t\t\t\t\trenderInput={ ( params ) => <TextField { ...params } /> }\n\t\t\t\t\t\t\trenderTags={ ( values, getTagProps ) =>\n\t\t\t\t\t\t\t\tvalues.map( ( option, index ) => {\n\t\t\t\t\t\t\t\t\tconst { key, ...chipProps } = getTagProps( { index } );\n\t\t\t\t\t\t\t\t\treturn <Chip key={ key } size={ SIZE } label={ option.label } { ...chipProps } />;\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</PopoverContent>\n\t);\n};\n","import { type InteractionsConfig } from '../types';\n\nconst DEFAULT_CONFIG: InteractionsConfig = {\n\tconstants: {\n\t\tdefaultDuration: 300,\n\t\tdefaultDelay: 0,\n\t\tslideDistance: 100,\n\t\tscaleStart: 0.5,\n\t\teasing: 'linear',\n\t},\n\tanimationOptions: [],\n};\n\nexport function getInteractionsConfig(): InteractionsConfig {\n\treturn window.ElementorInteractionsConfig || DEFAULT_CONFIG;\n}\n","import { type InteractionsProvider } from '../types';\n\nexport const createInteractionsRepository = () => {\n\tconst providers: InteractionsProvider[] = [];\n\n\tconst getProviders = () => {\n\t\tconst sorted = providers.slice( 0 ).sort( ( a, b ) => ( a.priority > b.priority ? -1 : 1 ) );\n\t\treturn sorted;\n\t};\n\n\tconst register = ( provider: InteractionsProvider ) => {\n\t\tproviders.push( provider );\n\t};\n\n\tconst all = () => {\n\t\treturn getProviders().flatMap( ( provider ) => provider.actions.all() );\n\t};\n\n\tconst subscribe = ( cb: () => void ) => {\n\t\tconst unsubscribes = providers.map( ( provider ) => provider.subscribe( cb ) );\n\n\t\treturn () => {\n\t\t\tunsubscribes.forEach( ( unsubscribe ) => unsubscribe() );\n\t\t};\n\t};\n\n\tconst getProviderByKey = ( key: string ) => {\n\t\treturn providers.find( ( provider ) => {\n\t\t\ttry {\n\t\t\t\treturn provider.getKey() === key;\n\t\t\t} catch {\n\t\t\t\t// Provider might not be ready yet (e.g., no document loaded)\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\t};\n\n\treturn {\n\t\tall,\n\t\tregister,\n\t\tsubscribe,\n\t\tgetProviders,\n\t\tgetProviderByKey,\n\t};\n};\n","import { createInteractionsRepository } from './utils/create-interactions-repository';\n\nexport const interactionsRepository = createInteractionsRepository();\n","import { type InteractionsProvider } from '../types';\n\nexport type CreateInteractionsProviderOptions = {\n\tkey: string | ( () => string );\n\tpriority?: number;\n\tsubscribe?: ( callback: () => void ) => () => void;\n\tactions: {\n\t\tall: InteractionsProvider[ 'actions' ][ 'all' ];\n\t};\n};\n\nconst DEFAULT_PRIORITY = 10;\n\nexport function createInteractionsProvider( {\n\tkey,\n\tpriority = DEFAULT_PRIORITY,\n\tsubscribe = () => () => {},\n\tactions,\n}: CreateInteractionsProviderOptions ): InteractionsProvider {\n\treturn {\n\t\tgetKey: typeof key === 'string' ? () => key : key,\n\t\tpriority,\n\t\tsubscribe,\n\t\tactions: {\n\t\t\tall: actions.all,\n\t\t},\n\t};\n}\n","import { getCurrentDocumentId, getElementInteractions, getElements } from '@elementor/editor-elements';\nimport { __privateListenTo as listenTo, windowEvent } from '@elementor/editor-v1-adapters';\n\nimport { createInteractionsProvider } from '../utils/create-interactions-provider';\n\nexport const ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX = 'document-elements-interactions-';\n\nexport const documentElementsInteractionsProvider = createInteractionsProvider( {\n\tkey: () => {\n\t\tconst documentId = getCurrentDocumentId();\n\n\t\tif ( ! documentId ) {\n\t\t\tconst pendingKey = `${ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX }pending`;\n\t\t\treturn pendingKey;\n\t\t}\n\n\t\tconst key = `${ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX }${ documentId }`;\n\t\treturn key;\n\t},\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\treturn listenTo( [ windowEvent( 'elementor/element/update_interactions' ) ], () => cb() );\n\t},\n\tactions: {\n\t\tall: () => {\n\t\t\tconst elements = getElements();\n\n\t\t\tconst filtered = elements.filter( ( element ) => {\n\t\t\t\tconst interactions = getElementInteractions( element.id );\n\t\t\t\tif ( ! interactions ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn interactions?.items?.length > 0;\n\t\t\t} );\n\n\t\t\treturn filtered.map( ( element ) => {\n\t\t\t\tconst interactions = getElementInteractions( element.id );\n\n\t\t\t\treturn {\n\t\t\t\t\telementId: element.id,\n\t\t\t\t\tdataId: element.id,\n\t\t\t\t\tinteractions: interactions || { version: 1, items: [] },\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t},\n} );\n","import * as React from 'react';\nimport { useMemo } from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { ArrowDownSmallIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpSmallIcon } from '@elementor/icons';\nimport { __ } from '@wordpress/i18n';\n\nimport { type DirectionFieldProps } from '../../types';\n\ntype Direction = 'top' | 'bottom' | 'left' | 'right';\n\nexport function Direction( { value, onChange, interactionType }: DirectionFieldProps ) {\n\tconst options: ToggleButtonGroupItem< Direction >[] = useMemo( () => {\n\t\tconst isIn = interactionType === 'in';\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tvalue: 'top',\n\t\t\t\tlabel: isIn ? __( 'From top', 'elementor' ) : __( 'To top', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowDownSmallIcon fontSize={ size } /> : <ArrowUpSmallIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'bottom',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From bottom', 'elementor' ) : __( 'To bottom', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowUpSmallIcon fontSize={ size } /> : <ArrowDownSmallIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From left', 'elementor' ) : __( 'To left', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowRightIcon fontSize={ size } /> : <ArrowLeftIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From right', 'elementor' ) : __( 'To right', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowLeftIcon fontSize={ size } /> : <ArrowRightIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t];\n\t}, [ interactionType ] );\n\n\treturn <ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ value } />;\n}\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const EASING_OPTIONS = {\n\teaseIn: __( 'Ease In', 'elementor' ),\n\teaseInOut: __( 'Ease In Out', 'elementor' ),\n\teaseOut: __( 'Ease Out', 'elementor' ),\n\tbackIn: __( 'Back In', 'elementor' ),\n\tbackInOut: __( 'Back In Out', 'elementor' ),\n\tbackOut: __( 'Back Out', 'elementor' ),\n\tlinear: __( 'Linear', 'elementor' ),\n};\n\nexport const BASE_EASINGS: string[] = [ 'easeIn' ];\n\nexport function Easing( {}: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( EASING_OPTIONS ).filter( ( [ key ] ) => BASE_EASINGS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( EASING_OPTIONS ).filter( ( [ key ] ) => ! BASE_EASINGS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ DEFAULT_VALUES.easing }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionContent={ __( 'Upgrade to control the smoothness of the interaction.', 'elementor' ) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-easing-modal/\"\n\t\t/>\n\t);\n}\n","import * as React from 'react';\nimport { type MouseEvent, useRef } from 'react';\nimport { MenuListItem } from '@elementor/editor-ui';\nimport { MenuSubheader, Select, type SelectChangeEvent } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { InteractionsPromotionChip, type InteractionsPromotionChipRef } from './interactions-promotion-chip';\n\ntype PromotionSelectProps = {\n\tvalue: string;\n\tonChange?: ( value: string ) => void;\n\tbaseOptions: Record< string, string >;\n\tdisabledOptions: Record< string, string >;\n\tpromotionLabel?: string;\n\tpromotionContent: string;\n\tupgradeUrl: string;\n};\n\nexport function PromotionSelect( {\n\tvalue,\n\tonChange,\n\tbaseOptions,\n\tdisabledOptions,\n\tpromotionLabel,\n\tpromotionContent,\n\tupgradeUrl,\n}: PromotionSelectProps ) {\n\tconst promotionRef = useRef< InteractionsPromotionChipRef >( null );\n\tconst anchorRef = useRef< HTMLElement >( null );\n\n\treturn (\n\t\t<Select\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( e: SelectChangeEvent< string > ) => onChange?.( e.target.value ) }\n\t\t\tfullWidth\n\t\t\tdisplayEmpty\n\t\t\tsize=\"tiny\"\n\t\t\tMenuProps={ { disablePortal: true } }\n\t\t>\n\t\t\t{ Object.entries( baseOptions ).map( ( [ key, label ] ) => (\n\t\t\t\t<MenuListItem key={ key } value={ key }>\n\t\t\t\t\t{ label }\n\t\t\t\t</MenuListItem>\n\t\t\t) ) }\n\n\t\t\t<MenuSubheader\n\t\t\t\tref={ anchorRef }\n\t\t\t\tsx={ {\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tcolor: 'text.tertiary',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t} }\n\t\t\t\tonMouseDown={ ( e: MouseEvent ) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tpromotionRef.current?.toggle();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ promotionLabel ?? __( 'PRO features', 'elementor' ) }\n\t\t\t\t<InteractionsPromotionChip\n\t\t\t\t\tcontent={ promotionContent }\n\t\t\t\t\tupgradeUrl={ upgradeUrl }\n\t\t\t\t\tref={ promotionRef }\n\t\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\t/>\n\t\t\t</MenuSubheader>\n\n\t\t\t{ Object.entries( disabledOptions ).map( ( [ key, label ] ) => (\n\t\t\t\t<MenuListItem key={ key } value={ key } disabled sx={ { pl: 3 } }>\n\t\t\t\t\t{ label }\n\t\t\t\t</MenuListItem>\n\t\t\t) ) }\n\t\t</Select>\n\t);\n}\n","import * as React from 'react';\nimport { forwardRef, type MouseEvent, type RefObject, useImperativeHandle, useState } from 'react';\nimport { PromotionChip, PromotionPopover, useCanvasClickHandler } from '@elementor/editor-ui';\nimport { Box } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nexport type InteractionsPromotionChipProps = {\n\tcontent: string;\n\tupgradeUrl: string;\n\tanchorRef?: RefObject< HTMLElement | null >;\n};\n\nexport type InteractionsPromotionChipRef = {\n\ttoggle: () => void;\n};\n\nexport const InteractionsPromotionChip = forwardRef< InteractionsPromotionChipRef, InteractionsPromotionChipProps >(\n\t( { content, upgradeUrl, anchorRef }, ref ) => {\n\t\tconst [ isOpen, setIsOpen ] = useState( false );\n\n\t\tuseCanvasClickHandler( isOpen, () => setIsOpen( false ) );\n\n\t\tconst toggle = () => setIsOpen( ( prev ) => ! prev );\n\n\t\tuseImperativeHandle( ref, () => ( { toggle } ), [] );\n\n\t\tconst handleToggle = ( e: MouseEvent ) => {\n\t\t\te.stopPropagation();\n\t\t\ttoggle();\n\t\t};\n\n\t\treturn (\n\t\t\t<PromotionPopover\n\t\t\t\topen={ isOpen }\n\t\t\t\ttitle={ __( 'Interactions', 'elementor' ) }\n\t\t\t\tcontent={ content }\n\t\t\t\tctaText={ __( 'Upgrade now', 'elementor' ) }\n\t\t\t\tctaUrl={ upgradeUrl }\n\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\tplacement={ anchorRef ? 'right-start' : undefined }\n\t\t\t\tonClose={ ( e: MouseEvent ) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tsetIsOpen( false );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tonMouseDown={ ( e: MouseEvent ) => e.stopPropagation() }\n\t\t\t\t\tonClick={ handleToggle }\n\t\t\t\t\tsx={ { cursor: 'pointer', display: 'inline-flex', mr: 1 } }\n\t\t\t\t>\n\t\t\t\t\t<PromotionChip />\n\t\t\t\t</Box>\n\t\t\t</PromotionPopover>\n\t\t);\n\t}\n);\n\nInteractionsPromotionChip.displayName = 'InteractionsPromotionChip';\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const EFFECT_OPTIONS = {\n\tfade: __( 'Fade', 'elementor' ),\n\tslide: __( 'Slide', 'elementor' ),\n\tscale: __( 'Scale', 'elementor' ),\n\tcustom: __( 'Custom', 'elementor' ),\n};\n\nexport const BASE_EFFECTS: string[] = [ 'fade', 'slide', 'scale' ];\n\nexport function Effect( { value, onChange }: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( EFFECT_OPTIONS ).filter( ( [ key ] ) => BASE_EFFECTS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( EFFECT_OPTIONS ).filter( ( [ key ] ) => ! BASE_EFFECTS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ value in baseOptions ? value : DEFAULT_VALUES.effect }\n\t\t\tonChange={ onChange }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionLabel={ __( 'PRO effects', 'elementor' ) }\n\t\t\tpromotionContent={ __(\n\t\t\t\t'Upgrade to further customize your animation with opacity, scale, move, rotate and more.',\n\t\t\t\t'elementor'\n\t\t\t) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-custom-effect-modal/\"\n\t\t/>\n\t);\n}\n","import * as React from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\n\ntype EffectType = 'in' | 'out';\n\nexport function EffectType( { value, onChange }: FieldProps ) {\n\tconst options: ToggleButtonGroupItem< EffectType >[] = [\n\t\t{\n\t\t\tvalue: 'in',\n\t\t\tlabel: __( 'In', 'elementor' ),\n\t\t\trenderContent: () => __( 'In', 'elementor' ),\n\t\t\tshowTooltip: true,\n\t\t},\n\t\t{\n\t\t\tvalue: 'out',\n\t\t\tlabel: __( 'Out', 'elementor' ),\n\t\t\trenderContent: () => __( 'Out', 'elementor' ),\n\t\t\tshowTooltip: true,\n\t\t},\n\t];\n\n\treturn <ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ value } />;\n}\n","import * as React from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { CheckIcon, MinusIcon } from '@elementor/icons';\nimport { Box } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { type ReplayFieldProps } from '../../types';\nimport { InteractionsPromotionChip } from '../../ui/interactions-promotion-chip';\n\nexport const REPLAY_OPTIONS = {\n\tno: __( 'No', 'elementor' ),\n\tyes: __( 'Yes', 'elementor' ),\n};\n\nexport const BASE_REPLAY: string[] = [ 'no' ];\n\nconst OVERLAY_GRID = '1 / 1';\nconst CHIP_OFFSET = '50%';\n\nexport function Replay( { onChange, anchorRef }: ReplayFieldProps ) {\n\tconst options: ToggleButtonGroupItem< boolean >[] = [\n\t\t{\n\t\t\tvalue: false,\n\t\t\tdisabled: false,\n\t\t\tlabel: REPLAY_OPTIONS.no,\n\t\t\trenderContent: ( { size } ) => <MinusIcon fontSize={ size } />,\n\t\t\tshowTooltip: true,\n\t\t},\n\t\t{\n\t\t\tvalue: true,\n\t\t\tdisabled: true,\n\t\t\tlabel: REPLAY_OPTIONS.yes,\n\t\t\trenderContent: ( { size } ) => <CheckIcon fontSize={ size } />,\n\t\t\tshowTooltip: true,\n\t\t},\n\t];\n\n\treturn (\n\t\t<Box sx={ { display: 'grid', alignItems: 'center' } }>\n\t\t\t<Box sx={ { gridArea: OVERLAY_GRID } }>\n\t\t\t\t<ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ false } />\n\t\t\t</Box>\n\t\t\t<Box sx={ { gridArea: OVERLAY_GRID, marginInlineEnd: CHIP_OFFSET, justifySelf: 'end' } }>\n\t\t\t\t<InteractionsPromotionChip\n\t\t\t\t\tcontent={ __( 'Upgrade to run the animation every time its trigger occurs.', 'elementor' ) }\n\t\t\t\t\tupgradeUrl={ 'https://go.elementor.com/go-pro-interactions-replay-modal/' }\n\t\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\t/>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n}\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const TRIGGER_OPTIONS = {\n\tload: __( 'Page load', 'elementor' ),\n\tscrollIn: __( 'Scroll into view', 'elementor' ),\n\tscrollOn: __( 'While scrolling', 'elementor' ),\n\thover: __( 'On hover', 'elementor' ),\n\tclick: __( 'On click', 'elementor' ),\n};\n\nexport const BASE_TRIGGERS: string[] = [ 'load', 'scrollIn' ];\n\nexport function Trigger( { value, onChange }: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( TRIGGER_OPTIONS ).filter( ( [ key ] ) => BASE_TRIGGERS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( TRIGGER_OPTIONS ).filter( ( [ key ] ) => ! BASE_TRIGGERS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ value in baseOptions ? value : DEFAULT_VALUES.trigger }\n\t\t\tonChange={ onChange }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionLabel={ __( 'PRO triggers', 'elementor' ) }\n\t\t\tpromotionContent={ __( 'Upgrade to unlock more interactions triggers.', 'elementor' ) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-triggers-modal/\"\n\t\t/>\n\t);\n}\n","import { type ElementID, getAllDescendants, getContainer, type V1Element } from '@elementor/editor-elements';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\n\nimport type { ElementInteractions } from '../types';\nimport { createString } from '../utils/prop-value-utils';\nimport { generateTempInteractionId } from '../utils/temp-id-utils';\n\nexport function initCleanInteractionIdsOnDuplicate() {\n\tregisterDataHook( 'after', 'document/elements/duplicate', ( _args, result: V1Element | V1Element[] ) => {\n\t\tconst containers = Array.isArray( result ) ? result : [ result ];\n\n\t\tcontainers.forEach( ( container ) => {\n\t\t\tcleanInteractionIdsRecursive( container.id );\n\t\t} );\n\t} );\n}\n\nfunction cleanInteractionIdsRecursive( elementId: ElementID ) {\n\tconst container = getContainer( elementId );\n\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tgetAllDescendants( container ).forEach( ( element: V1Element ) => {\n\t\tcleanInteractionIds( element.id as ElementID );\n\t} );\n}\n\nfunction cleanInteractionIds( elementId: ElementID ) {\n\tconst container = getContainer( elementId );\n\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tconst interactions = container.model.get( 'interactions' ) as ElementInteractions;\n\n\tif ( ! interactions || ! interactions.items ) {\n\t\treturn;\n\t}\n\n\tconst updatedInteractions = structuredClone( interactions ) as ElementInteractions;\n\n\tupdatedInteractions?.items?.forEach( ( interaction ) => {\n\t\tif ( interaction.$$type === 'interaction-item' && interaction.value ) {\n\t\t\tinteraction.value.interaction_id = createString( generateTempInteractionId() );\n\t\t}\n\t} );\n\n\tcontainer.model.set( 'interactions', updatedInteractions );\n}\n","import { Direction } from './components/controls/direction';\nimport { Easing } from './components/controls/easing';\nimport { Effect } from './components/controls/effect';\nimport { EffectType } from './components/controls/effect-type';\nimport { Replay } from './components/controls/replay';\nimport { Trigger } from './components/controls/trigger';\nimport { initCleanInteractionIdsOnDuplicate } from './hooks/on-duplicate';\nimport { registerInteractionsControl } from './interactions-controls-registry';\nimport { interactionsRepository } from './interactions-repository';\nimport { documentElementsInteractionsProvider } from './providers/document-elements-interactions-provider';\n\nexport function init() {\n\ttry {\n\t\tinteractionsRepository.register( documentElementsInteractionsProvider );\n\n\t\tinitCleanInteractionIdsOnDuplicate();\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'trigger',\n\t\t\tcomponent: Trigger,\n\t\t\toptions: [ 'load', 'scrollIn' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'easing',\n\t\t\tcomponent: Easing,\n\t\t\toptions: [ 'easeIn' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'replay',\n\t\t\tcomponent: Replay,\n\t\t\toptions: [ 'true', 'false' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'effectType',\n\t\t\tcomponent: EffectType,\n\t\t\toptions: [ 'in', 'out' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'direction',\n\t\t\tcomponent: Direction,\n\t\t\toptions: [ 'top', 'bottom', 'left', 'right' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'effect',\n\t\t\tcomponent: Effect,\n\t\t\toptions: [ 'fade', 'slide', 'scale' ],\n\t\t} );\n\t} catch ( error ) {\n\t\tthrow error;\n\t}\n}\n"],"mappings":"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","names":["React","import_react","import_editor_elements","import_ui","React","React","import_react","React","import_react","import_editor_controls","import_icons","import_ui","import_i18n","React","import_react","React","import_react","import_ui","import_i18n","React","import_react","import_editor_controls","import_ui","import_i18n","React","import_react","React","import_editor_controls","import_ui","React","import_react","import_editor_controls","import_ui","import_i18n","interactionId","import_editor_elements","listenTo","React","import_react","import_editor_controls","import_icons","import_i18n","React","import_i18n","React","import_react","import_editor_ui","import_ui","import_i18n","React","import_react","import_ui","import_i18n","React","import_i18n","React","import_editor_controls","import_i18n","React","import_editor_controls","import_icons","import_ui","import_i18n","React","import_i18n","import_editor_elements","import_editor_v1_adapters"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/empty-state.tsx","../src/components/interactions-tab.tsx","../src/contexts/interactions-context.tsx","../src/contexts/popup-state-context.tsx","../src/components/interactions-list.tsx","../src/contexts/interactions-item-context.tsx","../src/utils/prop-value-utils.ts","../src/configs/time-constants.ts","../src/utils/size-transform-utils.ts","../src/utils/temp-id-utils.ts","../src/components/interactions-list-item.tsx","../src/components/interaction-details.tsx","../src/interactions-controls-registry.ts","../src/utils/resolve-direction.ts","../src/components/controls/time-frame-indicator.tsx","../src/utils/time-conversion.ts","../src/components/field.tsx","../src/components/interaction-settings.tsx","../src/utils/get-interactions-config.ts","../src/utils/create-interactions-repository.ts","../src/interactions-repository.ts","../src/utils/create-interactions-provider.ts","../src/providers/document-elements-interactions-provider.ts","../src/components/controls/direction.tsx","../src/components/controls/easing.tsx","../src/ui/promotion-select.tsx","../src/ui/interactions-promotion-chip.tsx","../src/components/controls/effect.tsx","../src/components/controls/effect-type.tsx","../src/components/controls/replay.tsx","../src/components/controls/trigger.tsx","../src/hooks/on-duplicate.ts","../src/mcp/index.ts","../src/mcp/constants.ts","../src/mcp/resources/interactions-schema-resource.ts","../src/mcp/tools/manage-element-interaction-tool.ts","../src/init.ts"],"sourcesContent":["export * from './components/empty-state';\nexport * from './components/interactions-tab';\nexport * from './utils/get-interactions-config';\n\nexport { interactionsRepository } from './interactions-repository';\nexport {\n\tcreateInteractionsProvider,\n\ttype CreateInteractionsProviderOptions,\n} from './utils/create-interactions-provider';\n\nexport { ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX } from './providers/document-elements-interactions-provider';\nexport { init } from './init';\nexport { registerInteractionsControl } from './interactions-controls-registry';\nexport type { InteractionItemPropValue, FieldProps, ReplayFieldProps } from './types';\nexport { TRIGGER_OPTIONS, BASE_TRIGGERS } from './components/controls/trigger';\nexport { EASING_OPTIONS, BASE_EASINGS } from './components/controls/easing';\nexport { REPLAY_OPTIONS, BASE_REPLAY } from './components/controls/replay';\nexport { EFFECT_OPTIONS, BASE_EFFECTS } from './components/controls/effect';\n","import * as React from 'react';\nimport { SwipeIcon } from '@elementor/icons';\nimport { Button, Stack, Typography } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nexport const EmptyState = ( { onCreateInteraction }: { onCreateInteraction: () => void } ) => {\n\treturn (\n\t\t<Stack\n\t\t\talignItems=\"center\"\n\t\t\tjustifyContent=\"center\"\n\t\t\theight=\"100%\"\n\t\t\tcolor=\"text.secondary\"\n\t\t\tsx={ { p: 2.5, pt: 8, pb: 5.5 } }\n\t\t\tgap={ 1.5 }\n\t\t>\n\t\t\t<SwipeIcon fontSize=\"large\" />\n\n\t\t\t<Typography align=\"center\" variant=\"subtitle2\">\n\t\t\t\t{ __( 'Animate elements with Interactions', 'elementor' ) }\n\t\t\t</Typography>\n\n\t\t\t<Typography align=\"center\" variant=\"caption\" maxWidth=\"170px\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Add entrance animations and effects triggered by user interactions such as page load or scroll.',\n\t\t\t\t\t'elementor'\n\t\t\t\t) }\n\t\t\t</Typography>\n\n\t\t\t<Button variant=\"outlined\" color=\"secondary\" size=\"small\" sx={ { mt: 1 } } onClick={ onCreateInteraction }>\n\t\t\t\t{ __( 'Create an interaction', 'elementor' ) }\n\t\t\t</Button>\n\t\t</Stack>\n\t);\n};\n","import * as React from 'react';\nimport { useCallback, useState } from 'react';\nimport { useElementInteractions } from '@elementor/editor-elements';\nimport { SessionStorageProvider } from '@elementor/session';\nimport { Stack } from '@elementor/ui';\n\nimport { InteractionsProvider, useInteractionsContext } from '../contexts/interactions-context';\nimport { PopupStateProvider } from '../contexts/popup-state-context';\nimport type { ElementInteractions } from '../types';\nimport { EmptyState } from './empty-state';\nimport { InteractionsList } from './interactions-list';\n\nexport const InteractionsTab = ( { elementId }: { elementId: string } ) => {\n\treturn (\n\t\t<PopupStateProvider>\n\t\t\t<InteractionsTabContent elementId={ elementId } />\n\t\t</PopupStateProvider>\n\t);\n};\n\nfunction InteractionsTabContent( { elementId }: { elementId: string } ) {\n\tconst existingInteractions = useElementInteractions( elementId ) as unknown as ElementInteractions | undefined;\n\tconst firstInteractionState = useState< boolean >( false );\n\tconst hasInteractions = existingInteractions?.items?.length || firstInteractionState[ 0 ];\n\n\treturn (\n\t\t<SessionStorageProvider prefix={ elementId }>\n\t\t\t{ hasInteractions ? (\n\t\t\t\t<InteractionsProvider elementId={ elementId }>\n\t\t\t\t\t<InteractionsContent firstInteractionState={ firstInteractionState } />\n\t\t\t\t</InteractionsProvider>\n\t\t\t) : (\n\t\t\t\t<EmptyState\n\t\t\t\t\tonCreateInteraction={ () => {\n\t\t\t\t\t\tfirstInteractionState[ 1 ]( true );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</SessionStorageProvider>\n\t);\n}\n\nfunction InteractionsContent( {\n\tfirstInteractionState,\n}: {\n\tfirstInteractionState: [ boolean, ( value: boolean ) => void ];\n} ) {\n\tconst { interactions, setInteractions, playInteractions } = useInteractionsContext();\n\n\tconst applyInteraction = useCallback(\n\t\t( newInteractions: ElementInteractions ) => {\n\t\t\tfirstInteractionState[ 1 ]( false );\n\t\t\tif ( ! newInteractions ) {\n\t\t\t\tsetInteractions( undefined );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetInteractions( newInteractions );\n\t\t},\n\t\t[ setInteractions, firstInteractionState ]\n\t);\n\n\treturn (\n\t\t<Stack sx={ { m: 1, p: 1.5 } } gap={ 2 }>\n\t\t\t<InteractionsList\n\t\t\t\ttriggerCreateOnShowEmpty={ firstInteractionState[ 0 ] }\n\t\t\t\tinteractions={ interactions }\n\t\t\t\tonSelectInteractions={ applyInteraction }\n\t\t\t\tonPlayInteraction={ playInteractions }\n\t\t\t/>\n\t\t</Stack>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, type ReactNode, useContext, useEffect } from 'react';\nimport {\n\ttype ElementInteractions,\n\tplayElementInteractions,\n\tupdateElementInteractions,\n\tuseElementInteractions,\n} from '@elementor/editor-elements';\n\ntype InteractionsContextValue = {\n\tinteractions: ElementInteractions;\n\tsetInteractions: ( value: ElementInteractions | undefined ) => void;\n\tplayInteractions: ( interactionId: string ) => void;\n};\n\nconst InteractionsContext = createContext< InteractionsContextValue | null >( null );\n\nconst DEFAULT_INTERACTIONS: ElementInteractions = {\n\tversion: 1,\n\titems: [],\n};\n\nexport const InteractionsProvider = ( { children, elementId }: { children: ReactNode; elementId: string } ) => {\n\tconst rawInteractions = useElementInteractions( elementId );\n\n\tuseEffect( () => {\n\t\twindow.dispatchEvent( new CustomEvent( 'elementor/element/update_interactions' ) );\n\t}, [] );\n\n\tconst interactions: ElementInteractions =\n\t\t( rawInteractions as unknown as ElementInteractions ) ?? DEFAULT_INTERACTIONS;\n\n\tconst setInteractions = ( value: ElementInteractions | undefined ) => {\n\t\tconst normalizedValue = value && value.items?.length === 0 ? undefined : value;\n\n\t\tupdateElementInteractions( {\n\t\t\telementId,\n\t\t\tinteractions: normalizedValue,\n\t\t} );\n\t};\n\n\tconst playInteractions = ( interactionId: string ) => {\n\t\tplayElementInteractions( elementId, interactionId );\n\t};\n\n\tconst contextValue: InteractionsContextValue = {\n\t\tinteractions,\n\t\tsetInteractions,\n\t\tplayInteractions,\n\t};\n\n\treturn <InteractionsContext.Provider value={ contextValue }>{ children }</InteractionsContext.Provider>;\n};\n\nexport const useInteractionsContext = () => {\n\tconst context = useContext( InteractionsContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'useInteractionsContext must be used within InteractionsProvider' );\n\t}\n\treturn context;\n};\n","import * as React from 'react';\nimport { createContext, useCallback, useContext, useState } from 'react';\n\ntype PopupStateContextType = {\n\topenByDefault: boolean;\n\ttriggerDefaultOpen: () => void;\n\tresetDefaultOpen: () => void;\n};\n\nconst PopupStateContext = createContext< PopupStateContextType | undefined >( undefined );\n\nexport const PopupStateProvider = ( { children }: { children: React.ReactNode } ) => {\n\tconst [ openByDefault, setOpenByDefault ] = useState( false );\n\n\tconst triggerDefaultOpen = useCallback( () => {\n\t\tsetOpenByDefault( true );\n\t}, [] );\n\n\tconst resetDefaultOpen = useCallback( () => {\n\t\tsetOpenByDefault( false );\n\t}, [] );\n\n\treturn (\n\t\t<PopupStateContext.Provider value={ { openByDefault, triggerDefaultOpen, resetDefaultOpen } }>\n\t\t\t{ children }\n\t\t</PopupStateContext.Provider>\n\t);\n};\n\nexport const usePopupStateContext = () => {\n\tconst context = useContext( PopupStateContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'usePopupStateContext must be used within PopupStateProvider' );\n\t}\n\treturn context;\n};\n","import * as React from 'react';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Repeater } from '@elementor/editor-controls';\nimport { InfoCircleFilledIcon, PlayerPlayIcon } from '@elementor/icons';\nimport { Alert, AlertTitle, Box, IconButton, Tooltip } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { InteractionItemContextProvider } from '../contexts/interactions-item-context';\nimport type { ElementInteractions, InteractionItemPropValue, InteractionItemValue } from '../types';\nimport { buildDisplayLabel, createDefaultInteractionItem, extractString } from '../utils/prop-value-utils';\nimport { InteractionsListItem } from './interactions-list-item';\nexport const MAX_NUMBER_OF_INTERACTIONS = 5;\n\nexport type InteractionListProps = {\n\tonSelectInteractions: ( interactions: ElementInteractions ) => void;\n\tinteractions: ElementInteractions;\n\tonPlayInteraction: ( interactionId: string ) => void;\n\ttriggerCreateOnShowEmpty?: boolean;\n};\n\nexport function InteractionsList( props: InteractionListProps ) {\n\tconst { interactions, onSelectInteractions, onPlayInteraction, triggerCreateOnShowEmpty } = props;\n\n\tconst hasInitializedRef = useRef( false );\n\n\tconst handleUpdateInteractions = useCallback(\n\t\t( newInteractions: ElementInteractions ) => {\n\t\t\tonSelectInteractions( newInteractions );\n\t\t},\n\t\t[ onSelectInteractions ]\n\t);\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\ttriggerCreateOnShowEmpty &&\n\t\t\t! hasInitializedRef.current &&\n\t\t\t( ! interactions.items || interactions.items?.length === 0 )\n\t\t) {\n\t\t\thasInitializedRef.current = true;\n\t\t\tconst newState: ElementInteractions = {\n\t\t\t\tversion: 1,\n\t\t\t\titems: [ createDefaultInteractionItem() ],\n\t\t\t};\n\t\t\thandleUpdateInteractions( newState );\n\t\t}\n\t}, [ triggerCreateOnShowEmpty, interactions.items, handleUpdateInteractions ] );\n\n\tconst isMaxNumberOfInteractionsReached = useMemo( () => {\n\t\treturn interactions.items?.length >= MAX_NUMBER_OF_INTERACTIONS;\n\t}, [ interactions.items?.length ] );\n\n\tconst infotipContent = isMaxNumberOfInteractionsReached ? (\n\t\t<Alert color=\"secondary\" icon={ <InfoCircleFilledIcon /> } size=\"small\">\n\t\t\t<AlertTitle>{ __( 'Interactions', 'elementor' ) }</AlertTitle>\n\t\t\t<Box component=\"span\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.\",\n\t\t\t\t\t'elementor'\n\t\t\t\t) }\n\t\t\t</Box>\n\t\t</Alert>\n\t) : undefined;\n\n\tconst handleRepeaterChange = useCallback(\n\t\t( newItems: ElementInteractions[ 'items' ] ) => {\n\t\t\thandleUpdateInteractions( {\n\t\t\t\t...interactions,\n\t\t\t\titems: newItems,\n\t\t\t} );\n\t\t},\n\t\t[ interactions, handleUpdateInteractions ]\n\t);\n\n\tconst handleInteractionChange = useCallback(\n\t\t( index: number, newInteractionValue: InteractionItemValue ) => {\n\t\t\tconst newItems = structuredClone( interactions.items );\n\t\t\tnewItems[ index ] = {\n\t\t\t\t$$type: 'interaction-item',\n\t\t\t\tvalue: newInteractionValue,\n\t\t\t};\n\t\t\thandleUpdateInteractions( {\n\t\t\t\t...interactions,\n\t\t\t\titems: newItems,\n\t\t\t} );\n\t\t},\n\t\t[ interactions, handleUpdateInteractions ]\n\t);\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tonInteractionChange: handleInteractionChange,\n\t\t\tonPlayInteraction,\n\t\t} ),\n\t\t[ handleInteractionChange, onPlayInteraction ]\n\t);\n\n\treturn (\n\t\t<InteractionItemContextProvider value={ contextValue }>\n\t\t\t<Repeater\n\t\t\t\topenOnAdd\n\t\t\t\topenItem={ triggerCreateOnShowEmpty ? 0 : undefined }\n\t\t\t\tlabel={ __( 'Interactions', 'elementor' ) }\n\t\t\t\tvalues={ interactions.items }\n\t\t\t\tsetValues={ handleRepeaterChange }\n\t\t\t\tshowDuplicate={ false }\n\t\t\t\tshowToggle={ false }\n\t\t\t\tisSortable={ false }\n\t\t\t\tdisableAddItemButton={ isMaxNumberOfInteractionsReached }\n\t\t\t\taddButtonInfotipContent={ infotipContent }\n\t\t\t\titemSettings={ {\n\t\t\t\t\tinitialValues: createDefaultInteractionItem(),\n\t\t\t\t\tLabel: ( { value }: { value: InteractionItemPropValue } ) => buildDisplayLabel( value.value ),\n\t\t\t\t\tIcon: () => null,\n\t\t\t\t\tContent: InteractionsListItem,\n\t\t\t\t\tactions: ( value: InteractionItemPropValue ) => (\n\t\t\t\t\t\t<Tooltip key=\"preview\" placement=\"top\" title={ __( 'Preview', 'elementor' ) }>\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\taria-label={ __( 'Play interaction', 'elementor' ) }\n\t\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\t\tonClick={ () => onPlayInteraction( extractString( value.value.interaction_id ) ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PlayerPlayIcon fontSize=\"tiny\" />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</InteractionItemContextProvider>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { InteractionItemValue } from '../types';\n\ntype InteractionItemContextValue = {\n\tonInteractionChange: ( index: number, newInteractionValue: InteractionItemValue ) => void;\n\tonPlayInteraction: ( interactionId: string ) => void;\n};\n\nconst InteractionItemContext = createContext< InteractionItemContextValue | null >( null );\n\nexport function InteractionItemContextProvider( {\n\tvalue,\n\tchildren,\n}: { value: InteractionItemContextValue } & React.PropsWithChildren ) {\n\treturn <InteractionItemContext.Provider value={ value }>{ children }</InteractionItemContext.Provider>;\n}\n\nexport function useInteractionItemContext() {\n\tconst context = useContext( InteractionItemContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'useInteractionItemContext must be used within InteractionItemContextProvider' );\n\t}\n\treturn context;\n}\n","import { type Unit } from '@elementor/editor-controls';\nimport { type PropValue, sizePropTypeUtil, type SizePropValue } from '@elementor/editor-props';\n\nimport { DEFAULT_TIME_UNIT, TIME_UNITS } from '../configs/time-constants';\nimport {\n\ttype AnimationPresetPropValue,\n\ttype BooleanPropValue,\n\ttype ConfigPropValue,\n\ttype ElementInteractions,\n\ttype ExcludedBreakpointsPropValue,\n\ttype InteractionBreakpointsPropValue,\n\ttype InteractionItemPropValue,\n\ttype InteractionItemValue,\n\ttype NumberPropValue,\n\ttype SizeStringValue,\n\ttype StringPropValue,\n\ttype TimingConfigPropValue,\n} from '../types';\nimport { formatSizeValue, parseSizeValue } from '../utils/size-transform-utils';\nimport { generateTempInteractionId } from './temp-id-utils';\n\nexport const createString = ( value: string ): StringPropValue => ( {\n\t$$type: 'string',\n\tvalue,\n} );\n\nexport const createNumber = ( value: number ): NumberPropValue => ( {\n\t$$type: 'number',\n\tvalue,\n} );\n\nexport const createTimingConfig = ( duration: SizeStringValue, delay: SizeStringValue ): TimingConfigPropValue => ( {\n\t$$type: 'timing-config',\n\tvalue: {\n\t\tduration: sizePropTypeUtil.create( parseSizeValue( duration, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) ),\n\t\tdelay: sizePropTypeUtil.create( parseSizeValue( delay, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) ),\n\t},\n} );\n\nexport const createBoolean = ( value: boolean ): BooleanPropValue => ( {\n\t$$type: 'boolean',\n\tvalue,\n} );\n\nexport const createConfig = ( {\n\treplay,\n\teasing = 'easeIn',\n\trelativeTo = '',\n\toffsetTop = 0,\n\toffsetBottom = 85,\n}: {\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: SizeStringValue;\n\toffsetBottom?: SizeStringValue;\n} ): ConfigPropValue => ( {\n\t$$type: 'config',\n\tvalue: {\n\t\treplay: createBoolean( replay ),\n\t\teasing: createString( easing ),\n\t\trelativeTo: createString( relativeTo ),\n\t\toffsetTop: createSize( offsetTop, '%' ),\n\t\toffsetBottom: createSize( offsetBottom, '%' ),\n\t},\n} );\n\nconst createSize = ( value?: SizeStringValue, defaultUnit?: Unit, defaultValue?: SizeStringValue ) => {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\treturn sizePropTypeUtil.create( parseSizeValue( value, [ '%' ], defaultValue, defaultUnit ) );\n};\n\nexport const extractBoolean = ( prop: BooleanPropValue | undefined, fallback = false ): boolean => {\n\treturn prop?.value ?? fallback;\n};\n\nexport const createExcludedBreakpoints = ( breakpoints: string[] ): ExcludedBreakpointsPropValue => ( {\n\t$$type: 'excluded-breakpoints',\n\tvalue: breakpoints.map( createString ),\n} );\n\nexport const createInteractionBreakpoints = ( excluded: string[] ): InteractionBreakpointsPropValue => ( {\n\t$$type: 'interaction-breakpoints',\n\tvalue: {\n\t\texcluded: createExcludedBreakpoints( excluded ),\n\t},\n} );\n\nexport const extractExcludedBreakpoints = ( breakpoints: InteractionBreakpointsPropValue | undefined ): string[] => {\n\treturn breakpoints?.value.excluded.value.map( ( bp: StringPropValue ) => bp.value ) ?? [];\n};\n\nexport const createAnimationPreset = ( {\n\teffect,\n\ttype,\n\tdirection,\n\tduration,\n\tdelay,\n\treplay = false,\n\teasing = 'easeIn',\n\trelativeTo,\n\toffsetTop,\n\toffsetBottom,\n\tcustomEffects,\n}: {\n\teffect: string;\n\ttype: string;\n\tdirection?: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: SizeStringValue;\n\toffsetBottom?: SizeStringValue;\n\tcustomEffects?: PropValue;\n} ): AnimationPresetPropValue => ( {\n\t$$type: 'animation-preset-props',\n\tvalue: {\n\t\teffect: createString( effect ),\n\t\tcustom_effect: customEffects,\n\t\ttype: createString( type ),\n\t\tdirection: createString( direction ?? '' ),\n\t\ttiming_config: createTimingConfig( duration, delay ),\n\t\tconfig: createConfig( {\n\t\t\treplay,\n\t\t\teasing,\n\t\t\trelativeTo,\n\t\t\toffsetTop,\n\t\t\toffsetBottom,\n\t\t} ),\n\t},\n} );\n\nexport const createInteractionItem = ( {\n\ttrigger,\n\teffect,\n\ttype,\n\tdirection,\n\tduration,\n\tdelay,\n\tinteractionId,\n\treplay = false,\n\teasing = 'easeIn',\n\trelativeTo,\n\toffsetTop,\n\toffsetBottom,\n\texcludedBreakpoints,\n\tcustomEffects,\n}: {\n\ttrigger: string;\n\teffect: string;\n\ttype: string;\n\tdirection?: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\tinteractionId?: string;\n\treplay: boolean;\n\teasing?: string;\n\trelativeTo?: string;\n\toffsetTop?: number;\n\toffsetBottom?: number;\n\texcludedBreakpoints?: string[];\n\tcustomEffects?: PropValue;\n} ): InteractionItemPropValue => ( {\n\t$$type: 'interaction-item',\n\tvalue: {\n\t\t...( interactionId && { interaction_id: createString( interactionId ) } ),\n\t\ttrigger: createString( trigger ),\n\t\tanimation: createAnimationPreset( {\n\t\t\teffect,\n\t\t\ttype,\n\t\t\tdirection,\n\t\t\tduration,\n\t\t\tdelay,\n\t\t\treplay,\n\t\t\teasing,\n\t\t\trelativeTo,\n\t\t\toffsetTop,\n\t\t\toffsetBottom,\n\t\t\tcustomEffects,\n\t\t} ),\n\t\t...( excludedBreakpoints &&\n\t\t\texcludedBreakpoints.length > 0 && {\n\t\t\t\tbreakpoints: createInteractionBreakpoints( excludedBreakpoints ),\n\t\t\t} ),\n\t},\n} );\n\nexport const createDefaultInteractionItem = (): InteractionItemPropValue => {\n\treturn createInteractionItem( {\n\t\ttrigger: 'load',\n\t\teffect: 'fade',\n\t\ttype: 'in',\n\t\tduration: 600,\n\t\tdelay: 0,\n\t\treplay: false,\n\t\teasing: 'easeIn',\n\t\tinteractionId: generateTempInteractionId(),\n\t} );\n};\n\nexport const createDefaultInteractions = (): ElementInteractions => ( {\n\tversion: 1,\n\titems: [ createDefaultInteractionItem() ],\n} );\n\nexport const extractString = ( prop: StringPropValue | undefined, fallback = '' ): string => {\n\treturn prop?.value ?? fallback;\n};\n\nexport const extractSize = ( prop?: SizePropValue, defaultValue?: SizeStringValue ): SizeStringValue => {\n\tif ( ! prop?.value ) {\n\t\treturn defaultValue as SizeStringValue;\n\t}\n\n\treturn formatSizeValue( prop.value );\n};\n\nconst TRIGGER_LABELS: Record< string, string > = {\n\tload: 'On page load',\n\tscrollIn: 'Scroll into view',\n\tscrollOut: 'Scroll out of view',\n\tscrollOn: 'While scrolling',\n};\n\nconst capitalize = ( str: string ): string => {\n\treturn str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n};\n\nexport const buildDisplayLabel = ( item: InteractionItemValue ): string => {\n\tconst trigger = extractString( item.trigger );\n\tconst effect = extractString( item.animation.value.effect );\n\tconst type = extractString( item.animation.value.type );\n\n\tconst triggerLabel = TRIGGER_LABELS[ trigger ] || capitalize( trigger );\n\tconst effectLabel = capitalize( effect );\n\tconst typeLabel = capitalize( type );\n\n\treturn `${ triggerLabel }: ${ effectLabel } ${ typeLabel }`;\n};\n","import { type Unit } from '@elementor/editor-controls';\n\nexport const TIME_UNITS: Unit[] = [ 's', 'ms' ];\n\nexport const DEFAULT_TIME_UNIT = 'ms';\n","import { type Unit } from '@elementor/editor-controls';\nimport { type SizePropValue } from '@elementor/editor-props';\n\nimport { type SizeStringValue } from '../types';\n\ntype SizeValue = SizePropValue[ 'value' ];\ntype SizeUnit = SizeValue[ 'unit' ];\n\nconst SIZE_REGEX = /^(?:(-?\\d*\\.?\\d+)([a-z%]+)|([a-z%]+))$/i;\n\nexport const parseSizeValue = (\n\tvalue: SizeStringValue,\n\tallowedUnits: SizeUnit[],\n\tdefaultValue?: SizeStringValue,\n\tdefaultUnit?: Unit\n): SizeValue => {\n\tif ( typeof value === 'number' ) {\n\t\treturn {\n\t\t\tsize: value,\n\t\t\tunit: defaultUnit as Unit,\n\t\t};\n\t}\n\n\tconst sizeValue = tryParse( value, allowedUnits, defaultUnit );\n\n\tif ( sizeValue ) {\n\t\treturn sizeValue;\n\t}\n\n\tif ( defaultValue ) {\n\t\tconst fallbackSize = tryParse( defaultValue, allowedUnits, defaultUnit );\n\n\t\tif ( fallbackSize ) {\n\t\t\treturn fallbackSize;\n\t\t}\n\t}\n\n\treturn createSizeValue( null, defaultUnit );\n};\n\nconst tryParse = ( value: SizeStringValue, allowedUnits: SizeUnit[], defaultUnit?: Unit ): SizeValue | null => {\n\tif ( typeof value === 'number' ) {\n\t\treturn createSizeValue( value, defaultUnit );\n\t}\n\n\tconst match = value && value.match( SIZE_REGEX );\n\n\tif ( ! match ) {\n\t\tif ( value ) {\n\t\t\treturn {\n\t\t\t\tsize: Number( value ),\n\t\t\t\tunit: defaultUnit as Unit,\n\t\t\t};\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tconst size = match[ 1 ] ? parseFloat( match[ 1 ] ) : null;\n\tconst unit = ( match[ 2 ] || match[ 3 ] ) as SizeUnit;\n\n\tif ( ! allowedUnits.includes( unit ) ) {\n\t\treturn null;\n\t}\n\n\treturn createSizeValue( size, unit );\n};\n\nexport const formatSizeValue = ( { size, unit }: SizeValue ): SizeStringValue => {\n\treturn `${ size ?? '' }${ unit }` as SizeStringValue;\n};\n\nconst createSizeValue = ( size: number | null, unit?: SizeUnit ): SizeValue => {\n\treturn { size, unit } as SizeValue;\n};\n","const TEMP_ID_PREFIX = 'temp-';\nconst TEMP_ID_REGEX = /^temp-[a-z0-9]+$/i;\n\nexport function generateTempInteractionId(): string {\n\treturn `${ TEMP_ID_PREFIX }${ Math.random().toString( 36 ).substring( 2, 11 ) }`;\n}\n\nexport function isTempId( id: string | undefined ): boolean {\n\treturn !! id && TEMP_ID_REGEX.test( id );\n}\n","import * as React from 'react';\nimport { useCallback } from 'react';\nimport { Divider, Tab, TabPanel, Tabs, useTabs } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { useInteractionItemContext } from '../contexts/interactions-item-context';\nimport type { InteractionItemPropValue, InteractionItemValue } from '../types';\nimport { extractString } from '../utils/prop-value-utils';\nimport { InteractionDetails } from './interaction-details';\nimport { InteractionSettings } from './interaction-settings';\n\ntype InteractionTabValue = 'details' | 'settings';\n\nexport const InteractionsListItem = ( {\n\tindex,\n\tvalue: interaction,\n}: {\n\tindex: number;\n\tvalue: InteractionItemPropValue;\n} ) => {\n\tconst { getTabsProps, getTabProps, getTabPanelProps } = useTabs< InteractionTabValue >( 'details' );\n\n\tconst context = useInteractionItemContext();\n\n\tconst handleChange = useCallback(\n\t\t( newInteractionValue: InteractionItemValue ) => {\n\t\t\tcontext?.onInteractionChange( index, newInteractionValue );\n\t\t},\n\t\t[ context, index ]\n\t);\n\n\tconst handlePlayInteraction = useCallback(\n\t\t( interactionId: string ) => {\n\t\t\tcontext?.onPlayInteraction( interactionId );\n\t\t},\n\t\t[ context ]\n\t);\n\n\tconst interactionId = extractString( interaction.value.interaction_id );\n\n\treturn (\n\t\t<>\n\t\t\t<Tabs\n\t\t\t\tsize=\"small\"\n\t\t\t\tvariant=\"fullWidth\"\n\t\t\t\taria-label={ __( 'Interaction', 'elementor' ) }\n\t\t\t\t{ ...getTabsProps() }\n\t\t\t>\n\t\t\t\t<Tab label={ __( 'Details', 'elementor' ) } { ...getTabProps( 'details' ) } />\n\t\t\t\t<Tab label={ __( 'Settings', 'elementor' ) } { ...getTabProps( 'settings' ) } />\n\t\t\t</Tabs>\n\n\t\t\t<Divider />\n\n\t\t\t<TabPanel sx={ { p: 0 } } { ...getTabPanelProps( 'details' ) }>\n\t\t\t\t<InteractionDetails\n\t\t\t\t\tkey={ interactionId }\n\t\t\t\t\tinteraction={ interaction.value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tonPlayInteraction={ handlePlayInteraction }\n\t\t\t\t/>\n\t\t\t</TabPanel>\n\n\t\t\t<TabPanel sx={ { p: 0 } } { ...getTabPanelProps( 'settings' ) }>\n\t\t\t\t<InteractionSettings\n\t\t\t\t\tkey={ interactionId }\n\t\t\t\t\tinteraction={ interaction.value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t/>\n\t\t\t</TabPanel>\n\t\t</>\n\t);\n};\n","import * as React from 'react';\nimport { type ComponentType, useMemo, useRef } from 'react';\nimport { PopoverContent } from '@elementor/editor-controls';\nimport { type PropValue } from '@elementor/editor-props';\nimport { Box, Divider, Grid } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { getInteractionsControl } from '../interactions-controls-registry';\nimport { type FieldProps, type InteractionItemValue, type SizeStringValue } from '../types';\nimport {\n\tcreateAnimationPreset,\n\tcreateString,\n\textractBoolean,\n\textractSize,\n\textractString,\n} from '../utils/prop-value-utils';\nimport { resolveDirection } from '../utils/resolve-direction';\nimport { parseSizeValue } from '../utils/size-transform-utils';\nimport { TimeFrameIndicator } from './controls/time-frame-indicator';\nimport { Field } from './field';\n\ntype InteractionDetailsProps = {\n\tinteraction: InteractionItemValue;\n\tonChange: ( interaction: InteractionItemValue ) => void;\n\tonPlayInteraction: ( interactionId: string ) => void;\n};\n\nexport const DEFAULT_VALUES = {\n\ttrigger: 'load',\n\teffect: 'fade',\n\ttype: 'in',\n\tdirection: '',\n\tduration: 600,\n\tdelay: 0,\n\treplay: false,\n\teasing: 'easeIn',\n\trelativeTo: 'viewport',\n\toffsetTop: 15,\n\toffsetBottom: 85,\n};\n\nconst TRIGGERS_WITHOUT_REPLAY = [ 'load', 'scrollOn', 'hover', 'click' ];\n\ntype InteractionsControlType =\n\t| 'trigger'\n\t| 'effect'\n\t| 'effectType'\n\t| 'direction'\n\t| 'duration'\n\t| 'delay'\n\t| 'replay'\n\t| 'easing'\n\t| 'relativeTo'\n\t| 'offsetTop'\n\t| 'offsetBottom'\n\t| 'customEffects';\n\ntype InteractionValues = {\n\ttrigger: string;\n\teffect: string;\n\ttype: string;\n\tdirection: string;\n\tduration: SizeStringValue;\n\tdelay: SizeStringValue;\n\treplay: boolean;\n\teasing: string;\n\trelativeTo: string;\n\toffsetTop: SizeStringValue;\n\toffsetBottom: SizeStringValue;\n\tcustomEffects?: PropValue;\n};\n\ntype ControlVisibilityConfig = {\n\t[ key: string ]: ( values: InteractionValues ) => boolean;\n};\n\nconst controlVisibilityConfig: ControlVisibilityConfig = {\n\treplay: ( values ) => ! TRIGGERS_WITHOUT_REPLAY.includes( values.trigger ),\n\tcustom: ( values ) => values.effect === 'custom',\n\teffectType: ( values ) => values.effect !== 'custom',\n\tdirection: ( values ) => values.effect !== 'custom',\n\trelativeTo: ( values ) => values.trigger === 'scrollOn',\n\toffsetTop: ( values ) => values.trigger === 'scrollOn',\n\toffsetBottom: ( values ) => values.trigger === 'scrollOn',\n\n\tduration: ( values ) => {\n\t\tconst isRelativeToVisible = values.trigger === 'scrollOn';\n\t\treturn ! isRelativeToVisible;\n\t},\n\tdelay: ( values ) => {\n\t\tconst isRelativeToVisible = values.trigger === 'scrollOn';\n\t\treturn ! isRelativeToVisible;\n\t},\n};\n\nfunction useControlComponent( controlName: InteractionsControlType, isVisible: boolean = true ) {\n\treturn useMemo( () => {\n\t\tif ( ! isVisible ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn getInteractionsControl( controlName )?.component ?? null;\n\t}, [ controlName, isVisible ] );\n}\n\nexport const InteractionDetails = ( { interaction, onChange, onPlayInteraction }: InteractionDetailsProps ) => {\n\tconst trigger = extractString( interaction.trigger, DEFAULT_VALUES.trigger );\n\tconst effect = extractString( interaction.animation.value.effect, DEFAULT_VALUES.effect );\n\tconst customEffects = interaction.animation.value.custom_effect;\n\tconst type = extractString( interaction.animation.value.type, DEFAULT_VALUES.type );\n\tconst direction = extractString( interaction.animation.value.direction, DEFAULT_VALUES.direction );\n\tconst duration = extractSize( interaction.animation.value.timing_config.value.duration );\n\tconst delay = extractSize( interaction.animation.value.timing_config.value.delay );\n\tconst replay = extractBoolean( interaction.animation.value.config?.value.replay, DEFAULT_VALUES.replay );\n\tconst easing = extractString( interaction.animation.value.config?.value.easing, DEFAULT_VALUES.easing );\n\tconst relativeTo = extractString( interaction.animation.value.config?.value.relativeTo, DEFAULT_VALUES.relativeTo );\n\n\tconst offsetTop = extractSize( interaction.animation.value.config?.value.offsetTop, DEFAULT_VALUES.offsetTop );\n\tconst offsetBottom = extractSize(\n\t\tinteraction.animation.value.config?.value.offsetBottom,\n\t\tDEFAULT_VALUES.offsetBottom\n\t);\n\n\tconst interactionValues = {\n\t\ttrigger,\n\t\teffect,\n\t\ttype,\n\t\tdirection,\n\t\tduration,\n\t\tdelay,\n\t\teasing,\n\t\treplay,\n\t\trelativeTo,\n\t\toffsetTop,\n\t\toffsetBottom,\n\t\tcustomEffects,\n\t};\n\n\tconst TriggerControl = useControlComponent( 'trigger', true );\n\tconst EffectControl = useControlComponent( 'effect' );\n\tconst ReplayControl = useControlComponent( 'replay', controlVisibilityConfig.replay( interactionValues ) );\n\tconst RelativeToControl = useControlComponent(\n\t\t'relativeTo',\n\t\tcontrolVisibilityConfig.relativeTo( interactionValues )\n\t);\n\tconst OffsetTopControl = useControlComponent( 'offsetTop', controlVisibilityConfig.offsetTop( interactionValues ) );\n\tconst OffsetBottomControl = useControlComponent(\n\t\t'offsetBottom',\n\t\tcontrolVisibilityConfig.offsetBottom( interactionValues )\n\t);\n\tconst CustomEffectControl = useControlComponent(\n\t\t'customEffects',\n\t\tcontrolVisibilityConfig.custom( interactionValues )\n\t) as ComponentType< FieldProps< PropValue > >;\n\n\tconst EffectTypeControl = useControlComponent(\n\t\t'effectType',\n\t\tcontrolVisibilityConfig.effectType( interactionValues )\n\t);\n\tconst DirectionControl = useControlComponent( 'direction', controlVisibilityConfig.direction( interactionValues ) );\n\tconst EasingControl = useControlComponent( 'easing' );\n\n\tconst containerRef = useRef< HTMLDivElement >( null );\n\n\tconst updateInteraction = (\n\t\tupdates: Partial< {\n\t\t\ttrigger: string;\n\t\t\teffect: string;\n\t\t\ttype: string;\n\t\t\tdirection: string;\n\t\t\tduration: SizeStringValue;\n\t\t\tdelay: SizeStringValue;\n\t\t\treplay: boolean;\n\t\t\teasing?: string;\n\t\t\trelativeTo: string;\n\t\t\toffsetTop: SizeStringValue;\n\t\t\toffsetBottom: SizeStringValue;\n\t\t\tcustomEffects?: PropValue;\n\t\t} >\n\t): void => {\n\t\tconst resolvedDirectionValue = resolveDirection(\n\t\t\t'direction' in updates,\n\t\t\tupdates.effect,\n\t\t\tupdates.direction,\n\t\t\tdirection,\n\t\t\teffect\n\t\t);\n\n\t\tconst updatedInteraction = {\n\t\t\t...interaction,\n\t\t\tinteraction_id: interaction.interaction_id,\n\t\t\ttrigger: createString( updates.trigger ?? trigger ),\n\t\t\tanimation: createAnimationPreset( {\n\t\t\t\teffect: updates.effect ?? effect,\n\t\t\t\ttype: updates.type ?? type,\n\t\t\t\tdirection: resolvedDirectionValue,\n\t\t\t\tduration: updates.duration ?? duration,\n\t\t\t\tdelay: updates.delay ?? delay,\n\t\t\t\treplay: updates.replay ?? replay,\n\t\t\t\teasing: updates.easing ?? easing,\n\t\t\t\trelativeTo: updates.relativeTo ?? relativeTo,\n\t\t\t\toffsetTop: updates.offsetTop ?? offsetTop,\n\t\t\t\toffsetBottom: updates.offsetBottom ?? offsetBottom,\n\t\t\t\tcustomEffects: updates.customEffects ?? customEffects,\n\t\t\t} ),\n\t\t};\n\n\t\tonChange( updatedInteraction );\n\n\t\tconst interactionId = extractString( updatedInteraction.interaction_id );\n\n\t\tsetTimeout( () => {\n\t\t\tonPlayInteraction( interactionId );\n\t\t}, 0 );\n\t};\n\n\treturn (\n\t\t<Box ref={ containerRef }>\n\t\t\t<PopoverContent p={ 1.5 }>\n\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t{ TriggerControl && (\n\t\t\t\t\t\t<Field label={ __( 'Trigger', 'elementor' ) }>\n\t\t\t\t\t\t\t<TriggerControl\n\t\t\t\t\t\t\t\tvalue={ trigger }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { trigger: v } ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ReplayControl && (\n\t\t\t\t\t\t<Field label={ __( 'Replay', 'elementor' ) }>\n\t\t\t\t\t\t\t<ReplayControl\n\t\t\t\t\t\t\t\tvalue={ replay }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { replay: v } ) }\n\t\t\t\t\t\t\t\tdisabled={ true }\n\t\t\t\t\t\t\t\tanchorRef={ containerRef }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\t\t\t\t</Grid>\n\n\t\t\t\t<Divider />\n\n\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t{ EffectControl && (\n\t\t\t\t\t\t<Field label={ __( 'Effect', 'elementor' ) }>\n\t\t\t\t\t\t\t<EffectControl value={ effect } onChange={ ( v ) => updateInteraction( { effect: v } ) } />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ CustomEffectControl && (\n\t\t\t\t\t\t<Field label={ __( 'Custom Effect', 'elementor' ) }>\n\t\t\t\t\t\t\t<CustomEffectControl\n\t\t\t\t\t\t\t\tvalue={ customEffects }\n\t\t\t\t\t\t\t\tonChange={ ( v: PropValue ) => updateInteraction( { customEffects: v } ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ EffectTypeControl && (\n\t\t\t\t\t\t<Field label={ __( 'Type', 'elementor' ) }>\n\t\t\t\t\t\t\t<EffectTypeControl value={ type } onChange={ ( v ) => updateInteraction( { type: v } ) } />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ DirectionControl && (\n\t\t\t\t\t\t<Field label={ __( 'Direction', 'elementor' ) }>\n\t\t\t\t\t\t\t<DirectionControl\n\t\t\t\t\t\t\t\tvalue={ direction }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { direction: v } ) }\n\t\t\t\t\t\t\t\tinteractionType={ type }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ controlVisibilityConfig.duration( interactionValues ) && (\n\t\t\t\t\t\t<Field label={ __( 'Duration', 'elementor' ) }>\n\t\t\t\t\t\t\t<TimeFrameIndicator\n\t\t\t\t\t\t\t\tvalue={ String( duration ) }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { duration: v as SizeStringValue } ) }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_VALUES.duration as SizeStringValue }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ controlVisibilityConfig.delay( interactionValues ) && (\n\t\t\t\t\t\t<Field label={ __( 'Delay', 'elementor' ) }>\n\t\t\t\t\t\t\t<TimeFrameIndicator\n\t\t\t\t\t\t\t\tvalue={ String( delay ) }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { delay: v as SizeStringValue } ) }\n\t\t\t\t\t\t\t\tdefaultValue={ DEFAULT_VALUES.delay as SizeStringValue }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t) }\n\t\t\t\t</Grid>\n\n\t\t\t\t{ controlVisibilityConfig.relativeTo( interactionValues ) && RelativeToControl && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t\t\t<Field label={ __( 'Relative To', 'elementor' ) }>\n\t\t\t\t\t\t\t\t<RelativeToControl\n\t\t\t\t\t\t\t\t\tvalue={ relativeTo }\n\t\t\t\t\t\t\t\t\tonChange={ ( v ) => updateInteraction( { relativeTo: v } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t{ OffsetTopControl && (\n\t\t\t\t\t\t\t\t<Field label={ __( 'Offset Top', 'elementor' ) }>\n\t\t\t\t\t\t\t\t\t<OffsetTopControl\n\t\t\t\t\t\t\t\t\t\tvalue={ String( parseSizeValue( offsetTop, [ '%' ] ).size ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( v: string ) =>\n\t\t\t\t\t\t\t\t\t\t\tupdateInteraction( { offsetTop: v as SizeStringValue } )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ OffsetBottomControl && (\n\t\t\t\t\t\t\t\t<Field label={ __( 'Offset Bottom', 'elementor' ) }>\n\t\t\t\t\t\t\t\t\t<OffsetBottomControl\n\t\t\t\t\t\t\t\t\t\tvalue={ String( parseSizeValue( offsetBottom, [ '%' ] ).size ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( v: string ) =>\n\t\t\t\t\t\t\t\t\t\t\tupdateInteraction( { offsetBottom: v as SizeStringValue } )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ EasingControl && (\n\t\t\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t\t\t<Field label={ __( 'Easing', 'elementor' ) }>\n\t\t\t\t\t\t\t<EasingControl\n\t\t\t\t\t\t\t\tvalue={ easing }\n\t\t\t\t\t\t\t\tonChange={ ( v ) => {\n\t\t\t\t\t\t\t\t\tupdateInteraction( { easing: v } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t</Grid>\n\t\t\t\t) }\n\t\t\t</PopoverContent>\n\t\t</Box>\n\t);\n};\n","import { type ComponentType } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\n\nimport { type DirectionFieldProps, type FieldProps, type ReplayFieldProps } from './types';\n\ntype InteractionsControlType =\n\t| 'trigger'\n\t| 'effect'\n\t| 'effectType'\n\t| 'direction'\n\t| 'duration'\n\t| 'delay'\n\t| 'replay'\n\t| 'easing'\n\t| 'relativeTo'\n\t| 'offsetTop'\n\t| 'offsetBottom'\n\t| 'customEffects';\n\ntype InteractionsControlPropsMap = {\n\ttrigger: FieldProps;\n\teffect: FieldProps;\n\tcustomEffects: FieldProps< PropValue >;\n\teffectType: FieldProps;\n\tdirection: DirectionFieldProps;\n\tduration: FieldProps;\n\tdelay: FieldProps;\n\treplay: ReplayFieldProps;\n\teasing: FieldProps;\n\trelativeTo: FieldProps;\n\toffsetTop: FieldProps;\n\toffsetBottom: FieldProps;\n};\n\ntype ControlOptions< T extends InteractionsControlType > = {\n\ttype: T;\n\tcomponent: ComponentType< InteractionsControlPropsMap[ T ] >;\n\toptions?: string[];\n};\n\ntype StoredControlOptions = {\n\ttype: InteractionsControlType;\n\tcomponent: ComponentType< FieldProps | DirectionFieldProps | ReplayFieldProps >;\n\toptions?: string[];\n};\n\nconst controlsRegistry = new Map< InteractionsControlType, StoredControlOptions >();\n\nexport function registerInteractionsControl< T extends InteractionsControlType >( {\n\ttype,\n\tcomponent,\n\toptions,\n}: ControlOptions< T > ) {\n\tcontrolsRegistry.set( type, { type, component: component as StoredControlOptions[ 'component' ], options } );\n}\n\nexport function getInteractionsControl( type: InteractionsControlType ) {\n\treturn controlsRegistry.get( type );\n}\n\nexport function getInteractionsControlOptions( type: InteractionsControlType ) {\n\treturn controlsRegistry.get( type )?.options ?? [];\n}\n","export const resolveDirection = (\n\thasDirection: boolean,\n\tnewEffect?: string,\n\tnewDirection?: string,\n\tcurrentDirection?: string,\n\tcurrentEffect?: string\n) => {\n\tif ( newEffect === 'slide' && ! newDirection ) {\n\t\treturn 'top';\n\t}\n\n\tif ( currentEffect === 'slide' && hasDirection ) {\n\t\treturn newDirection ?? 'top';\n\t}\n\t// Why? - New direction can be undefined when the effect is not slide, so if the updates object includes direction, we take it always!\n\tif ( hasDirection ) {\n\t\treturn newDirection;\n\t}\n\treturn currentDirection;\n};\n","import * as React from 'react';\nimport { useCallback, useRef } from 'react';\nimport { type Unit, UnstableSizeField } from '@elementor/editor-controls';\nimport { type SizePropValue } from '@elementor/editor-props';\n\nimport { DEFAULT_TIME_UNIT, TIME_UNITS } from '../../configs/time-constants';\nimport { type FieldProps, type SizeStringValue } from '../../types';\nimport { formatSizeValue, parseSizeValue } from '../../utils/size-transform-utils';\nimport { convertTimeUnit } from '../../utils/time-conversion';\n\nexport function TimeFrameIndicator( {\n\tvalue,\n\tonChange,\n\tdefaultValue,\n}: FieldProps & { defaultValue: SizeStringValue } ) {\n\tconst sizeValue = parseSizeValue( value as SizeStringValue, TIME_UNITS, defaultValue, DEFAULT_TIME_UNIT );\n\tconst prevUnitRef = useRef< Unit >( sizeValue.unit as Unit );\n\n\tconst setValue = useCallback(\n\t\t( size: SizePropValue[ 'value' ] ) => {\n\t\t\tconst unitChanged = prevUnitRef.current !== size.unit;\n\n\t\t\tif ( unitChanged ) {\n\t\t\t\tconst fromUnit = prevUnitRef.current;\n\t\t\t\tconst toUnit = size.unit as Unit;\n\n\t\t\t\tsize.size = convertTimeUnit( Number( size.size ), fromUnit, toUnit );\n\t\t\t\tprevUnitRef.current = toUnit;\n\t\t\t}\n\n\t\t\tonChange( formatSizeValue( size ) as string );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst handleChange = ( newValue: SizePropValue[ 'value' ] ) => {\n\t\tsetValue( newValue );\n\t};\n\n\tconst handleBlur = () => {\n\t\tif ( ! sizeValue.size ) {\n\t\t\tsetValue( parseSizeValue( defaultValue, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<UnstableSizeField\n\t\t\tunits={ TIME_UNITS }\n\t\t\tvalue={ sizeValue }\n\t\t\tonChange={ handleChange }\n\t\t\tonBlur={ handleBlur }\n\t\t\tInputProps={ {\n\t\t\t\tinputProps: {\n\t\t\t\t\tmin: 0,\n\t\t\t\t},\n\t\t\t} }\n\t\t/>\n\t);\n}\n","import { type Unit } from '@elementor/editor-controls';\n\ntype TimeUnit = Extract< Unit, 'ms' | 's' >;\nconst UNIT_TO_MS: Record< TimeUnit, number > = {\n\tms: 1,\n\ts: 1000,\n};\n\nexport const convertTimeUnit = ( value: number, from: Unit, to: Unit ): number => {\n\treturn ( value * UNIT_TO_MS[ from as TimeUnit ] ) / UNIT_TO_MS[ to as TimeUnit ];\n};\n","import * as React from 'react';\nimport { type PropsWithChildren } from 'react';\nimport { ControlFormLabel, PopoverGridContainer } from '@elementor/editor-controls';\nimport { Grid } from '@elementor/ui';\n\nexport const Field = ( { label, children }: { label: string } & PropsWithChildren ) => {\n\treturn (\n\t\t<Grid item xs={ 12 } aria-label={ `${ label } control` }>\n\t\t\t<PopoverGridContainer>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<ControlFormLabel>{ label }</ControlFormLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t{ children }\n\t\t\t\t</Grid>\n\t\t\t</PopoverGridContainer>\n\t\t</Grid>\n\t);\n};\n","import * as React from 'react';\nimport { type SyntheticEvent, useCallback, useMemo, useState } from 'react';\nimport { ControlFormLabel, PopoverContent } from '@elementor/editor-controls';\nimport { useBreakpoints } from '@elementor/editor-responsive';\nimport { Autocomplete, Chip, Grid, Stack, TextField } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport type { InteractionItemValue } from '../types';\nimport { createInteractionBreakpoints, extractExcludedBreakpoints } from '../utils/prop-value-utils';\n\ntype BreakpointOption = {\n\tlabel: string;\n\tvalue: string;\n};\n\ntype InteractionSettingsProps = {\n\tinteraction: InteractionItemValue;\n\tonChange: ( interaction: InteractionItemValue ) => void;\n};\n\nconst SIZE = 'tiny';\n\nexport const InteractionSettings = ( { interaction, onChange }: InteractionSettingsProps ) => {\n\tconst breakpoints = useBreakpoints();\n\n\tconst availableBreakpoints = useMemo(\n\t\t() => breakpoints.map( ( breakpoint ) => ( { label: breakpoint.label, value: String( breakpoint.id ) } ) ),\n\t\t[ breakpoints ]\n\t);\n\n\tconst [ selectedBreakpoints, setSelectedBreakpoints ] = useState< BreakpointOption[] >( () => {\n\t\tconst excluded = extractExcludedBreakpoints( interaction.breakpoints ).filter( ( excludedBreakpoint ) => {\n\t\t\treturn availableBreakpoints.some( ( { value } ) => value === excludedBreakpoint );\n\t\t} );\n\n\t\treturn availableBreakpoints.filter( ( { value } ) => {\n\t\t\treturn ! excluded.includes( value );\n\t\t} );\n\t} );\n\n\tconst handleBreakpointChange = useCallback(\n\t\t( _: SyntheticEvent, newValue: BreakpointOption[] ) => {\n\t\t\tsetSelectedBreakpoints( newValue );\n\n\t\t\tconst selectedValues = newValue.map( ( option ) => option.value );\n\n\t\t\tconst newExcluded = availableBreakpoints\n\t\t\t\t.filter( ( breakpoint ) => ! selectedValues.includes( breakpoint.value ) )\n\t\t\t\t.map( ( breakpoint ) => breakpoint.value );\n\n\t\t\tconst updatedInteraction: InteractionItemValue = {\n\t\t\t\t...interaction,\n\t\t\t\t...( newExcluded.length > 0 && {\n\t\t\t\t\tbreakpoints: createInteractionBreakpoints( newExcluded ),\n\t\t\t\t} ),\n\t\t\t};\n\n\t\t\tif ( newExcluded.length === 0 ) {\n\t\t\t\tdelete updatedInteraction.breakpoints;\n\t\t\t}\n\n\t\t\tonChange( updatedInteraction );\n\t\t},\n\t\t[ interaction, availableBreakpoints, onChange ]\n\t);\n\n\treturn (\n\t\t<PopoverContent p={ 1.5 }>\n\t\t\t<Grid container spacing={ 1.5 }>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<Stack direction=\"column\" gap={ 1 }>\n\t\t\t\t\t\t<ControlFormLabel sx={ { width: '100%' } }>\n\t\t\t\t\t\t\t{ __( 'Trigger on', 'elementor' ) }\n\t\t\t\t\t\t</ControlFormLabel>\n\t\t\t\t\t\t<Autocomplete\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\tvalue={ selectedBreakpoints }\n\t\t\t\t\t\t\tonChange={ handleBreakpointChange }\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\toptions={ availableBreakpoints }\n\t\t\t\t\t\t\tisOptionEqualToValue={ ( option, value ) => option.value === value.value }\n\t\t\t\t\t\t\trenderInput={ ( params ) => <TextField { ...params } /> }\n\t\t\t\t\t\t\trenderTags={ ( values, getTagProps ) =>\n\t\t\t\t\t\t\t\tvalues.map( ( option, index ) => {\n\t\t\t\t\t\t\t\t\tconst { key, ...chipProps } = getTagProps( { index } );\n\t\t\t\t\t\t\t\t\treturn <Chip key={ key } size={ SIZE } label={ option.label } { ...chipProps } />;\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</PopoverContent>\n\t);\n};\n","import { type InteractionsConfig } from '../types';\n\nconst DEFAULT_CONFIG: InteractionsConfig = {\n\tconstants: {\n\t\tdefaultDuration: 300,\n\t\tdefaultDelay: 0,\n\t\tslideDistance: 100,\n\t\tscaleStart: 0.5,\n\t\teasing: 'linear',\n\t},\n\tanimationOptions: [],\n};\n\nexport function getInteractionsConfig(): InteractionsConfig {\n\treturn window.ElementorInteractionsConfig || DEFAULT_CONFIG;\n}\n","import { type InteractionsProvider } from '../types';\n\nexport const createInteractionsRepository = () => {\n\tconst providers: InteractionsProvider[] = [];\n\n\tconst getProviders = () => {\n\t\tconst sorted = providers.slice( 0 ).sort( ( a, b ) => ( a.priority > b.priority ? -1 : 1 ) );\n\t\treturn sorted;\n\t};\n\n\tconst register = ( provider: InteractionsProvider ) => {\n\t\tproviders.push( provider );\n\t};\n\n\tconst all = () => {\n\t\treturn getProviders().flatMap( ( provider ) => provider.actions.all() );\n\t};\n\n\tconst subscribe = ( cb: () => void ) => {\n\t\tconst unsubscribes = providers.map( ( provider ) => provider.subscribe( cb ) );\n\n\t\treturn () => {\n\t\t\tunsubscribes.forEach( ( unsubscribe ) => unsubscribe() );\n\t\t};\n\t};\n\n\tconst getProviderByKey = ( key: string ) => {\n\t\treturn providers.find( ( provider ) => {\n\t\t\ttry {\n\t\t\t\treturn provider.getKey() === key;\n\t\t\t} catch {\n\t\t\t\t// Provider might not be ready yet (e.g., no document loaded)\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\t};\n\n\treturn {\n\t\tall,\n\t\tregister,\n\t\tsubscribe,\n\t\tgetProviders,\n\t\tgetProviderByKey,\n\t};\n};\n","import { createInteractionsRepository } from './utils/create-interactions-repository';\n\nexport const interactionsRepository = createInteractionsRepository();\n","import { type InteractionsProvider } from '../types';\n\nexport type CreateInteractionsProviderOptions = {\n\tkey: string | ( () => string );\n\tpriority?: number;\n\tsubscribe?: ( callback: () => void ) => () => void;\n\tactions: {\n\t\tall: InteractionsProvider[ 'actions' ][ 'all' ];\n\t};\n};\n\nconst DEFAULT_PRIORITY = 10;\n\nexport function createInteractionsProvider( {\n\tkey,\n\tpriority = DEFAULT_PRIORITY,\n\tsubscribe = () => () => {},\n\tactions,\n}: CreateInteractionsProviderOptions ): InteractionsProvider {\n\treturn {\n\t\tgetKey: typeof key === 'string' ? () => key : key,\n\t\tpriority,\n\t\tsubscribe,\n\t\tactions: {\n\t\t\tall: actions.all,\n\t\t},\n\t};\n}\n","import { getCurrentDocumentId, getElementInteractions, getElements } from '@elementor/editor-elements';\nimport { __privateListenTo as listenTo, windowEvent } from '@elementor/editor-v1-adapters';\n\nimport { createInteractionsProvider } from '../utils/create-interactions-provider';\n\nexport const ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX = 'document-elements-interactions-';\n\nexport const documentElementsInteractionsProvider = createInteractionsProvider( {\n\tkey: () => {\n\t\tconst documentId = getCurrentDocumentId();\n\n\t\tif ( ! documentId ) {\n\t\t\tconst pendingKey = `${ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX }pending`;\n\t\t\treturn pendingKey;\n\t\t}\n\n\t\tconst key = `${ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX }${ documentId }`;\n\t\treturn key;\n\t},\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\treturn listenTo( [ windowEvent( 'elementor/element/update_interactions' ) ], () => cb() );\n\t},\n\tactions: {\n\t\tall: () => {\n\t\t\tconst elements = getElements();\n\n\t\t\tconst filtered = elements.filter( ( element ) => {\n\t\t\t\tconst interactions = getElementInteractions( element.id );\n\t\t\t\tif ( ! interactions ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn interactions?.items?.length > 0;\n\t\t\t} );\n\n\t\t\treturn filtered.map( ( element ) => {\n\t\t\t\tconst interactions = getElementInteractions( element.id );\n\n\t\t\t\treturn {\n\t\t\t\t\telementId: element.id,\n\t\t\t\t\tdataId: element.id,\n\t\t\t\t\tinteractions: interactions || { version: 1, items: [] },\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t},\n} );\n","import * as React from 'react';\nimport { useMemo } from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { ArrowDownSmallIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpSmallIcon } from '@elementor/icons';\nimport { __ } from '@wordpress/i18n';\n\nimport { type DirectionFieldProps } from '../../types';\n\ntype Direction = 'top' | 'bottom' | 'left' | 'right';\n\nexport function Direction( { value, onChange, interactionType }: DirectionFieldProps ) {\n\tconst options: ToggleButtonGroupItem< Direction >[] = useMemo( () => {\n\t\tconst isIn = interactionType === 'in';\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tvalue: 'top',\n\t\t\t\tlabel: isIn ? __( 'From top', 'elementor' ) : __( 'To top', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowDownSmallIcon fontSize={ size } /> : <ArrowUpSmallIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'bottom',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From bottom', 'elementor' ) : __( 'To bottom', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowUpSmallIcon fontSize={ size } /> : <ArrowDownSmallIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From left', 'elementor' ) : __( 'To left', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowRightIcon fontSize={ size } /> : <ArrowLeftIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\tlabel: interactionType === 'in' ? __( 'From right', 'elementor' ) : __( 'To right', 'elementor' ),\n\t\t\t\trenderContent: ( { size } ) =>\n\t\t\t\t\tisIn ? <ArrowLeftIcon fontSize={ size } /> : <ArrowRightIcon fontSize={ size } />,\n\t\t\t\tshowTooltip: true,\n\t\t\t},\n\t\t];\n\t}, [ interactionType ] );\n\n\treturn <ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ value } />;\n}\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const EASING_OPTIONS = {\n\teaseIn: __( 'Ease In', 'elementor' ),\n\teaseInOut: __( 'Ease In Out', 'elementor' ),\n\teaseOut: __( 'Ease Out', 'elementor' ),\n\tbackIn: __( 'Back In', 'elementor' ),\n\tbackInOut: __( 'Back In Out', 'elementor' ),\n\tbackOut: __( 'Back Out', 'elementor' ),\n\tlinear: __( 'Linear', 'elementor' ),\n};\n\nexport const BASE_EASINGS: string[] = [ 'easeIn' ];\n\nexport function Easing( {}: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( EASING_OPTIONS ).filter( ( [ key ] ) => BASE_EASINGS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( EASING_OPTIONS ).filter( ( [ key ] ) => ! BASE_EASINGS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ DEFAULT_VALUES.easing }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionContent={ __( 'Upgrade to control the smoothness of the interaction.', 'elementor' ) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-easing-modal/\"\n\t\t/>\n\t);\n}\n","import * as React from 'react';\nimport { type MouseEvent, useRef } from 'react';\nimport { MenuListItem } from '@elementor/editor-ui';\nimport { MenuSubheader, Select, type SelectChangeEvent } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { InteractionsPromotionChip, type InteractionsPromotionChipRef } from './interactions-promotion-chip';\n\ntype PromotionSelectProps = {\n\tvalue: string;\n\tonChange?: ( value: string ) => void;\n\tbaseOptions: Record< string, string >;\n\tdisabledOptions: Record< string, string >;\n\tpromotionLabel?: string;\n\tpromotionContent: string;\n\tupgradeUrl: string;\n};\n\nexport function PromotionSelect( {\n\tvalue,\n\tonChange,\n\tbaseOptions,\n\tdisabledOptions,\n\tpromotionLabel,\n\tpromotionContent,\n\tupgradeUrl,\n}: PromotionSelectProps ) {\n\tconst promotionRef = useRef< InteractionsPromotionChipRef >( null );\n\tconst anchorRef = useRef< HTMLElement >( null );\n\n\treturn (\n\t\t<Select\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( e: SelectChangeEvent< string > ) => onChange?.( e.target.value ) }\n\t\t\tfullWidth\n\t\t\tdisplayEmpty\n\t\t\tsize=\"tiny\"\n\t\t\tMenuProps={ { disablePortal: true } }\n\t\t>\n\t\t\t{ Object.entries( baseOptions ).map( ( [ key, label ] ) => (\n\t\t\t\t<MenuListItem key={ key } value={ key }>\n\t\t\t\t\t{ label }\n\t\t\t\t</MenuListItem>\n\t\t\t) ) }\n\n\t\t\t<MenuSubheader\n\t\t\t\tref={ anchorRef }\n\t\t\t\tsx={ {\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tcolor: 'text.tertiary',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t} }\n\t\t\t\tonMouseDown={ ( e: MouseEvent ) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tpromotionRef.current?.toggle();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ promotionLabel ?? __( 'PRO features', 'elementor' ) }\n\t\t\t\t<InteractionsPromotionChip\n\t\t\t\t\tcontent={ promotionContent }\n\t\t\t\t\tupgradeUrl={ upgradeUrl }\n\t\t\t\t\tref={ promotionRef }\n\t\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\t/>\n\t\t\t</MenuSubheader>\n\n\t\t\t{ Object.entries( disabledOptions ).map( ( [ key, label ] ) => (\n\t\t\t\t<MenuListItem key={ key } value={ key } disabled sx={ { pl: 3 } }>\n\t\t\t\t\t{ label }\n\t\t\t\t</MenuListItem>\n\t\t\t) ) }\n\t\t</Select>\n\t);\n}\n","import * as React from 'react';\nimport { forwardRef, type MouseEvent, type RefObject, useImperativeHandle, useState } from 'react';\nimport { PromotionChip, PromotionPopover, useCanvasClickHandler } from '@elementor/editor-ui';\nimport { Box } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nexport type InteractionsPromotionChipProps = {\n\tcontent: string;\n\tupgradeUrl: string;\n\tanchorRef?: RefObject< HTMLElement | null >;\n};\n\nexport type InteractionsPromotionChipRef = {\n\ttoggle: () => void;\n};\n\nexport const InteractionsPromotionChip = forwardRef< InteractionsPromotionChipRef, InteractionsPromotionChipProps >(\n\t( { content, upgradeUrl, anchorRef }, ref ) => {\n\t\tconst [ isOpen, setIsOpen ] = useState( false );\n\n\t\tuseCanvasClickHandler( isOpen, () => setIsOpen( false ) );\n\n\t\tconst toggle = () => setIsOpen( ( prev ) => ! prev );\n\n\t\tuseImperativeHandle( ref, () => ( { toggle } ), [] );\n\n\t\tconst handleToggle = ( e: MouseEvent ) => {\n\t\t\te.stopPropagation();\n\t\t\ttoggle();\n\t\t};\n\n\t\treturn (\n\t\t\t<PromotionPopover\n\t\t\t\topen={ isOpen }\n\t\t\t\ttitle={ __( 'Interactions', 'elementor' ) }\n\t\t\t\tcontent={ content }\n\t\t\t\tctaText={ __( 'Upgrade now', 'elementor' ) }\n\t\t\t\tctaUrl={ upgradeUrl }\n\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\tplacement={ anchorRef ? 'right-start' : undefined }\n\t\t\t\tonClose={ ( e: MouseEvent ) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tsetIsOpen( false );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tonMouseDown={ ( e: MouseEvent ) => e.stopPropagation() }\n\t\t\t\t\tonClick={ handleToggle }\n\t\t\t\t\tsx={ { cursor: 'pointer', display: 'inline-flex', mr: 1 } }\n\t\t\t\t>\n\t\t\t\t\t<PromotionChip />\n\t\t\t\t</Box>\n\t\t\t</PromotionPopover>\n\t\t);\n\t}\n);\n\nInteractionsPromotionChip.displayName = 'InteractionsPromotionChip';\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const EFFECT_OPTIONS = {\n\tfade: __( 'Fade', 'elementor' ),\n\tslide: __( 'Slide', 'elementor' ),\n\tscale: __( 'Scale', 'elementor' ),\n\tcustom: __( 'Custom', 'elementor' ),\n};\n\nexport const BASE_EFFECTS: string[] = [ 'fade', 'slide', 'scale' ];\n\nexport function Effect( { value, onChange }: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( EFFECT_OPTIONS ).filter( ( [ key ] ) => BASE_EFFECTS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( EFFECT_OPTIONS ).filter( ( [ key ] ) => ! BASE_EFFECTS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ value in baseOptions ? value : DEFAULT_VALUES.effect }\n\t\t\tonChange={ onChange }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionLabel={ __( 'PRO effects', 'elementor' ) }\n\t\t\tpromotionContent={ __(\n\t\t\t\t'Upgrade to further customize your animation with opacity, scale, move, rotate and more.',\n\t\t\t\t'elementor'\n\t\t\t) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-custom-effect-modal/\"\n\t\t/>\n\t);\n}\n","import * as React from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\n\ntype EffectType = 'in' | 'out';\n\nexport function EffectType( { value, onChange }: FieldProps ) {\n\tconst options: ToggleButtonGroupItem< EffectType >[] = [\n\t\t{\n\t\t\tvalue: 'in',\n\t\t\tlabel: __( 'In', 'elementor' ),\n\t\t\trenderContent: () => __( 'In', 'elementor' ),\n\t\t\tshowTooltip: true,\n\t\t},\n\t\t{\n\t\t\tvalue: 'out',\n\t\t\tlabel: __( 'Out', 'elementor' ),\n\t\t\trenderContent: () => __( 'Out', 'elementor' ),\n\t\t\tshowTooltip: true,\n\t\t},\n\t];\n\n\treturn <ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ value } />;\n}\n","import * as React from 'react';\nimport { type ToggleButtonGroupItem, ToggleButtonGroupUi } from '@elementor/editor-controls';\nimport { CheckIcon, MinusIcon } from '@elementor/icons';\nimport { Box } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { type ReplayFieldProps } from '../../types';\nimport { InteractionsPromotionChip } from '../../ui/interactions-promotion-chip';\n\nexport const REPLAY_OPTIONS = {\n\tno: __( 'No', 'elementor' ),\n\tyes: __( 'Yes', 'elementor' ),\n};\n\nexport const BASE_REPLAY: string[] = [ 'no' ];\n\nconst OVERLAY_GRID = '1 / 1';\nconst CHIP_OFFSET = '50%';\n\nexport function Replay( { onChange, anchorRef }: ReplayFieldProps ) {\n\tconst options: ToggleButtonGroupItem< boolean >[] = [\n\t\t{\n\t\t\tvalue: false,\n\t\t\tdisabled: false,\n\t\t\tlabel: REPLAY_OPTIONS.no,\n\t\t\trenderContent: ( { size } ) => <MinusIcon fontSize={ size } />,\n\t\t\tshowTooltip: true,\n\t\t},\n\t\t{\n\t\t\tvalue: true,\n\t\t\tdisabled: true,\n\t\t\tlabel: REPLAY_OPTIONS.yes,\n\t\t\trenderContent: ( { size } ) => <CheckIcon fontSize={ size } />,\n\t\t\tshowTooltip: true,\n\t\t},\n\t];\n\n\treturn (\n\t\t<Box sx={ { display: 'grid', alignItems: 'center' } }>\n\t\t\t<Box sx={ { gridArea: OVERLAY_GRID } }>\n\t\t\t\t<ToggleButtonGroupUi items={ options } exclusive onChange={ onChange } value={ false } />\n\t\t\t</Box>\n\t\t\t<Box sx={ { gridArea: OVERLAY_GRID, marginInlineEnd: CHIP_OFFSET, justifySelf: 'end' } }>\n\t\t\t\t<InteractionsPromotionChip\n\t\t\t\t\tcontent={ __( 'Upgrade to run the animation every time its trigger occurs.', 'elementor' ) }\n\t\t\t\t\tupgradeUrl={ 'https://go.elementor.com/go-pro-interactions-replay-modal/' }\n\t\t\t\t\tanchorRef={ anchorRef }\n\t\t\t\t/>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n}\n","import * as React from 'react';\nimport { __ } from '@wordpress/i18n';\n\nimport { type FieldProps } from '../../types';\nimport { PromotionSelect } from '../../ui/promotion-select';\nimport { DEFAULT_VALUES } from '../interaction-details';\n\nexport const TRIGGER_OPTIONS = {\n\tload: __( 'Page load', 'elementor' ),\n\tscrollIn: __( 'Scroll into view', 'elementor' ),\n\tscrollOn: __( 'While scrolling', 'elementor' ),\n\thover: __( 'On hover', 'elementor' ),\n\tclick: __( 'On click', 'elementor' ),\n};\n\nexport const BASE_TRIGGERS: string[] = [ 'load', 'scrollIn' ];\n\nexport function Trigger( { value, onChange }: FieldProps ) {\n\tconst baseOptions = Object.fromEntries(\n\t\tObject.entries( TRIGGER_OPTIONS ).filter( ( [ key ] ) => BASE_TRIGGERS.includes( key ) )\n\t);\n\n\tconst disabledOptions = Object.fromEntries(\n\t\tObject.entries( TRIGGER_OPTIONS ).filter( ( [ key ] ) => ! BASE_TRIGGERS.includes( key ) )\n\t);\n\n\treturn (\n\t\t<PromotionSelect\n\t\t\tvalue={ value in baseOptions ? value : DEFAULT_VALUES.trigger }\n\t\t\tonChange={ onChange }\n\t\t\tbaseOptions={ baseOptions }\n\t\t\tdisabledOptions={ disabledOptions }\n\t\t\tpromotionLabel={ __( 'PRO triggers', 'elementor' ) }\n\t\t\tpromotionContent={ __( 'Upgrade to unlock more interactions triggers.', 'elementor' ) }\n\t\t\tupgradeUrl=\"https://go.elementor.com/go-pro-interactions-triggers-modal/\"\n\t\t/>\n\t);\n}\n","import { type ElementID, getAllDescendants, getContainer, type V1Element } from '@elementor/editor-elements';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\n\nimport type { ElementInteractions } from '../types';\nimport { createString } from '../utils/prop-value-utils';\nimport { generateTempInteractionId } from '../utils/temp-id-utils';\n\nexport function initCleanInteractionIdsOnDuplicate() {\n\tregisterDataHook( 'after', 'document/elements/duplicate', ( _args, result: V1Element | V1Element[] ) => {\n\t\tconst containers = Array.isArray( result ) ? result : [ result ];\n\n\t\tcontainers.forEach( ( container ) => {\n\t\t\tcleanInteractionIdsRecursive( container.id );\n\t\t} );\n\t} );\n}\n\nfunction cleanInteractionIdsRecursive( elementId: ElementID ) {\n\tconst container = getContainer( elementId );\n\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tgetAllDescendants( container ).forEach( ( element: V1Element ) => {\n\t\tcleanInteractionIds( element.id as ElementID );\n\t} );\n}\n\nfunction cleanInteractionIds( elementId: ElementID ) {\n\tconst container = getContainer( elementId );\n\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tconst interactions = container.model.get( 'interactions' ) as ElementInteractions;\n\n\tif ( ! interactions || ! interactions.items ) {\n\t\treturn;\n\t}\n\n\tconst updatedInteractions = structuredClone( interactions ) as ElementInteractions;\n\n\tupdatedInteractions?.items?.forEach( ( interaction ) => {\n\t\tif ( interaction.$$type === 'interaction-item' && interaction.value ) {\n\t\t\tinteraction.value.interaction_id = createString( generateTempInteractionId() );\n\t\t}\n\t} );\n\n\tcontainer.model.set( 'interactions', updatedInteractions );\n}\n","import { getMCPByDomain } from '@elementor/editor-mcp';\n\nimport { initInteractionsSchemaResource } from './resources/interactions-schema-resource';\nimport { initManageElementInteractionTool } from './tools/manage-element-interaction-tool';\n\nexport const initMcpInteractions = () => {\n\tconst reg = getMCPByDomain( 'interactions', {\n\t\tinstructions:\n\t\t\t'MCP server for managing element interactions and animations. Use this to add, modify, or remove animations and motion effects triggered by user events such as page load or scroll-into-view.',\n\t} );\n\tinitInteractionsSchemaResource( reg );\n\tinitManageElementInteractionTool( reg );\n};\n","export const MAX_INTERACTIONS_PER_ELEMENT = 5;\n","import { type MCPRegistryEntry } from '@elementor/editor-mcp';\n\nimport { EASING_OPTIONS } from '../../components/controls/easing';\nimport { BASE_TRIGGERS, TRIGGER_OPTIONS } from '../../components/controls/trigger';\nimport { MAX_INTERACTIONS_PER_ELEMENT } from '../constants';\n\nexport const INTERACTIONS_SCHEMA_URI = 'elementor://interactions/schema';\n\nconst schema = {\n\ttriggers: BASE_TRIGGERS.map( ( key ) => ( {\n\t\tvalue: key,\n\t\tlabel: TRIGGER_OPTIONS[ key as keyof typeof TRIGGER_OPTIONS ] ?? key,\n\t} ) ),\n\teffects: [\n\t\t{ value: 'fade', label: 'Fade' },\n\t\t{ value: 'slide', label: 'Slide' },\n\t\t{ value: 'scale', label: 'Scale' },\n\t],\n\teffectTypes: [\n\t\t{ value: 'in', label: 'In' },\n\t\t{ value: 'out', label: 'Out' },\n\t],\n\tdirections: [\n\t\t{ value: 'top', label: 'Top', note: '' },\n\t\t{ value: 'bottom', label: 'Bottom', note: '' },\n\t\t{ value: 'left', label: 'Left', note: '' },\n\t\t{ value: 'right', label: 'Right', note: '' },\n\t\t{ value: '', label: 'None', note: 'Slide animation must have a direction' },\n\t],\n\teasings: Object.entries( EASING_OPTIONS ).map( ( [ value, label ] ) => ( { value, label } ) ),\n\ttiming: {\n\t\tduration: { min: 0, max: 10000, unit: 'ms', description: 'Animation duration in milliseconds' },\n\t\tdelay: { min: 0, max: 10000, unit: 'ms', description: 'Animation delay in milliseconds' },\n\t},\n\texcludedBreakpoints: {\n\t\ttype: 'string[]',\n\t\tdescription: 'List of breakpoint IDs on which this interaction is disabled. Omit to enable on all breakpoints.',\n\t},\n\tmaxInteractionsPerElement: MAX_INTERACTIONS_PER_ELEMENT,\n};\n\nexport const initInteractionsSchemaResource = ( reg: MCPRegistryEntry ) => {\n\tconst { resource } = reg;\n\n\tresource(\n\t\t'interactions-schema',\n\t\tINTERACTIONS_SCHEMA_URI,\n\t\t{\n\t\t\tdescription:\n\t\t\t\t'Schema describing all available options for element interactions (triggers, effects, easings, timing, breakpoints, etc.).',\n\t\t},\n\t\tasync () => {\n\t\t\treturn {\n\t\t\t\tcontents: [\n\t\t\t\t\t{\n\t\t\t\t\t\turi: INTERACTIONS_SCHEMA_URI,\n\t\t\t\t\t\ttext: JSON.stringify( schema, null, 2 ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t};\n\t\t}\n\t);\n};\n","import { updateElementInteractions } from '@elementor/editor-elements';\nimport { type MCPRegistryEntry } from '@elementor/editor-mcp';\nimport { z } from '@elementor/schema';\n\nimport { DEFAULT_VALUES } from '../../components/interaction-details';\nimport { interactionsRepository } from '../../interactions-repository';\nimport { type ElementInteractions } from '../../types';\nimport {\n\tcreateInteractionItem,\n\textractExcludedBreakpoints,\n\textractSize,\n\textractString,\n} from '../../utils/prop-value-utils';\nimport { generateTempInteractionId } from '../../utils/temp-id-utils';\nimport { MAX_INTERACTIONS_PER_ELEMENT } from '../constants';\nimport { INTERACTIONS_SCHEMA_URI } from '../resources/interactions-schema-resource';\n\nconst EMPTY_INTERACTIONS: ElementInteractions = {\n\tversion: 1,\n\titems: [],\n};\n\nexport const initManageElementInteractionTool = ( reg: MCPRegistryEntry ) => {\n\tconst { addTool } = reg;\n\n\taddTool( {\n\t\tname: 'manage-element-interaction',\n\t\tdescription: `Read or manage interactions (animations) on an element. Always call with action=get first to see existing interactions before making changes.\n\nActions:\n- get: Read the current interactions on the element.\n- add: Add a new interaction (max ${ MAX_INTERACTIONS_PER_ELEMENT } per element).\n- update: Update an existing interaction by its interactionId.\n- delete: Remove a specific interaction by its interactionId.\n- clear: Remove all interactions from the element.\n\nFor add/update, provide: trigger, effect, effectType, direction (empty string for non-slide effects), duration, delay, easing.\nUse excludedBreakpoints to disable the animation on specific responsive breakpoints (e.g. [\"mobile\", \"tablet\"]).`,\n\t\tschema: {\n\t\t\telementId: z.string().describe( 'The ID of the element to read or modify interactions on' ),\n\t\t\taction: z\n\t\t\t\t.enum( [ 'get', 'add', 'update', 'delete', 'clear' ] )\n\t\t\t\t.describe( 'Operation to perform. Use \"get\" first to inspect existing interactions.' ),\n\t\t\tinteractionId: z\n\t\t\t\t.string()\n\t\t\t\t.optional()\n\t\t\t\t.describe( 'Interaction ID — required for update and delete. Obtain from a prior \"get\" call.' ),\n\t\t\ttrigger: z.enum( [ 'load', 'scrollIn' ] ).optional().describe( 'Event that triggers the animation' ),\n\t\t\teffect: z.enum( [ 'fade', 'slide', 'scale' ] ).optional().describe( 'Animation effect type' ),\n\t\t\teffectType: z.enum( [ 'in', 'out' ] ).optional().describe( 'Whether the animation plays in or out' ),\n\t\t\tdirection: z\n\t\t\t\t.enum( [ 'top', 'bottom', 'left', 'right', '' ] )\n\t\t\t\t.optional()\n\t\t\t\t.describe( 'Direction for slide effect. Use empty string for fade/scale.' ),\n\t\t\tduration: z.number().min( 0 ).max( 10000 ).optional().describe( 'Animation duration in milliseconds' ),\n\t\t\tdelay: z.number().min( 0 ).max( 10000 ).optional().describe( 'Animation delay in milliseconds' ),\n\t\t\teasing: z.string().optional().describe( 'Easing function. See interactions schema for options.' ),\n\t\t\texcludedBreakpoints: z\n\t\t\t\t.array( z.string() )\n\t\t\t\t.optional()\n\t\t\t\t.describe(\n\t\t\t\t\t'Breakpoint IDs on which this interaction is disabled (e.g. [\"mobile\", \"tablet\"]). Omit to enable on all breakpoints.'\n\t\t\t\t),\n\t\t},\n\t\trequiredResources: [\n\t\t\t{ uri: INTERACTIONS_SCHEMA_URI, description: 'Interactions schema with all available options' },\n\t\t],\n\t\tisDestructive: true,\n\t\thandler: ( input ) => {\n\t\t\tconst {\n\t\t\t\telementId,\n\t\t\t\taction,\n\t\t\t\tinteractionId,\n\t\t\t\ttrigger,\n\t\t\t\teffect,\n\t\t\t\teffectType,\n\t\t\t\tdirection,\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing,\n\t\t\t\texcludedBreakpoints,\n\t\t\t} = input;\n\n\t\t\tconst allInteractions = interactionsRepository.all();\n\t\t\tconst elementData = allInteractions.find( ( data ) => data.elementId === elementId );\n\t\t\tconst currentInteractions: ElementInteractions = elementData?.interactions ?? EMPTY_INTERACTIONS;\n\n\t\t\tif ( action === 'get' ) {\n\t\t\t\tconst summary = currentInteractions.items.map( ( item ) => {\n\t\t\t\t\tconst { value } = item;\n\t\t\t\t\tconst animValue = value.animation.value;\n\t\t\t\t\tconst timingValue = animValue.timing_config.value;\n\t\t\t\t\tconst configValue = animValue.config.value;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: extractString( value.interaction_id ),\n\t\t\t\t\t\ttrigger: extractString( value.trigger ),\n\t\t\t\t\t\teffect: extractString( animValue.effect ),\n\t\t\t\t\t\teffectType: extractString( animValue.type ),\n\t\t\t\t\t\tdirection: extractString( animValue.direction ),\n\t\t\t\t\t\tduration: extractSize( timingValue.duration ),\n\t\t\t\t\t\tdelay: extractSize( timingValue.delay ),\n\t\t\t\t\t\teasing: extractString( configValue.easing ),\n\t\t\t\t\t\texcludedBreakpoints: extractExcludedBreakpoints( value.breakpoints ),\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\treturn JSON.stringify( {\n\t\t\t\t\telementId,\n\t\t\t\t\tinteractions: summary,\n\t\t\t\t\tcount: summary.length,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tlet updatedItems = [ ...currentInteractions.items ];\n\n\t\t\tswitch ( action ) {\n\t\t\t\tcase 'add': {\n\t\t\t\t\tif ( updatedItems.length >= MAX_INTERACTIONS_PER_ELEMENT ) {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t`Cannot add more than ${ MAX_INTERACTIONS_PER_ELEMENT } interactions per element. Current count: ${ updatedItems.length }. Delete an existing interaction first.`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst newItem = createInteractionItem( {\n\t\t\t\t\t\tinteractionId: generateTempInteractionId(),\n\t\t\t\t\t\ttrigger: trigger ?? DEFAULT_VALUES.trigger,\n\t\t\t\t\t\teffect: effect ?? DEFAULT_VALUES.effect,\n\t\t\t\t\t\ttype: effectType ?? DEFAULT_VALUES.type,\n\t\t\t\t\t\tdirection: direction ?? DEFAULT_VALUES.direction,\n\t\t\t\t\t\tduration: duration ?? DEFAULT_VALUES.duration,\n\t\t\t\t\t\tdelay: delay ?? DEFAULT_VALUES.delay,\n\t\t\t\t\t\treplay: DEFAULT_VALUES.replay,\n\t\t\t\t\t\teasing: easing ?? DEFAULT_VALUES.easing,\n\t\t\t\t\t\texcludedBreakpoints,\n\t\t\t\t\t} );\n\n\t\t\t\t\tupdatedItems = [ ...updatedItems, newItem ];\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase 'update': {\n\t\t\t\t\tif ( ! interactionId ) {\n\t\t\t\t\t\tthrow new Error( 'interactionId is required for the update action.' );\n\t\t\t\t\t}\n\n\t\t\t\t\tconst itemIndex = updatedItems.findIndex(\n\t\t\t\t\t\t( item ) => extractString( item.value.interaction_id ) === interactionId\n\t\t\t\t\t);\n\n\t\t\t\t\tif ( itemIndex === -1 ) {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t`Interaction with ID \"${ interactionId }\" not found on element \"${ elementId }\".`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst existingItem = updatedItems[ itemIndex ];\n\t\t\t\t\tconst existingValue = existingItem.value;\n\t\t\t\t\tconst existingAnimation = existingValue.animation.value;\n\t\t\t\t\tconst existingTiming = existingAnimation.timing_config.value;\n\t\t\t\t\tconst existingConfig = existingAnimation.config.value;\n\t\t\t\t\tconst existingExcludedBreakpoints = extractExcludedBreakpoints( existingValue.breakpoints );\n\n\t\t\t\t\tconst updatedItem = createInteractionItem( {\n\t\t\t\t\t\tinteractionId,\n\t\t\t\t\t\ttrigger: trigger ?? extractString( existingValue.trigger ),\n\t\t\t\t\t\teffect: effect ?? extractString( existingAnimation.effect ),\n\t\t\t\t\t\ttype: effectType ?? extractString( existingAnimation.type ),\n\t\t\t\t\t\tdirection: direction !== undefined ? direction : extractString( existingAnimation.direction ),\n\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\tduration !== undefined ? duration : ( extractSize( existingTiming.duration ) as number ),\n\t\t\t\t\t\tdelay: delay !== undefined ? delay : ( extractSize( existingTiming.delay ) as number ),\n\t\t\t\t\t\treplay: existingConfig.replay?.value ?? DEFAULT_VALUES.replay,\n\t\t\t\t\t\teasing: easing ?? extractString( existingConfig.easing ),\n\t\t\t\t\t\texcludedBreakpoints:\n\t\t\t\t\t\t\texcludedBreakpoints !== undefined ? excludedBreakpoints : existingExcludedBreakpoints,\n\t\t\t\t\t} );\n\n\t\t\t\t\tupdatedItems = [\n\t\t\t\t\t\t...updatedItems.slice( 0, itemIndex ),\n\t\t\t\t\t\tupdatedItem,\n\t\t\t\t\t\t...updatedItems.slice( itemIndex + 1 ),\n\t\t\t\t\t];\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase 'delete': {\n\t\t\t\t\tif ( ! interactionId ) {\n\t\t\t\t\t\tthrow new Error( 'interactionId is required for the delete action.' );\n\t\t\t\t\t}\n\n\t\t\t\t\tconst beforeCount = updatedItems.length;\n\t\t\t\t\tupdatedItems = updatedItems.filter(\n\t\t\t\t\t\t( item ) => extractString( item.value.interaction_id ) !== interactionId\n\t\t\t\t\t);\n\n\t\t\t\t\tif ( updatedItems.length === beforeCount ) {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t`Interaction with ID \"${ interactionId }\" not found on element \"${ elementId }\".`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase 'clear': {\n\t\t\t\t\tupdatedItems = [];\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst updatedInteractions: ElementInteractions = {\n\t\t\t\t...currentInteractions,\n\t\t\t\titems: updatedItems,\n\t\t\t};\n\n\t\t\ttry {\n\t\t\t\tupdateElementInteractions( { elementId, interactions: updatedInteractions } );\n\t\t\t} catch ( error ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Failed to update interactions for element \"${ elementId }\": ${\n\t\t\t\t\t\terror instanceof Error ? error.message : 'Unknown error'\n\t\t\t\t\t}`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn JSON.stringify( {\n\t\t\t\tsuccess: true,\n\t\t\t\taction,\n\t\t\t\telementId,\n\t\t\t\tinteractionCount: updatedItems.length,\n\t\t\t} );\n\t\t},\n\t} );\n};\n","import { Direction } from './components/controls/direction';\nimport { Easing } from './components/controls/easing';\nimport { Effect } from './components/controls/effect';\nimport { EffectType } from './components/controls/effect-type';\nimport { Replay } from './components/controls/replay';\nimport { Trigger } from './components/controls/trigger';\nimport { initCleanInteractionIdsOnDuplicate } from './hooks/on-duplicate';\nimport { registerInteractionsControl } from './interactions-controls-registry';\nimport { interactionsRepository } from './interactions-repository';\nimport { initMcpInteractions } from './mcp';\nimport { documentElementsInteractionsProvider } from './providers/document-elements-interactions-provider';\n\nexport function init() {\n\ttry {\n\t\tinteractionsRepository.register( documentElementsInteractionsProvider );\n\n\t\tinitCleanInteractionIdsOnDuplicate();\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'trigger',\n\t\t\tcomponent: Trigger,\n\t\t\toptions: [ 'load', 'scrollIn' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'easing',\n\t\t\tcomponent: Easing,\n\t\t\toptions: [ 'easeIn' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'replay',\n\t\t\tcomponent: Replay,\n\t\t\toptions: [ 'true', 'false' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'effectType',\n\t\t\tcomponent: EffectType,\n\t\t\toptions: [ 'in', 'out' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'direction',\n\t\t\tcomponent: Direction,\n\t\t\toptions: [ 'top', 'bottom', 'left', 'right' ],\n\t\t} );\n\n\t\tregisterInteractionsControl( {\n\t\t\ttype: 'effect',\n\t\t\tcomponent: Effect,\n\t\t\toptions: [ 'fade', 'slide', 'scale' ],\n\t\t} );\n\n\t\tinitMcpInteractions();\n\t} catch ( error ) {\n\t\tthrow error;\n\t}\n}\n"],"mappings":"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","names":["React","import_react","import_editor_elements","import_ui","React","React","import_react","React","import_react","import_editor_controls","import_icons","import_ui","import_i18n","React","import_react","React","import_react","import_ui","import_i18n","React","import_react","import_editor_controls","import_ui","import_i18n","React","import_react","React","import_editor_controls","import_ui","React","import_react","import_editor_controls","import_ui","import_i18n","interactionId","import_editor_elements","listenTo","React","import_react","import_editor_controls","import_icons","import_i18n","React","import_i18n","React","import_react","import_editor_ui","import_ui","import_i18n","React","import_react","import_ui","import_i18n","React","import_i18n","React","import_editor_controls","import_i18n","React","import_editor_controls","import_icons","import_ui","import_i18n","React","import_i18n","import_editor_elements","import_editor_v1_adapters","import_editor_elements"]}