ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / argowells.com / wp-content / plugins / elementor / assets / js / packages / editor-interactions

!function(){"use strict";var e={d:function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX:function(){return H},EmptyState:function(){return l},InteractionsTab:function(){return F},createInteractionsProvider:function(){return N},getInteractionsConfig:function(){return U},init:function(){return J},interactionsRepository:function(){return W},registerInteractionsControl:function(){return $}});var n=window.React,o=window.elementorV2.icons,r=window.elementorV2.ui,a=window.wp.i18n;const l=({onCreateInteraction:e})=>n.createElement(r.Stack,{alignItems:"center",justifyContent:"center",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5},gap:1.5},n.createElement(o.SwipeIcon,{fontSize:"large"}),n.createElement(r.Typography,{align:"center",variant:"subtitle2"},(0,a.__)("Animate elements with Interactions","elementor")),n.createElement(r.Typography,{align:"center",variant:"caption",maxWidth:"170px"},(0,a.__)("Add entrance animations and effects triggered by user interactions such as page load or scroll.","elementor")),n.createElement(r.Button,{variant:"outlined",color:"secondary",size:"small",sx:{mt:1},onClick:e},(0,a.__)("Create an interaction","elementor")));var i=window.elementorV2.editorElements,c=window.elementorV2.session;const s=(0,n.createContext)(null),m={version:1,items:[]},u=({children:e,elementId:t})=>{const o=(0,i.useElementInteractions)(t);(0,n.useEffect)(()=>{window.dispatchEvent(new CustomEvent("elementor/element/update_interactions"))},[]);const r={interactions:o??m,setInteractions:e=>{const n=e&&0===e.items?.length?void 0:e;(0,i.updateElementInteractions)({elementId:t,interactions:n})},playInteractions:e=>{(0,i.playElementInteractions)(t,e)}};return n.createElement(s.Provider,{value:r},e)},d=(0,n.createContext)(void 0),f=({children:e})=>{const[t,o]=(0,n.useState)(!1),r=(0,n.useCallback)(()=>{o(!0)},[]),a=(0,n.useCallback)(()=>{o(!1)},[]);return n.createElement(d.Provider,{value:{openByDefault:t,triggerDefaultOpen:r,resetDefaultOpen:a}},e)};var p=window.elementorV2.editorControls;const g="temp-";function v(){return`${g}${Math.random().toString(36).substring(2,11)}`}const y=e=>({$$type:"string",value:e}),E=e=>({$$type:"number",value:e}),_=(e,t)=>({$$type:"timing-config",value:{duration:E(e),delay:E(t)}}),I=(e,t,n,o)=>{return{$$type:"config",value:{replay:(r=e,{$$type:"boolean",value:r}),relativeTo:y(t??""),offsetTop:E(n??0),offsetBottom:E(o??100)}};var r},h=({effect:e,type:t,direction:n,duration:o,delay:r,replay:a=!1,relativeTo:l,offsetTop:i,offsetBottom:c})=>({$$type:"animation-preset-props",value:{effect:y(e),type:y(t),direction:y(n??""),timing_config:_(o,r),config:I(a,l,i,c)}}),b=()=>(({trigger:e,effect:t,type:n,direction:o,duration:r,delay:a,interactionId:l,replay:i=!1,relativeTo:c,offsetTop:s,offsetBottom:m})=>({$$type:"interaction-item",value:{...l&&{interaction_id:y(l)},trigger:y(e),animation:h({effect:t,type:n,direction:o,duration:r,delay:a,replay:i,relativeTo:c,offsetTop:s,offsetBottom:m})}}))({trigger:"load",effect:"fade",type:"in",duration:300,delay:0,replay:!1,interactionId:v()}),w=(e,t="")=>e?.value??t,C=(e,t=0)=>e?.value??t,S={load:"On page load",scrollIn:"Scroll into view",scrollOut:"Scroll out of view",scrollOn:"While scrolling"},T=e=>e.charAt(0).toUpperCase()+e.slice(1),k=new Map;function $({type:e,component:t,options:n}){k.set(e,{type:e,component:t,options:n})}function P(e){return k.get(e)}function O({value:e,onChange:t,interactionType:r}){const l=(0,n.useMemo)(()=>{const e="in"===r;return[{value:"top",label:e?(0,a.__)("From top","elementor"):(0,a.__)("To top","elementor"),renderContent:({size:t})=>e?n.createElement(o.ArrowDownSmallIcon,{fontSize:t}):n.createElement(o.ArrowUpSmallIcon,{fontSize:t}),showTooltip:!0},{value:"bottom",label:"in"===r?(0,a.__)("From bottom","elementor"):(0,a.__)("To bottom","elementor"),renderContent:({size:t})=>e?n.createElement(o.ArrowUpSmallIcon,{fontSize:t}):n.createElement(o.ArrowDownSmallIcon,{fontSize:t}),showTooltip:!0},{value:"left",label:"in"===r?(0,a.__)("From left","elementor"):(0,a.__)("To left","elementor"),renderContent:({size:t})=>e?n.createElement(o.ArrowRightIcon,{fontSize:t}):n.createElement(o.ArrowLeftIcon,{fontSize:t}),showTooltip:!0},{value:"right",label:"in"===r?(0,a.__)("From right","elementor"):(0,a.__)("To right","elementor"),renderContent:({size:t})=>e?n.createElement(o.ArrowLeftIcon,{fontSize:t}):n.createElement(o.ArrowRightIcon,{fontSize:t}),showTooltip:!0}]},[r]);return n.createElement(p.ToggleButtonGroupUi,{items:l,exclusive:!0,onChange:t,value:e})}var z=window.elementorV2.editorUi;function A({value:e,onChange:t}){const o=[{key:"fade",label:(0,a.__)("Fade","elementor")},{key:"slide",label:(0,a.__)("Slide","elementor")},{key:"scale",label:(0,a.__)("Scale","elementor")}];return n.createElement(r.Select,{fullWidth:!0,displayEmpty:!0,size:"tiny",value:e,onChange:e=>t(e.target.value)},o.map(e=>n.createElement(z.MenuListItem,{key:e.key,value:e.key},e.label)))}function B({value:e,onChange:t}){const o=[{value:"in",label:(0,a.__)("In","elementor"),renderContent:()=>(0,a.__)("In","elementor"),showTooltip:!0},{value:"out",label:(0,a.__)("Out","elementor"),renderContent:()=>(0,a.__)("Out","elementor"),showTooltip:!0}];return n.createElement(p.ToggleButtonGroupUi,{items:o,exclusive:!0,onChange:t,value:e})}function D({value:e,onChange:t}){const o=["0","100","200","300","400","500","750","1000","1250","1500"].map(e=>({key:e,label:(0,a.__)("%s MS","elementor").replace("%s",e)}));return n.createElement(r.Select,{fullWidth:!0,displayEmpty:!0,size:"tiny",value:e,onChange:e=>t(e.target.value)},o.map(e=>n.createElement(z.MenuListItem,{key:e.key,value:e.key},e.label)))}const x=["scrollIn","scrollOut"],M=({interaction:e,onChange:t,onPlayInteraction:o})=>{const l=w(e.trigger,"load"),i=w(e.animation.value.effect,"fade"),c=w(e.animation.value.type,"in"),s=w(e.animation.value.direction,""),m=C(e.animation.value.timing_config.value.duration,300),u=C(e.animation.value.timing_config.value.delay,0),d=((e,t=!1)=>e?.value??t)(e.animation.value.config?.value.replay,false),f=w(e.animation.value.config?.value.relativeTo,"viewport"),g=C(e.animation.value.config?.value.offsetTop,15),v=C(e.animation.value.config?.value.offsetBottom,85),E=x.includes(l),_="scrollOn"===l,I=(0,n.useMemo)(()=>P("trigger")?.component??null,[]),b=(0,n.useMemo)(()=>E?P("replay")?.component??null:null,[E]),S=(0,n.useMemo)(()=>_?P("relativeTo")?.component??null:null,[_]),T=(0,n.useMemo)(()=>_?P("offsetTop")?.component??null:null,[_]),k=(0,n.useMemo)(()=>_?P("offsetBottom")?.component??null:null,[_]),$=n=>{const r=(a="direction"in n,p=n.effect,E=n.direction,"slide"!==p||E?a?E:s:"top");var a,p,E;const _=void 0!==n.replay?n.replay:d,I={...e,interaction_id:e.interaction_id,trigger:y(n.trigger??l),animation:h({effect:n.effect??i,type:n.type??c,direction:r,duration:n.duration??m,delay:n.delay??u,replay:_,relativeTo:n.relativeTo??f,offsetTop:n.offsetTop??g,offsetBottom:n.offsetBottom??v})};t(I);const b=w(I.interaction_id);setTimeout(()=>{o(b)},0)};return n.createElement(p.PopoverContent,{p:1.5},n.createElement(r.Grid,{container:!0,spacing:1.5},I&&n.createElement(V,{label:(0,a.__)("Trigger","elementor")},n.createElement(I,{value:l,onChange:e=>$({trigger:e})})),b&&n.createElement(V,{label:(0,a.__)("Replay","elementor")},n.createElement(b,{value:d,onChange:e=>$({replay:e}),disabled:!0}))),n.createElement(r.Divider,null),n.createElement(r.Grid,{container:!0,spacing:1.5},n.createElement(V,{label:(0,a.__)("Effect","elementor")},n.createElement(A,{value:i,onChange:e=>$({effect:e})})),n.createElement(V,{label:(0,a.__)("Type","elementor")},n.createElement(B,{value:c,onChange:e=>$({type:e})})),n.createElement(V,{label:(0,a.__)("Direction","elementor")},n.createElement(O,{value:s,onChange:e=>$({direction:e}),interactionType:c})),n.createElement(V,{label:(0,a.__)("Duration","elementor")},n.createElement(D,{value:String(m),onChange:e=>$({duration:parseInt(e,10)})})),n.createElement(V,{label:(0,a.__)("Delay","elementor")},n.createElement(D,{value:String(u),onChange:e=>$({delay:parseInt(e,10)})}))),_&&S&&n.createElement(n.Fragment,null,n.createElement(r.Divider,null),n.createElement(r.Grid,{container:!0,spacing:1.5},n.createElement(V,{label:(0,a.__)("Relative To","elementor")},n.createElement(S,{value:f,onChange:e=>$({relativeTo:e})})),T&&n.createElement(V,{label:(0,a.__)("Offset Top","elementor")},n.createElement(T,{value:String(g),onChange:e=>$({offsetTop:parseInt(e,10)})})),k&&n.createElement(V,{label:(0,a.__)("Offset Bottom","elementor")},n.createElement(k,{value:String(v),onChange:e=>$({offsetBottom:parseInt(e,10)})}))),n.createElement(r.Divider,null)))};function V({label:e,children:t}){return n.createElement(r.Grid,{item:!0,xs:12},n.createElement(p.PopoverGridContainer,null,n.createElement(r.Grid,{item:!0,xs:6},n.createElement(p.ControlFormLabel,null,e)),n.createElement(r.Grid,{item:!0,xs:6},t)))}function R(e){const{interactions:t,onSelectInteractions:l,onPlayInteraction:i,triggerCreateOnShowEmpty:c}=e,s=(0,n.useRef)(!1),m=(0,n.useCallback)(e=>{l(e)},[l]);(0,n.useEffect)(()=>{if(c&&!s.current&&(!t.items||0===t.items?.length)){s.current=!0;const e={version:1,items:[b()]};m(e)}},[c,t.items,m]);const u=(0,n.useMemo)(()=>t.items?.length>=5,[t.items?.length]),d=u?n.createElement(r.Alert,{color:"secondary",icon:n.createElement(o.InfoCircleFilledIcon,null),size:"small"},n.createElement(r.AlertTitle,null,(0,a.__)("Interactions","elementor")),n.createElement(r.Box,{component:"span"},(0,a.__)("You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.","elementor"))):void 0,f=(0,n.useCallback)(e=>{m({...t,items:e})},[t,m]),g=(0,n.useCallback)((e,n)=>{const o=structuredClone(t.items);o[e]={$$type:"interaction-item",value:n},m({...t,items:o})},[t,m]);return n.createElement(p.Repeater,{openOnAdd:!0,openItem:c?0:void 0,label:(0,a.__)("Interactions","elementor"),values:t.items,setValues:f,showDuplicate:!1,showToggle:!1,isSortable:!1,disableAddItemButton:u,addButtonInfotipContent:d,itemSettings:{initialValues:b(),Label:({value:e})=>(e=>{const t=w(e.trigger),n=w(e.animation.value.effect),o=w(e.animation.value.type);return`${S[t]||T(t)}: ${T(n)} ${T(o)}`})(e.value),Icon:()=>null,Content:({index:e,value:t})=>n.createElement(M,{key:e,interaction:t.value,onChange:t=>{g(e,t)},onPlayInteraction:i}),actions:e=>n.createElement(r.Tooltip,{key:"preview",placement:"top",title:(0,a.__)("Preview","elementor")},n.createElement(r.IconButton,{"aria-label":(0,a.__)("Play interaction","elementor"),size:"tiny",onClick:()=>i(w(e.value.interaction_id))},n.createElement(o.PlayerPlayIcon,{fontSize:"tiny"})))}})}const F=({elementId:e})=>n.createElement(f,null,n.createElement(G,{elementId:e}));function G({elementId:e}){const t=(0,i.useElementInteractions)(e),o=(0,n.useState)(!1),r=t?.items?.length||o[0];return n.createElement(c.SessionStorageProvider,{prefix:e},r?n.createElement(u,{elementId:e},n.createElement(L,{firstInteractionState:o})):n.createElement(l,{onCreateInteraction:()=>{o[1](!0)}}))}function L({firstInteractionState:e}){const{interactions:t,setInteractions:o,playInteractions:a}=(()=>{const e=(0,n.useContext)(s);if(!e)throw new Error("useInteractionsContext must be used within InteractionsProvider");return e})(),l=(0,n.useCallback)(t=>{e[1](!1),o(t||void 0)},[o,e]);return n.createElement(r.Stack,{sx:{m:1,p:1.5},gap:2},n.createElement(R,{triggerCreateOnShowEmpty:e[0],interactions:t,onSelectInteractions:l,onPlayInteraction:a}))}const j={constants:{defaultDuration:300,defaultDelay:0,slideDistance:100,scaleStart:.5,easing:"linear"},animationOptions:[]};function U(){return window.ElementorInteractionsConfig||j}const W=(()=>{const e=[],t=()=>e.slice(0).sort((e,t)=>e.priority>t.priority?-1:1);return{all:()=>t().flatMap(e=>e.actions.all()),register:t=>{e.push(t)},subscribe:t=>{const n=e.map(e=>e.subscribe(t));return()=>{n.forEach(e=>e())}},getProviders:t,getProviderByKey:t=>e.find(e=>{try{return e.getKey()===t}catch{return!1}})}})(),K=10;function N({key:e,priority:t=K,subscribe:n=()=>()=>{},actions:o}){return{getKey:"string"==typeof e?()=>e:e,priority:t,subscribe:n,actions:{all:o.all}}}var Y=window.elementorV2.editorV1Adapters;const H="document-elements-interactions-",X=N({key:()=>{const e=(0,i.getCurrentDocumentId)();return e?`${H}${e}`:`${H}pending`},priority:50,subscribe:e=>(0,Y.__privateListenTo)([(0,Y.windowEvent)("elementor/element/update_interactions")],()=>e()),actions:{all:()=>(0,i.getElements)().filter(e=>{const t=(0,i.getElementInteractions)(e.id);return!!t&&t?.items?.length>0}).map(e=>{const t=(0,i.getElementInteractions)(e.id);return{elementId:e.id,dataId:e.id,interactions:t||{version:1,items:[]}}})}});function q({value:e,onChange:t}){const o=Object.entries({load:(0,a.__)("Page load","elementor"),scrollIn:(0,a.__)("Scroll into view","elementor")}).map(([e,t])=>({key:e,label:t}));return n.createElement(r.Select,{fullWidth:!0,displayEmpty:!0,size:"tiny",onChange:e=>t(e.target.value),value:e},o.map(e=>n.createElement(z.MenuListItem,{key:e.key,value:e.key},e.label)))}function J(){try{W.register(X),(0,Y.registerDataHook)("after","document/elements/duplicate",(e,t)=>{(Array.isArray(t)?t:[t]).forEach(e=>{!function(e){const t=(0,i.getContainer)(e);t&&(0,i.getAllDescendants)(t).forEach(e=>{!function(e){const t=(0,i.getContainer)(e);if(!t)return;const n=t.model.get("interactions");if(!n||!n.items)return;const o=structuredClone(n);o?.items?.forEach(e=>{"interaction-item"===e.$$type&&e.value&&(e.value.interaction_id=y(v()))}),t.model.set("interactions",o)}(e.id)})}(e.id)})}),$({type:"trigger",component:q,options:["load","scrollIn"]})}catch(e){throw e}}(window.elementorV2=window.elementorV2||{}).editorInteractions=t}(),window.elementorV2.editorInteractions?.init?.();

[+] ..
[-] editor-interactions.asset.php [edit]
[-] editor-interactions.js.LICENSE.txt [edit]
[-] editor-interactions.strings.js [edit]
[-] editor-interactions.min.js [edit]
[-] editor-interactions.js [edit]