📁 File Manager Pro
v10.0.3 | PHP: 8.2.31
Server: LiteSpeed
2026-07-03 02:20:05
📂
/ (Root)
/
home
/
orkouolp
/
web
/
orkofarms.com
/
wp-content
/
plugins
/
elementor
/
assets
/
js
/
packages
/
editor-components
📍 /home/orkouolp/web/orkofarms.com/wp-content/plugins/elementor/assets/js/packages/editor-components
🔄 Refresh
✏️
Editing: editor-components.min.js
Writable
!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,{COMPONENT_WIDGET_TYPE:function(){return sn},ComponentInstanceProvider:function(){return Ue},ComponentItem:function(){return me},ComponentName:function(){return fe},ComponentSearch:function(){return ce},ComponentsList:function(){return _e},DetachAction:function(){return ut},EditComponentAction:function(){return dt},EmptySearchResult:function(){return we},InstanceEmptyState:function(){return pt},InstancePanelBody:function(){return Kt},InstancePanelHeader:function(){return lt},LoadingComponents:function(){return ye},OverridablePropProvider:function(){return vt},SLICE_NAME:function(){return u},SearchProvider:function(){return ae},apiClient:function(){return f},componentInstanceOverridePropTypeUtil:function(){return Ge},componentInstanceOverridesPropTypeUtil:function(){return qe},componentInstancePropTypeUtil:function(){return Je},componentOverridablePropTypeUtil:function(){return Ye},componentsActions:function(){return St},componentsSelectors:function(){return It},createComponentsAction:function(){return _},filterValidOverridableProps:function(){return Rt},getComponentDocumentData:function(){return H},getContainerByOriginId:function(){return At},getOverridableProp:function(){return jt},getPropTypeForComponentOverride:function(){return Pt},init:function(){return jn},isComponentInstance:function(){return ot},loadComponentsAssets:function(){return en},onElementDrop:function(){return Ze},publishDraftComponentsInPageBeforeSave:function(){return Vn},registerComponentsReducer:function(){return v},resolveOverridePropValue:function(){return Ct},selectOverridableProps:function(){return B},selectPath:function(){return M},slice:function(){return C},switchToComponent:function(){return an},trackComponentEvent:function(){return Xe},updateOverridableProp:function(){return xt},useComponentInstanceElement:function(){return Et},useComponents:function(){return Z},useComponentsPermissions:function(){return de},useCurrentComponent:function(){return N},useCurrentComponentId:function(){return R},useFilteredComponents:function(){return Se},useInstancePanelData:function(){return Wt},useIsSanitizedComponent:function(){return W},useOverridablePropValue:function(){return _t},useOverridableProps:function(){return $},useSanitizeOverridableProps:function(){return Ft}});var n=window.elementorV2.editor,o=window.elementorV2.editorCanvas,r=window.elementorV2.editorDocuments,i=window.elementorV2.editorEditingPanel,a=window.elementorV2.editorElementsPanel,s=window.elementorV2.editorStylesRepository,c=window.elementorV2.editorV1Adapters,l=window.elementorV2.store,d=window.wp.i18n;const u="components";var m=window.elementorV2.httpClient;const p="elementor/v1/components",g=e=>({action:"get_document_config",unique_id:`document-config-${e}`,data:{id:e}}),f={get:()=>(0,m.httpService)().get(`${p}`).then(e=>e.data.data),create:e=>(0,m.httpService)().post(`${p}`,e).then(e=>e.data.data),updateStatuses:(e,t)=>(0,m.httpService)().put(`${p}/status`,{ids:e,status:t}),getComponentConfig:e=>c.ajax.load(g(e)),invalidateComponentConfigCache:e=>c.ajax.invalidateCache(g(e)),getComponentLockStatus:async e=>await(0,m.httpService)().get(`${p}/lock-status`,{params:{componentId:e}}).then(e=>{const{is_current_user_allow_to_edit:t,locked_by:n}=e.data.data;return{isAllowedToSwitchDocument:t,lockedBy:n||""}}),lockComponent:async e=>await(0,m.httpService)().post(`${p}/lock`,{componentId:e}).then(e=>e.data),unlockComponent:async e=>await(0,m.httpService)().post(`${p}/unlock`,{componentId:e}).then(e=>e.data),getOverridableProps:async e=>await(0,m.httpService)().get(`${p}/overridable-props`,{params:{"componentIds[]":e}}).then(e=>e.data),updateArchivedComponents:async(e,t)=>await(0,m.httpService)().post(`${p}/archive`,{componentIds:e,status:t}).then(e=>e.data.data),updateComponentTitle:(e,t)=>(0,m.httpService)().post(`${p}/update-titles`,{components:e,status:t}).then(e=>e.data.data),validate:async e=>await(0,m.httpService)().post(`${p}/create-validate`,e).then(e=>e.data)},h=(0,l.__createAsyncThunk)("components/load",async()=>await f.get()),y=new Map;function v(e,t){y.set(`${u}/${e}`,t)}function _(e){const t=(0,l.__createAction)(`${u}/${e}`);return{action:t,register(t){v(e,t)},dispatch(e){(0,l.__dispatch)(t(e))}}}const E=(0,l.__createSlice)({name:u,initialState:{data:[],unpublishedData:[],loadStatus:"idle",styles:{},createdThisSession:[],archivedThisSession:[],path:[],currentComponentId:null,updatedComponentNames:{},sanitized:{}},reducers:{add:(e,{payload:t})=>{Array.isArray(t)?e.data=[...t,...e.data]:e.data.unshift(t)},load:(e,{payload:t})=>{e.data=t},addUnpublished:(e,{payload:t})=>{e.unpublishedData.unshift(t)},removeUnpublished:(e,{payload:t})=>{const n=Array.isArray(t)?t:[t];e.unpublishedData=e.unpublishedData.filter(e=>!n.includes(e.uid))},resetUnpublished:e=>{e.unpublishedData=[]},removeStyles(e,{payload:t}){const{[t.id]:n,...o}=e.styles;e.styles=o},addStyles:(e,{payload:t})=>{e.styles={...e.styles,...t}},addCreatedThisSession:(e,{payload:t})=>{e.createdThisSession.push(t)},removeCreatedThisSession:(e,{payload:t})=>{e.createdThisSession=e.createdThisSession.filter(e=>e!==t)},archive:(e,{payload:t})=>{const n=e.data.find(e=>e.id===t);n&&(n.isArchived=!0,e.archivedThisSession.push(t))},setCurrentComponentId:(e,{payload:t})=>{e.currentComponentId=t},setPath:(e,{payload:t})=>{e.path=t},setOverridableProps:(e,{payload:t})=>{const n=e.data.find(e=>e.id===t.componentId);n&&(n.overridableProps=t.overridableProps)},loadOverridableProps:(e,{payload:t})=>{Object.keys(t).forEach(n=>{const o=Number(n),r=t[o],i=e.data.find(e=>e.id===o);i&&r&&(i.overridableProps=r)})},rename:(e,{payload:t})=>{const n=e.data.find(e=>e.uid===t.componentUid);n&&(n.id&&(e.updatedComponentNames[n.id]=t.name),n.name=t.name)},cleanUpdatedComponentNames:e=>{e.updatedComponentNames={}},updateComponentSanitizedAttribute:(e,{payload:{componentId:t,attribute:n}})=>{e.sanitized[t]||(e.sanitized[t]={}),e.sanitized[t][n]=!0},resetSanitizedComponents:e=>{e.sanitized={}}},extraReducers:e=>{e.addCase(h.fulfilled,(e,{payload:t})=>{e.data=t,e.loadStatus="idle"}),e.addCase(h.pending,e=>{e.loadStatus="pending"}),e.addCase(h.rejected,e=>{e.loadStatus="error"})}}),C={...E,reducer(e,t){const n=E.reducer(e,t),o=y.get(t.type);if(!o||!n)return n;const r=structuredClone(n);return o(r,t),r}},b=e=>e[u].data,w=e=>e[u].loadStatus,S=e=>e[u].unpublishedData,I=e=>e[u].currentComponentId,x=(e,t)=>e[u].data.find(e=>e.id===t),P=e=>(0,l.__useSelector)(t=>e?x(t,e):null),k=(e,t)=>e[u].data.find(e=>e.uid===t)??e[u].unpublishedData.find(e=>e.uid===t),T=(0,l.__createSelector)(b,S,(e,t)=>[...t.map(e=>({uid:e.uid,name:e.name,overridableProps:e.overridableProps})),...e.filter(e=>!e.isArchived)]),D=(0,l.__createSelector)(S,e=>e),O=(0,l.__createSelector)(w,e=>"pending"===e),V=((0,l.__createSelector)(w,e=>"error"===e),e=>e[u].styles??{}),z=(0,l.__createSelector)(e=>e[u].styles??{},(e,t=null)=>t,(e,t)=>null===t?Object.values(e).flat():Object.entries(e).filter(([e])=>e!==String(t)).map(([,e])=>e).flat()),A=(0,l.__createSelector)(e=>e[u].createdThisSession,e=>e),j={props:{},groups:{items:{},order:[]}},B=(0,l.__createSelector)(x,e=>{if(e)return e.overridableProps??j}),$=e=>(0,l.__useSelector)(t=>e?B(t,e):null),U=(0,l.__createSelector)(x,e=>!!e?.overridableProps),M=(0,l.__createSelector)(e=>e[u].path,e=>e),L=(0,l.__createSelector)(I,e=>e),K=(0,l.__createSelector)(b,I,(e,t)=>e.find(e=>e.id===t)),R=()=>(0,l.__useSelector)(L),N=()=>(0,l.__useSelector)(K),F=(0,l.__createSelector)(e=>e[u].updatedComponentNames,e=>Object.entries(e).map(([e,t])=>({componentId:Number(e),title:t}))),W=(e,t)=>{const n=(0,l.__useSelector)(e=>e[u].sanitized);return!!e&&!!n[e]?.[t]},H=async e=>{const t=(0,r.getV1DocumentsManager)();try{return await t.request(e)}catch{return null}},G=(0,o.createTransformer)(async({component_id:e,overrides:t})=>{const n=D((0,l.__getState)()).find(({uid:t})=>t===e),o=t?.reduce((e,t)=>({...e,...t}),{});if(n)return{elements:structuredClone(n.elements),overrides:o};if("number"!=typeof e)throw new Error(`Component ID "${e}" not valid.`);const r=await H(e);return{elements:r?.elements??[],overrides:o}}),Y=(0,o.createTransformer)((e,t)=>{const{overrides:n}=t.renderContext??{},r=n?.[e.override_key];return r?"override"===e.origin_value.$$type?function(e,t,n){const r=o.settingsTransformersRegistry.get("override");if(!r)return null;const i=r(e.origin_value.value,t);if(!i)return null;const[a]=Object.keys(i);return{[a]:n}}(e,t,r):r:e.origin_value}),q=(0,o.createTransformer)(e=>{const{override_key:t,override_value:n}=e;return{[t]:n}});var J=window.React,Q=window.elementorV2.editorUi,X=window.elementorV2.ui;const Z=()=>({components:(0,l.__useSelector)(T),isLoading:(0,l.__useSelector)(O)});var ee=window.elementorV2.utils;const te="4.0";function ne(){return(0,ee.hasProInstalled)()&&(0,ee.isProAtLeast)(te)}function oe(){return(0,ee.hasProInstalled)()&&!(0,ee.isProAtLeast)(te)}var re=window.elementorV2.icons;const ie=(0,J.createContext)(void 0),ae=({children:e,localStorageKey:t})=>{const{debouncedValue:n,handleChange:o,inputValue:r}=(0,ee.useSearchState)({localStorageKey:t});return J.createElement(ie.Provider,{value:{handleChange:o,clearSearch:()=>{o("")},searchValue:n,inputValue:r}},e)},se=()=>{const e=(0,J.useContext)(ie);if(!e)throw new Error("useSearch must be used within a SearchProvider");return e},ce=()=>{const{inputValue:e,handleChange:t}=se();return J.createElement(X.Stack,{direction:"row",gap:.5,sx:{width:"100%",px:2,py:1.5}},J.createElement(X.Box,{sx:{flexGrow:1}},J.createElement(X.TextField,{role:"search",fullWidth:!0,size:"tiny",value:e,placeholder:(0,d.__)("Search","elementor"),onChange:e=>t(e.target.value),InputProps:{startAdornment:J.createElement(X.InputAdornment,{position:"start"},J.createElement(re.SearchIcon,{fontSize:"tiny"}))}})))};var le=window.elementorV2.editorCurrentUser;const de=()=>{const{isAdmin:e}=(0,le.useCurrentUserCapabilities)();return{canCreate:e,canEdit:e,canDelete:e,canRename:e}};function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},ue.apply(null,arguments)}const me=(0,J.forwardRef)(({component:e,disabled:t=!0,draggable:n,onDragStart:o,onDragEnd:r,onClick:i,isEditing:a=!1,error:s=null,nameSlot:c,endSlot:l,...d},u)=>J.createElement(X.ListItemButton,ue({disabled:t,draggable:n,onDragStart:o,onDragEnd:r,shape:"rounded",ref:u,sx:{border:"solid 1px",borderColor:"divider",py:.5,px:1,display:"flex",width:"100%",alignItems:"center",gap:1}},d),J.createElement(X.Box,{display:"flex",alignItems:"center",gap:1,minWidth:0,flexGrow:1,onClick:i},J.createElement(X.ListItemIcon,{size:"tiny"},J.createElement(re.ComponentsIcon,{fontSize:"tiny"})),J.createElement(pe,{isActive:a,isError:!!s},J.createElement(X.Box,{display:"flex",flex:1,minWidth:0,flexGrow:1},c??J.createElement(fe,{name:e.name})))),l)),pe=(0,X.styled)(X.Box,{shouldForwardProp:e=>"isActive"!==e&&"isError"!==e})(({theme:e,isActive:t,isError:n})=>({display:"flex",width:"100%",flexGrow:1,borderRadius:e.spacing(.5),border:ge({isActive:t,isError:n,theme:e}),padding:`0 ${e.spacing(1)}`,marginLeft:t?e.spacing(1):0,minWidth:0})),ge=({isActive:e,isError:t,theme:n})=>t?`2px solid ${n.palette.error.main}`:e?`2px solid ${n.palette.secondary.main}`:"none";function fe({name:e,editable:t}){return t?.isEditing?J.createElement(Q.EditableField,ue({ref:t.ref,as:X.Typography,variant:"caption"},t.getProps())):J.createElement(Q.EllipsisWithTooltip,{title:e,as:X.Typography,variant:"caption",color:"text.primary"})}const he=Array.from({length:3},(e,t)=>t),ye=()=>J.createElement(X.Stack,{"aria-label":"Loading components",gap:1.5,sx:{pointerEvents:"none",position:"relative",maxHeight:"300px",overflow:"hidden",px:1,"&:after":{position:"absolute",bottom:0,content:'""',left:0,width:"100%",height:"40%",pointerEvents:"none",zIndex:1}}},he.map(e=>J.createElement(X.Box,{key:e,display:"flex",alignItems:"center",gap:1.5,sx:{py:.75,px:1.5,opacity:0,animation:`e-loading-fade-in 0.4s ease-out ${80*e}ms forwards`,"@keyframes e-loading-fade-in":{from:{opacity:0,transform:"translateY(4px)"},to:{opacity:1,transform:"translateY(0)"}}}},J.createElement(X.Skeleton,{animation:"wave",variant:"rounded",width:24,height:24}),J.createElement(X.Skeleton,{animation:"wave",variant:"rounded",width:"60%",height:14})))),ve={fontSize:"0.875rem !important",fontWeight:"500 !important"};function _e(){const{components:e,isLoading:t,searchValue:n}=Se();return t?J.createElement(ye,null):e?.length?J.createElement(X.List,{sx:{display:"flex",flexDirection:"column",gap:1,px:2}},e.map(e=>J.createElement(me,{key:e.uid,component:e}))):n.length?J.createElement(we,null):oe()?J.createElement(Ce,null):ne()?J.createElement(be,null):J.createElement(Ee,null)}const Ee=()=>J.createElement(X.Stack,{alignItems:"center",justifyContent:"start",height:"100%",sx:{px:2,py:4},gap:2,overflow:"hidden"},J.createElement(X.Stack,{alignItems:"center",gap:1},J.createElement(re.ComponentsIcon,{fontSize:"large",sx:{color:"text.secondary"}}),J.createElement(X.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:ve},(0,d.__)("Create Reusable Components","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"secondary",sx:{maxWidth:200}},(0,d.__)("Create design elements that sync across your entire site.","elementor"))),J.createElement(X.Button,{variant:"contained",color:"promotion",size:"small",startIcon:J.createElement(re.CrownFilledIcon,null),href:"https://go.elementor.com/go-pro-components/",target:"_blank",rel:"noopener noreferrer"},(0,d.__)("Upgrade now","elementor"))),Ce=()=>J.createElement(X.Stack,{alignItems:"center",justifyContent:"start",height:"100%",sx:{px:2,py:4,maxWidth:268,m:"auto"},gap:2,overflow:"hidden"},J.createElement(X.Stack,{alignItems:"center",gap:1},J.createElement(re.ComponentsIcon,{fontSize:"large",sx:{color:"text.secondary"}}),J.createElement(X.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:ve},(0,d.__)("Create Reusable Components","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"secondary"},(0,d.__)("Create design elements that sync across your entire site.","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"secondary",sx:{mt:1}},(0,d.__)("To create components, update Elementor Pro to the latest version.","elementor"))),J.createElement(X.Button,{variant:"text",color:"info",size:"small",href:"/wp-admin/plugins.php",target:"_blank",rel:"noopener noreferrer"},(0,d.__)("Update Elementor Pro","elementor"))),be=()=>{const{canCreate:e}=de();return J.createElement(X.Stack,{alignItems:"center",justifyContent:"start",height:"100%",sx:{px:2,py:4},gap:2,overflow:"hidden"},J.createElement(X.Stack,{alignItems:"center",gap:1},J.createElement(re.ComponentsIcon,{fontSize:"large",sx:{color:"text.secondary"}}),J.createElement(X.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:ve},(0,d.__)("No components yet","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"secondary",sx:{maxWidth:200}},(0,d.__)("Components are reusable blocks that sync across your site.","elementor"),J.createElement("br",null),e?(0,d.__)("Create once, use everywhere.","elementor"):(0,d.__)("With your current role, you cannot create components. Contact an administrator to create one.","elementor")),J.createElement(X.Link,{href:"http://go.elementor.com/components-guide-article",target:"_blank",rel:"noopener noreferrer",variant:"caption",color:"info.main"},(0,d.__)("Learn more about components","elementor"))),e&&J.createElement(J.Fragment,null,J.createElement(X.Divider,{sx:{width:"100%"}}),J.createElement(X.Stack,{alignItems:"center",gap:1,width:"100%"},J.createElement(X.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:ve},(0,d.__)("Create your first one:","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"secondary",sx:{maxWidth:228}},(0,d.__)('Right-click any div-block or flexbox on your canvas or structure and select "Create component"',"elementor")))))},we=()=>{const{searchValue:e,clearSearch:t}=se();return J.createElement(X.Stack,{color:"text.secondary",pt:5,alignItems:"center",gap:1,overflow:"hidden",justifySelf:"center"},J.createElement(re.ComponentsIcon,null),J.createElement(X.Box,{sx:{width:"100%"}},J.createElement(X.Typography,{align:"center",variant:"subtitle2",color:"inherit",sx:ve},(0,d.__)("Sorry, nothing matched","elementor")),e&&J.createElement(X.Typography,{variant:"subtitle2",color:"inherit",sx:{...ve,display:"flex",width:"100%",justifyContent:"center"}},J.createElement("span",null,"“"),J.createElement("span",{style:{maxWidth:"80%",overflow:"hidden",textOverflow:"ellipsis"}},e),J.createElement("span",null,"”."))),J.createElement(X.Typography,{align:"center",variant:"caption",color:"inherit"},(0,d.__)("Try something else.","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",color:"inherit"},J.createElement(X.Link,{color:"secondary",variant:"caption",component:"button",onClick:t},(0,d.__)("Clear & try again","elementor"))))},Se=()=>{const{components:e,isLoading:t}=Z(),{searchValue:n}=se();return{components:e.filter(e=>e.name.toLowerCase().includes(n.toLowerCase())),isLoading:t,searchValue:n}};function Ie({title:e,description:t,upgradeUrl:n}){return J.createElement(X.Box,{sx:{mt:"auto",position:"sticky",bottom:0}},J.createElement(X.Alert,{variant:"standard",color:"promotion",icon:J.createElement(re.CrownFilledIcon,{fontSize:"tiny"}),role:"status",size:"small",action:J.createElement(X.AlertAction,{variant:"contained",color:"promotion",href:n,target:"_blank",rel:"noopener noreferrer"},(0,d.__)("Upgrade now","elementor")),sx:{m:2,mt:1}},J.createElement(X.AlertTitle,null,e),J.createElement(X.Typography,{variant:"caption"},t)))}function xe(){return J.createElement(Ie,{title:(0,d.__)("Create new components","elementor"),description:(0,d.__)("Creating new components requires an active Pro subscription.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-components-exist-footer/"})}const Pe="/wp-admin/plugins.php";function ke({title:e,description:t}){return J.createElement(X.Box,{sx:{mt:"auto",position:"sticky",bottom:0}},J.createElement(X.Alert,{variant:"standard",color:"info",icon:J.createElement(re.InfoCircleFilledIcon,{fontSize:"tiny"}),role:"status",size:"small",action:J.createElement(X.AlertAction,{variant:"contained",color:"info",href:Pe,target:"_blank",rel:"noopener noreferrer"},(0,d.__)("Upgrade Now","elementor")),sx:{m:2,mt:1}},J.createElement(X.AlertTitle,null,e),J.createElement(X.Typography,{variant:"caption"},t)))}function Te(){return J.createElement(ke,{title:(0,d.__)("Create new Components","elementor"),description:(0,d.__)("To create new components, update Elementor Pro to the latest version.","elementor")})}const De="components-full-height-panel",Oe=()=>{const{components:e,isLoading:t}=Z(),n=!t&&e.length>0,o=!ne()&&n,r=oe();return(0,J.useLayoutEffect)(()=>{let e=document.getElementById(De);return e||(e=document.createElement("style"),e.id=De,e.textContent="\n#elementor-panel-page-elements {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n}\n\n#elementor-panel-elements {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n}\n\n#elementor-panel-elements-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-height: 0;\n}\n",document.head.appendChild(e)),()=>{document.getElementById(De)?.remove()}},[]),J.createElement(X.Stack,{justifyContent:"space-between",sx:{flex:1,minHeight:0}},n&&J.createElement(ce,null),J.createElement(_e,null),o&&(r?J.createElement(Te,null):J.createElement(xe,null)))},Ve=()=>J.createElement(Q.ThemeProvider,null,J.createElement(ae,{localStorageKey:"elementor-components-search"},J.createElement(Oe,null)));function ze({open:e,onClose:t,onConfirm:n}){return J.createElement(Q.ConfirmationDialog,{open:e,onClose:t},J.createElement(Q.ConfirmationDialog.Title,{icon:re.AlertTriangleFilledIcon,iconColor:"secondary"},(0,d.__)("Detach from Component?","elementor")),J.createElement(Q.ConfirmationDialog.Content,null,J.createElement(Q.ConfirmationDialog.ContentText,null,(0,d.__)("Detaching this instance will break its link to the Component. Changes to the Component will no longer apply. Continue?","elementor"))),J.createElement(Q.ConfirmationDialog.Actions,{onClose:t,onConfirm:n,confirmLabel:(0,d.__)("Detach","elementor"),color:"primary"}))}function Ae(e){(0,Q.openDialog)({component:J.createElement(ze,{open:!0,onClose:Q.closeDialog,onConfirm:()=>{(0,Q.closeDialog)(),e()}})})}const je=e=>{(0,Q.openDialog)({component:J.createElement(Be,{lockedBy:e})})},Be=({lockedBy:e})=>{const t=(0,d.__)("%s is currently editing this document","elementor").replace("%s",e);return J.createElement(J.Fragment,null,J.createElement(X.DialogHeader,{logo:!1},J.createElement(X.Box,{display:"flex",alignItems:"center",gap:1},J.createElement(X.Icon,{color:"secondary"},J.createElement(re.InfoCircleFilledIcon,{fontSize:"medium"})),J.createElement(X.Typography,{variant:"subtitle1"},t))),J.createElement(X.DialogContent,null,J.createElement(X.Stack,{spacing:2,direction:"column"},J.createElement(X.Typography,{variant:"body2"},(0,d.__)("You can wait for them to finish or reach out to coordinate your changes together.","elementor")),J.createElement(X.DialogActions,null,J.createElement(X.Button,{color:"secondary",variant:"contained",onClick:Q.closeDialog},(0,d.__)("Close","elementor"))))))},$e=(0,J.createContext)(null);function Ue({children:e,...t}){return J.createElement($e.Provider,{value:t},e)}function Me(){const e=(0,J.useContext)($e);if(!e)throw new Error("useComponentInstanceContext must be used within a ComponentInstanceProvider");return e}const Le=()=>Me().componentId,Ke=()=>Me().overrides,Re=()=>Me().overridableProps;var Ne=window.elementorV2.editorNotifications,Fe=window.elementorV2.editorElements,We=window.elementorV2.editorProps,He=window.elementorV2.schema;const Ge=(0,We.createPropUtils)("override",He.z.object({override_key:He.z.string(),override_value:He.z.unknown(),schema_source:He.z.object({type:He.z.literal("component"),id:He.z.number()})})),Ye=(0,We.createPropUtils)("overridable",He.z.object({override_key:He.z.string(),origin_value:He.z.object({$$type:He.z.string(),value:He.z.unknown()}).nullable()})),qe=(0,We.createPropUtils)("overrides",He.z.array(He.z.union([Ge.schema,Ye.schema])).optional().default([])),Je=(0,We.createPropUtils)("component-instance",He.z.object({component_id:We.numberPropTypeUtil.schema,overrides:He.z.optional(qe.schema)}));var Qe=window.elementorV2.events;const Xe=({action:e,source:t,...n})=>{if("system"===t)return;const{dispatchEvent:o,config:r}=(0,Qe.getMixpanel)();if(!r?.names?.components?.[e])return;const i=r.names.components[e];o?.(i,{...n,source:t,"Feature name":"Components"})},Ze=(e,t)=>{if("e-component"!==t?.model?.get("widgetType"))return;const n=t.model.get("editor_settings"),o=n?.title,r=n?.component_uid,i=t.id,a=A((0,l.__getState)()),s=r&&a.includes(r),c=window.elementorCommon.eventsManager.config,{locations:d,secondaryLocations:u}=c;Xe({action:"instanceAdded",source:"user",instance_id:i,component_uid:r,component_name:o,is_same_session_reuse:s,location:d.widgetPanel,secondary_location:u.componentsTab})};function et(e){return We.classesPropTypeUtil.isValid(e)}function tt(e){return`e-${e}-${(0,Fe.generateElementId)()}`}const nt="e-component";function ot(e){return[e.widgetType,e.elType].includes(nt)}function rt(e,t,n){const{isOverridableOverride:o=!1}=n??{};if(!Ye.isValid(e))return e;const r=e.value.override_key,i=t.get(r),a=Ye.extract(e)?.origin_value;if(!i)return a;if(o)return function(e,t){return t&&Ge.isValid(t)?Ge.create({override_value:e.value.override_value,override_key:t.value.override_key,schema_source:t.value.schema_source}):null}(i,a);const s=Ge.extract(i)?.override_value;return s}function it(e,t){const n=function(e){const t=new Map;return e.forEach(e=>{let n=null;if(Ge.isValid(e)?n=e:Ye.isValid(e)&&(n=function(e){if(!Ye.isValid(e))return null;const t=Ye.extract(e)?.origin_value;return Ge.isValid(t)?t:null}(e)),n){const e=n.value.override_key;t.set(e,n)}}),t}(t);return at(structuredClone(e),n)}function at(e,t){if(e.id=(0,Fe.generateElementId)(),e.styles){const{styles:t,settings:n}=function(e){const t=e.styles;if(!t||0===Object.keys(t).length)return{styles:void 0,settings:void 0};const n={},o={};for(const[r,i]of Object.entries(t)){const t=tt(e.id);n[t]={...i,id:t},o[r]=t}const r=e.settings;if(!r||0===Object.keys(r).length)return{styles:n,settings:void 0};const i={...r};for(const[e,t]of Object.entries(i))if(et(t)&&t.value.length>0){const n=t.value.map(e=>o[e]??e);i[e]=We.classesPropTypeUtil.create(n)}return{styles:n,settings:i}}(e);e.styles=t,n&&(e.settings={...e.settings,...n})}return e.settings&&(e.settings=function(e,t){return ot({widgetType:e.widgetType,elType:e.elType})?function(e,t){const n=e.settings?.component_instance;if(!Je.isValid(n))return e.settings??{};const o=n.value.overrides?.value;if(!o?.length)return e.settings??{};const r=o.map(e=>rt(e,t,{isOverridableOverride:!0}));return{...e.settings,component_instance:{...n,value:{...n.value,overrides:{...n.value.overrides,value:r}}}}}(e,t):function(e,t){const n=e.settings?{...e.settings}:{};for(const[o,r]of Object.entries(e.settings??{}))n[o]=rt(r,t);return n}(e,t)}(e,t)),e.elements?.length&&(e.elements=e.elements.map(e=>at(e,t))),e}async function st({instanceId:e,componentId:t,trackingInfo:n}){const o=(0,Fe.getContainer)(e);if(!o)throw new Error(`Instance container with ID "${e}" not found.`);const r=await H(t);if(!r)throw new Error(`Component with ID "${t}" not found.`);const i=r.elements?.[0];if(!i)throw new Error(`Component with ID "${t}" has no root element.`);const a=(0,c.undoable)({do:()=>{const r=function(e){const t=e.model.toJSON().settings,n=Je.extract(t?.component_instance);return qe.extract(n?.overrides)??[]}(o),a=it(i,r),s=L((0,l.__getState)()),c=s?B((0,l.__getState)(),s)??null:null,d=o.model.toJSON(),u=(0,Fe.replaceElement)({currentElementId:e,newElement:a,withHistory:!1}),m=x((0,l.__getState)(),t)?.uid;return Xe({action:"detached",source:"user",component_uid:m,instance_id:e,location:n.location,secondary_location:n.secondaryLocation,trigger:n.trigger}),{detachedElement:u,detachedInstanceElementData:a,editedComponentOnDetach:s,overridablePropsBeforeDetach:c,originalInstanceModel:d}},undo:(e,{detachedElement:t,originalInstanceModel:n,overridablePropsBeforeDetach:o,editedComponentOnDetach:r})=>{const i=(0,Fe.replaceElement)({currentElementId:t.id,newElement:n,withHistory:!1}),a=L((0,l.__getState)());return a&&a===r&&o&&(0,l.__dispatch)(C.actions.setOverridableProps({componentId:a,overridableProps:o})),i},redo:(e,t,n)=>{const{detachedInstanceElementData:o}=t,r=L((0,l.__getState)()),i=r?B((0,l.__getState)(),r)??null:null,a=(0,Fe.replaceElement)({currentElementId:n.id,newElement:o,withHistory:!1});return{...t,detachedElement:a,editedComponentOnDetach:r,overridablePropsBeforeDetach:i}}},{title:(0,d.__)("Detach from Component","elementor"),subtitle:(0,d.__)("Instance detached","elementor")});return a()}var ct=window.elementorV2.editorPanels;function lt({componentName:e,actions:t}){return J.createElement(ct.PanelHeader,{sx:{justifyContent:"start",px:2}},J.createElement(X.Stack,{direction:"row",alignItems:"center",flexGrow:1,gap:1,maxWidth:"100%"},J.createElement(re.ComponentsIcon,{fontSize:"small",sx:{color:"text.tertiary"}}),J.createElement(Q.EllipsisWithTooltip,{title:e,as:ct.PanelHeaderTitle,sx:{flexGrow:1}}),t))}function dt({label:e,onClick:t,disabled:n=!1,icon:o}){return J.createElement(X.Tooltip,{title:e},J.createElement(X.IconButton,{size:"tiny",onClick:t,"aria-label":e,disabled:n},J.createElement(o,{fontSize:"tiny"})))}const ut=({componentInstanceId:e,componentId:t})=>{const[n,o]=(0,J.useState)(!1),r=(0,d.__)("Detach from Component","elementor");return J.createElement(J.Fragment,null,J.createElement(dt,{label:r,icon:re.DetachIcon,onClick:()=>{o(!0)}}),J.createElement(ze,{open:n,onClose:()=>{o(!1)},onConfirm:async()=>{o(!1);try{await st({instanceId:e,componentId:t,trackingInfo:mt()})}catch{(0,Ne.notify)({type:"error",message:(0,d.__)("Failed to detach component instance.","elementor"),id:"detach-component-instance-failed"})}}}))};function mt(){const e=window,t=e?.elementorCommon?.eventsManager?.config;return t?{location:t.locations.components.instanceEditingPanel,trigger:t.triggers.click}:{location:"",trigger:""}}const pt=({onEditComponent:e})=>{const{canEdit:t}=de(),n=t?(0,d.__)("Edit the component to add properties, manage them or update the design across all instances.","elementor"):(0,d.__)("With your current role, you cannot edit this component. Contact an administrator to add properties.","elementor");return J.createElement(X.Stack,{alignItems:"center",justifyContent:"start",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5,mt:1},gap:1.5},J.createElement(re.ComponentPropListIcon,{fontSize:"large"}),J.createElement(X.Typography,{align:"center",variant:"subtitle2"},(0,d.__)("No properties yet","elementor")),J.createElement(X.Typography,{align:"center",variant:"caption",maxWidth:"170px"},n),t&&J.createElement(X.Button,{variant:"outlined",color:"secondary",size:"small",sx:{mt:1},disabled:!e,onClick:e},J.createElement(re.PencilIcon,{fontSize:"small"}),(0,d.__)("Edit component","elementor")))};var gt=window.elementorV2.editorControls;function ft(e){const t=(0,Fe.getElementType)(e);return t?ht(t.controls).reduce((e,t)=>({...e,[t.value.bind]:t}),{}):{}}function ht(e){return e.map(e=>"control"===e.type&&"bind"in e.value?e:"section"===e.type?ht(e.value.items):null).filter(Boolean).flat()}const yt=(0,J.createContext)(null);function vt({children:e,...t}){return J.createElement(yt.Provider,{value:t},e)}const _t=()=>(0,J.useContext)(yt)?.value,Et=()=>(0,J.useContext)(yt)?.componentInstanceElement,Ct=e=>Ye.isValid(e)?function(e){const t=Ye.extract(e);if(!t)return null;return Ge.isValid(t.origin_value)?bt(t.origin_value):t.origin_value}(e):Ge.isValid(e)?bt(e):e;function bt(e){const t=Ge.extract(e);return t?t.override_value:null}function wt(){return(0,l.__getStore)()?.dispatch}const St={add(e){(0,l.__dispatch)(C.actions.add(e))},load(e){(0,l.__dispatch)(C.actions.load(e))},addUnpublished(e){(0,l.__dispatch)(C.actions.addUnpublished(e))},removeUnpublished(e){(0,l.__dispatch)(C.actions.removeUnpublished(e))},resetUnpublished(){(0,l.__dispatch)(C.actions.resetUnpublished())},removeStyles(e){(0,l.__dispatch)(C.actions.removeStyles({id:e}))},addStyles(e){(0,l.__dispatch)(C.actions.addStyles(e))},addCreatedThisSession(e){(0,l.__dispatch)(C.actions.addCreatedThisSession(e))},removeCreatedThisSession(e){(0,l.__dispatch)(C.actions.removeCreatedThisSession(e))},archive(e){(0,l.__dispatch)(C.actions.archive(e))},setCurrentComponentId(e){wt()?.(C.actions.setCurrentComponentId(e))},setPath(e){wt()?.(C.actions.setPath(e))},setOverridableProps(e,t){(0,l.__dispatch)(C.actions.setOverridableProps({componentId:e,overridableProps:t}))},rename(e,t){(0,l.__dispatch)(C.actions.rename({componentUid:e,name:t}))},cleanUpdatedComponentNames(){(0,l.__dispatch)(C.actions.cleanUpdatedComponentNames())},updateComponentSanitizedAttribute(e,t){(0,l.__dispatch)(C.actions.updateComponentSanitizedAttribute({componentId:e,attribute:t}))},resetSanitizedComponents(){(0,l.__dispatch)(C.actions.resetSanitizedComponents())}},It={getOverridableProps(e){return B((0,l.__getState)(),e)},getCurrentComponent(){return K((0,l.__getState)())},getCurrentComponentId(){const e=(0,l.__getStore)()?.getState();return e?L(e):null},getUnpublishedComponents(){return D((0,l.__getState)())},getUpdatedComponentNames(){return F((0,l.__getState)())},getArchivedThisSession(){return(0,l.__getState)()[u].archivedThisSession},getCreatedThisSession(){return A((0,l.__getState)())},getComponents(){return T((0,l.__getState)())},getComponentByUid(e){return k((0,l.__getState)(),e)}};function xt(e,t,n){const o=It.getOverridableProps(e);if(!o)return;const r=o.props[t.override_key];if(!r)return;const i=Ct(t.origin_value),a=n?{originValue:i,originPropFields:n}:{originValue:i},s={...o,props:{...o.props,[r.overrideKey]:{...r,...a}}};St.setOverridableProps(e,s)}const Pt=e=>{if(e.originPropFields)return kt(e.originPropFields);const{widgetType:t,propKey:n}=e;return kt({widgetType:t,propKey:n})};function kt({widgetType:e,propKey:t}){const n=(0,Fe.getWidgetsCache)()?.[e]?.atomic_props_schema;return n?.[t]}const Tt=({children:e,...t})=>J.createElement(X.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},J.createElement(gt.ControlFormLabel,t,e),J.createElement(gt.ControlAdornments,null)),Dt=(0,ee.createError)({code:"override_control_inner_element_not_found",message:"Component inner element not found for override control. The element may have been deleted without updating the overridable props, or the component has not finished rendering yet."}),Ot=(0,ee.createError)({code:"override_control_prop_type_not_found",message:"Prop type not found for override control."});function Vt(e,t){const n={};for(const[o,r]of Object.entries(e)){const e=Ye.extract(r);if(!e){n[o]=r;continue}const i=t[e.override_key];if(i)if(i.outermostKey&&i.outermostKey!==e.override_key){const t=e.origin_value;n[o]=Ye.create({override_key:i.outermostKey,origin_value:i.value??t})}else n[o]=i.value??r;else n[o]=r}return n}function zt(e){const t={};for(const[n,o]of Object.entries(e)){const e=Ye.extract(o);t[n]=e?e.origin_value:o}return t}function At(e,t){if(!t)return(0,Fe.getContainer)(e);const n=(0,Fe.getContainer)(t);if(!n)return null;const o=window;return o.elementor?.getContainerByKeyValue?.({key:"originId",value:e,parent:n.view})??null}function jt({componentId:e,overrideKey:t}){const n=B((0,l.__getState)(),e);if(n)return n.props[t]}function Bt({outerOverridableProp:e,outerInstanceId:t,overridesMapping:n={}}){if(!e.originPropFields){const o=At(e.elementId,t);if(!o)throw new Error(`Inner element not found inside instance. elementId: ${e.elementId}, instanceId: ${t}`);return{isChainBroken:!1,innerElement:o,overridesMapping:n}}const o=At(e.elementId,t);if(!o)return{isChainBroken:!0};const{componentId:r,overrides:i}=function(e){const t=e.settings?.get("component_instance"),n=Je.extract(t),o=n?.component_id?.value;return{componentId:o,overrides:qe.extract(n?.overrides)}}(o);if(!r)throw new Error(`Component ID not found for current instance. currentInstanceId: ${o.id}. outerInstanceId: ${t}`);const a=function(e,t){const n={...e};for(const o of t){const t=Ye.extract(o);if(t){const o=Ge.extract(t.origin_value);if(!o)continue;const r=t.override_key,i=o.override_key,a=o.override_value,s=e[r];if(s){const e=s.value;n[i]={value:e??a,outermostKey:s.outermostKey??r};continue}n[i]={value:a,outermostKey:r}}else{const e=Ge.extract(o);if(!e)continue;const t=e.override_key,r=e.override_value;n[t]={value:r}}}return n}(n,i??[]),s=function(e,t){if(!e)return null;const n=e.find(e=>{const n=Ye.extract(e);return!!n&&n.override_key===t}),o=Ye.extract(n)?.origin_value;return o&&Ge.isValid(o)?o:null}(i,e.overrideKey),c=Ge.extract(s)?.override_key;if(!s||!c)return{isChainBroken:!0};const l=jt({componentId:r,overrideKey:c});if(!l)throw new Error(`Overridable prop not found. componentId: ${r}, overrideKey: ${c}`);return Bt({outerOverridableProp:l,outerInstanceId:o.id,overridesMapping:a})}function $t({overrideKey:e}){const t=Re().props[e];return t?J.createElement(i.SettingsField,{bind:"component_instance",propDisplayName:t.label},J.createElement(Ut,{overridableProp:t})):null}function Ut({overridableProp:e}){const t=(0,i.useElement)(),{value:n,setValue:o}=(0,gt.useBoundProp)(Je),r=R(),a=Le(),s=Re(),c=Ke(),l=ft(e.originPropFields?.widgetType??e.widgetType),d=(0,gt.getControlReplacements)(),u=function(e,t){return e?.find(e=>{const n=Ye.extract(e);if(n){const e=Ge.extract(n.origin_value);return e?.override_key===t}return e.value.override_key===t})??null}(c,e.overrideKey),{propKey:m}=e.originPropFields??e,p=Pt(e);if(!p)throw new Ot({context:{overridableProp:e}});const{elementId:g,elementType:f,resolvedElementSettings:h,resolvedOriginValues:y}=function(e){const t=(0,i.useElement)(),n=Le(),o=Ke(),{elementId:r,widgetType:a,elType:s}=e.originPropFields??e,c="widget"===s?a:s,l=(0,Fe.getElementType)(c);if(!l)throw new Error(`Element type not found for ${c}`);const{elementId:d,overridesMapping:u}=(0,J.useMemo)(()=>{const o=Bt({outerOverridableProp:e,outerInstanceId:t.element.id});if(o.isChainBroken)throw new Dt({context:{componentId:n,elementId:r}});return{elementId:o.innerElement.id,overridesMapping:o.overridesMapping}},[e,t.element.id,n,r]),m=(0,J.useMemo)(()=>Vt((0,Fe.getElementSettings)(d,Object.keys(l?.propsSchema??{})),u),[d,l?.propsSchema,u]),p=(0,J.useMemo)(()=>{const e=Vt(m,function(e){if(!e)return{};const t={};for(const n of e){const e=Ye.extract(n);let o=n;e&&(o=e.origin_value);const r=Ge.extract(o);r&&(t[r.override_key]={value:r.override_value})}return t}(o));return zt(e)},[m,o]);return{elementId:d,elementType:l,resolvedOriginValues:m,resolvedElementSettings:p}}(e),{overrideValue:v,isDisabled:_,isHidden:E}=function({existingOverride:e,resolvedElementSettings:t,elementId:n,elementType:o,propKey:r}){return(0,J.useMemo)(()=>{const{isDisabled:a,isHidden:s}=(0,i.extractDependencyEffect)(r,o.propsSchema,t),c=e?Ct(e):null,l={...t,[r]:c},d=(0,i.getElementSettingsWithDefaults)(o.propsSchema,l),u=(0,i.extractOrderedDependencies)(o.dependenciesPerTargetMapping??{});return{overrideValue:(0,i.getUpdatedValues)(l,u,o.propsSchema,d,n)[r],isDisabled:a,isHidden:s}},[e,t,r,o.propsSchema,o.dependenciesPerTargetMapping,n])}({existingOverride:u,resolvedElementSettings:h,elementType:f,elementId:g,propKey:m});if(E)return null;const{propValue:C,baseValue:b}=function(e,t,n,o){const r=zt(n)[o]??null,a=(0,i.isDynamicPropValue)(r);return{propValue:a&&!e?r:t,baseValue:e||a?null:r}}(u,v,y,m),w={[e.overrideKey]:C},S={[e.overrideKey]:b},{control:I,controlProps:x,layout:P}=function(e,t,n){const o=e[t.propKey],{value:r}=o,a=function(e){return e.value.meta?.layout||i.controlsRegistry.getLayout(e.value.type)}(o),s=function(e){if(e.childControlType){const t=i.controlsRegistry.get(e.childControlType),n=i.controlsRegistry.getPropTypeUtil(e.childControlType);e={...e,childControlConfig:{component:t,props:e.childControlProps||{},propTypeUtil:n}}}return e}(r.props);return"custom"===a&&(s.label=n??r.label),{control:o,controlProps:s,layout:a}}(l,e.originPropFields??e,e.label),k=(0,i.createTopLevelObjectType)({schema:{[e.overrideKey]:p}});return J.createElement(vt,{value:Ye.extract(u)??void 0,componentInstanceElement:t},J.createElement(i.ElementProvider,{element:{id:g,type:f.key},elementType:f,settings:h},J.createElement(gt.PropProvider,{propType:k,value:w,setValue:(t,l,d)=>{let m=function(e,t,n){return null===n&&(0,i.isDynamicPropValue)(t)?e.default??null:n}(p,C,t[e.overrideKey]);m=function(e,t){const n=Ye.extract(e);return n&&null===t?Ye.create({override_key:n.override_key,origin_value:null}):e}(m,u);const g=function({matchingOverride:e,overrideKey:t,overrideValue:n,componentId:o}){const r=Ye.extract(e),i=Ye.extract(n)??r;if(i){const e=Ge.create({override_key:t,override_value:Ct(n),schema_source:{type:"component",id:o}});return Ye.create({override_key:i.override_key,origin_value:e})}return Ge.create({override_key:t,override_value:n,schema_source:{type:"component",id:o}})}({matchingOverride:u,overrideKey:e.overrideKey,overrideValue:m,componentId:a});let f=(c??[]).filter(e=>function(e,t){const n=Ye.isValid(t)?t.value.origin_value?.value.override_key:t.value.override_key;return!!e.props[n]}(s,e)).map(e=>e===u?g:e);u||(f=[...f,g]),o({...n,overrides:qe.create(f)},l,d);const h=Ye.extract(g);if(h&&r){if(e.originPropFields)return void xt(r,h,e.originPropFields);const t={elType:e.elType,widgetType:e.widgetType,propKey:e.propKey,elementId:e.elementId};xt(r,h,t)}},baseValue:S,isDisabled:_},J.createElement(gt.PropKeyProvider,{bind:e.overrideKey},J.createElement(gt.ControlReplacementsProvider,{replacements:d},J.createElement(X.Box,{mb:1.5},J.createElement(i.ControlTypeContainer,{layout:P},"custom"!==P&&J.createElement(Tt,null,e.label),J.createElement(Mt,{control:I,controlProps:x}))))))))}function Mt({control:e,controlProps:t}){const{value:n}=e;return J.createElement(i.BaseControl,{type:n.type,props:t})}function Lt({group:e}){const[t,n]=(0,i.useStateByElement)(e.id,!0),o=(0,J.useId)(),r=`label-${o}`,a=`content-${o}`,s=e.label;return J.createElement(X.Box,{"aria-label":`${s} section`},J.createElement(X.ListItemButton,{id:r,"aria-controls":a,"aria-label":`${s} section`,onClick:()=>{n(!t)},p:0,sx:{"&:hover":{backgroundColor:"transparent"}}},J.createElement(X.Stack,{direction:"row",alignItems:"center",justifyItems:"start",flexGrow:1,gap:.5},J.createElement(X.ListItemText,{secondary:s,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}})),J.createElement(Q.CollapseIcon,{open:t,color:"secondary",fontSize:"tiny"})),J.createElement(X.Collapse,{id:a,"aria-labelledby":r,in:t,timeout:"auto"},J.createElement(X.Stack,{direction:"column",gap:1,p:2},e.props.map(e=>J.createElement($t,{key:e,overrideKey:e})))))}function Kt({groups:e,isEmpty:t,emptyState:n,componentInstanceId:o}){return J.createElement(ct.PanelBody,null,J.createElement(gt.ControlAdornmentsProvider,{items:(0,i.getFieldIndicators)("settings")},t?n:J.createElement(X.Stack,{direction:"column",alignItems:"stretch"},e.map(e=>J.createElement(J.Fragment,{key:e.id+o},J.createElement(Lt,{group:e}),J.createElement(X.Divider,null))))))}function Rt(e,t){const n={};for(const[o,r]of Object.entries(e.props))Nt(r,t)&&(n[o]=r);const o=new Set(Object.keys(n));return{props:n,groups:{items:Object.fromEntries(Object.entries(e.groups.items).map(([e,t])=>[e,{...t,props:t.props.filter(e=>o.has(e))}])),order:e.groups.order}}}function Nt(e,t){const{isChainBroken:n}=Bt({outerOverridableProp:e,outerInstanceId:t});return!n}function Ft(e,t){const n=$(e),o=W(e,"overridableProps");if(n&&e)return o?n:Rt(n,t)}function Wt(){const{element:e,settings:t}=function(){const{element:e,settings:t}=(0,i.useElement)();return{element:e,settings:Je.extract(t.component_instance)}}(),n=t?.component_id?.value,o=t?.overrides?.value,r=P(n??null),a=e?.id,s=Ft(n??null,a);if(!(n&&s&&r&&a))return null;const c=s.groups.order.map(e=>s.groups.items[e]??null).filter(e=>null!==e&&e.props.length>0),l=0===c.length||0===Object.keys(s.props).length;return{componentId:n,component:r,overrides:o,overridableProps:s,groups:c,isEmpty:l,componentInstanceId:a}}const Ht="https://go.elementor.com/go-pro-components-Instance-edit-footer/";function Gt(){const{canEdit:e}=de(),t=Wt();if(!t)return null;const{componentId:n,component:o,overrides:r,overridableProps:i,groups:a,isEmpty:s,componentInstanceId:c}=t,l=(0,d.__)("Edit %s","elementor").replace("%s",o.name),u=J.createElement(X.Stack,{direction:"row",gap:.5},J.createElement(ut,{componentInstanceId:c,componentId:n}),e&&J.createElement(dt,{disabled:!0,label:l,icon:re.PencilIcon}));return J.createElement(X.Box,{"data-testid":"instance-editing-panel",sx:{display:"flex",flexDirection:"column",height:"100%"}},J.createElement(Ue,{componentId:n,overrides:r,overridableProps:i},J.createElement(lt,{componentName:o.name,actions:u}),J.createElement(Kt,{groups:a,isEmpty:s,emptyState:J.createElement(pt,null),componentInstanceId:c})),!ne()&&(oe()?J.createElement(ke,{title:(0,d.__)("Edit Component","elementor"),description:(0,d.__)("To edit components, update Elementor Pro to the latest version.","elementor")}):J.createElement(Ie,{title:(0,d.__)("Edit components","elementor"),description:(0,d.__)("Editing components requires an active Pro subscription.","elementor"),upgradeUrl:Ht})))}var Yt=window.elementorV2.editorTemplates;async function qt(e,t=new Map){return async function(e,t){const n=await Promise.all(e.map(async e=>{const n=await t.get(e);return n?[e,n]:null}));return new Map(n.filter(e=>null!==e))}(await Jt(e,t),t)}async function Jt(e,t){const n=await Promise.all(e.map(async({widgetType:e,elType:n,elements:o,settings:r})=>{const i=[];if(ot({widgetType:e,elType:n})){const e=r?.component_instance?.value?.component_id.value;if(!e)return i;i.push(e),t.has(e)||t.set(e,H(e));const n=await t.get(e);o=n?.elements}if(o?.length){const e=await Jt(o,t);i.push(...e)}return i}));return[...new Set(n.flat())]}var Qt=window.elementorV2.editorGlobalClasses;function Xt(e){return e.elements?.length?e.elements.flatMap(Zt):[]}function Zt(e){return[...Object.values(e.styles??{}),...(e.elements??[]).flatMap(Zt)]}async function en(e){const t=await qt(e);!function(e){[...e.values()].some(r.isDocumentDirty)&&(0,r.setDocumentModifiedStatus)(!0)}(t),function(e){if(!e.size)return;const t=V((0,l.__getState)()),n=new Map([...e.entries()].filter(([e])=>!t[e]));n.size&&function(e){const t=Object.fromEntries([...e.entries()].map(([e,t])=>((0,Qt.addDocumentClasses)(e),[e,Xt(t)])));(0,l.__dispatch)(C.actions.addStyles(t))}(n)}(t),await async function(e){const t=e.filter(e=>!U((0,l.__getState)(),e));if(!t.length)return;const{data:n}=await f.getOverridableProps(t);(0,l.__dispatch)(C.actions.loadOverridableProps(n))}([...t.keys()])}const tn=()=>(0,Yt.isHandlingTemplateStyles)()?J.createElement(nn,null):null;function nn(){const e=(0,Yt.useLoadedTemplates)();return(0,J.useEffect)(()=>{en(e.flatMap(e=>e??[]))},[e]),null}const on=7;function rn(e,t){return e.map(e=>{const n=[...t,e.id],o=(0,ee.hashString)(n.join("_"),on);return{...e,id:o,originId:e.id,elements:e.elements?rn(e.elements,n):void 0}})}async function an(e,t,n){const o=function(e,t){return e?function(e){const t=[];let n=e.closest("[data-id]");for(;n;){const e=n.dataset.id;n.hasAttribute("data-elementor-id")&&t.unshift(`[data-id="${e}"]`),n=n.parentElement?.closest("[data-id]")??null}if(0===t.length){const t=e.closest("[data-id]");if(t?.dataset?.id)return`[data-id="${t.dataset.id}"]`}return t.join(" ")}(e):t?`[data-id="${t}"]`:void 0}(n,t);(0,r.invalidateDocumentData)(e),await(0,r.switchToDocument)(e,{selector:o,mode:"autosave",setAsInitial:!1,shouldScroll:!1});const i=(0,Fe.getCurrentDocumentContainer)(),a=i?.children?.[0];a&&((0,Fe.selectElement)(a.id),async function(){await(0,c.__privateRunCommand)("navigator/expand-all")}())}const sn="e-component",cn="https://go.elementor.com/go-pro-components-Instance-edit-canvas-double-click/",ln="https://go.elementor.com/go-pro-components-Instance-edit-context-menu/",dn="/wp-admin/plugins.php",un="component-edit-upgrade",mn="component-edit-update",pn=2e3;function gn(){(0,Ne.notify)({type:"info",id:mn,message:(0,d.__)("To edit components, update Elementor Pro to the latest version.","elementor"),additionalActionProps:[{size:"small",variant:"contained",color:"info",href:dn,target:"_blank",children:(0,d.__)("Update Now","elementor")}]})}const fn=(e,t)=>{const n=new Map(Object.entries(t.disable??{})),o=new Map(Object.entries(t.add??{}));return e.map(e=>{const t=n.get(e.name)??[],r=o.get(e.name),i=e.actions.map(e=>t.includes(e.name)?{...e,isEnabled:()=>!1}:e);return r&&i.splice(r.index,0,...r.actions),{...e,actions:i}})};function hn(e){const t=window.elementor.modules.elements.types.Widget,n=function(e){const t=window;return class extends((0,o.createTemplatedElementView)(e)){eventsManagerConfig=t.elementorCommon.eventsManager.config;#e;isComponentCurrentlyEdited(){const e=(0,r.getCurrentDocument)();return e?.id===this.getComponentId()}getRenderContext(){const e=this.getNamespaceKey(),t=this._parent?.getRenderContext?.(),n=t?.[e];if(!this.#e)return t;const o=this.#e.overrides??{},r=n?.overrides??{};return{...t,[e]:{overrides:{...r,...o}}}}getResolverRenderContext(){const e=this.getNamespaceKey(),t=this.getRenderContext();return t?.[e]}afterSettingsResolve(e){const n=e.component_instance;if(n){this.#e={overrides:n.overrides??{}};const o=this.model.get("id"),r=rn(n.elements??[],[o]);this.collection=t.elementor.createBackboneElementsCollection(r),this.collection.models.forEach(yn),e.component_instance="<template data-children-placeholder></template>"}return e}getDomElement(){return this.children.findByIndex(0)?.getDomElement()??this.$el}attachBuffer(e,t){const n=e.$el.find("[data-children-placeholder]").get(0);n?n.replaceWith(t):super.attachBuffer(e,t)}getComponentId(){const e=this.options?.model?.get("settings")?.get("component_instance")?.value;return e.component_id.value}getContextMenuGroups(){const e=super.getContextMenuGroups().filter(e=>"save"!==e.name);return this.getComponentId()?fn(e,this._getContextMenuConfig()):e}_getContextMenuConfig(){const e=vn(),t=(0,ee.hasProInstalled)(),n=oe(),o={name:"edit component",icon:"eicon-edit",title:()=>(0,d.__)("Edit Component","elementor"),...!t&&!n&&{shortcut:`<a href="${ln}" target="_blank" onclick="event.stopPropagation()" class="elementor-context-menu-list__item__shortcut__promotion-badge"><i class="eicon-upgrade-crown"></i></a>`,hasShortcutAction:!0},isEnabled:()=>ne()||n,callback:(e,t)=>this.editComponent(t)},r={name:"detach instance",icon:"eicon-chain-broken",title:()=>(0,d.__)("Detach from Component","elementor"),isEnabled:()=>!0,callback:(e,t)=>this.detachInstance(t)};return{add:{general:{index:1,actions:e?[o,r]:[r]}},disable:{clipboard:["pasteStyle","resetStyle"]}}}async switchDocument(){const{isAllowedToSwitchDocument:t,lockedBy:n}=await f.getComponentLockStatus(this.getComponentId());t?an(this.getComponentId(),this.model.get("id"),this.el):e.showLockedByModal?.(n||"")}editComponent({trigger:e,location:t,secondaryLocation:n}){if(oe())return void gn();if(!ne()||this.isComponentCurrentlyEdited())return;this.switchDocument();const o=this.model.get("editor_settings");Xe({action:"edited",source:"user",component_uid:o?.component_uid,component_name:o?.title,location:t,secondary_location:n,trigger:e})}detachInstance({trigger:t,location:n,secondaryLocation:o}){const r=this.getComponentId(),i=this.model.get("id");if(!r||!i)return;e.showDetachConfirmDialog?.(async()=>{try{await st({instanceId:i,componentId:r,trackingInfo:{location:n,secondaryLocation:o,trigger:t}})}catch{(0,Ne.notify)({type:"error",message:(0,d.__)("Failed to detach component instance.","elementor"),id:"detach-component-instance-failed"})}})}handleDblClick(e){if(e.stopPropagation(),!vn())return;if(oe())return void gn();if(!(0,ee.hasProInstalled)())return void(0,Ne.notify)({type:"promotion",id:un,message:(0,d.__)("Editing components requires an active Pro subscription.","elementor"),autoHideDuration:pn,additionalActionProps:[{size:"small",variant:"contained",color:"promotion",href:cn,target:"_blank",children:(0,d.__)("Upgrade Now","elementor")}]});const{triggers:t,locations:n,secondaryLocations:o}=this.eventsManagerConfig;this.editComponent({trigger:t.doubleClick,location:n.canvas,secondaryLocation:o.canvasElement})}events(){return{...super.events(),dblclick:this.handleDblClick}}attributes(){return{...super.attributes(),"data-elementor-id":this.getComponentId()}}}}({...e});return class extends t{getType(){return e.type}getView(){return n}getModel(){return function(){const e=(new(0,window.elementor.modules.elements.types.Widget)).getModel();return e.extend({initialize(t,n){e.prototype.initialize.call(this,t,n);const o=this.get("settings")?.get("component_instance");if(o?.value){const e=o.value.component_id?.value;e&&"number"==typeof e&&this.set("componentId",e)}this.set("isGlobal",!0)},getTitle(){const e=this.get("editor_settings"),t=e?.title;if(t)return t;const n=e?.component_uid;if(n){const e=k((0,l.__getState)(),n);if(e?.name)return e.name}return window.elementor.getElementData(this).title},getComponentId(){return this.get("componentId")||null},getComponentName(){return this.getTitle()},getComponentUid(){const e=this.get("editor_settings");return e?.component_uid||null}})}()}}}function yn(e){const t=e.get("editSettings");t&&t.set("inactive",!0);const n=e.get("elements");n&&n.forEach(e=>{yn(e)})}function vn(){const e=window;return e.elementor.config?.user?.is_administrator??!1}function _n(){return(0,J.useEffect)(()=>{(0,l.__dispatch)(h())},[]),null}const En="e-component",Cn={type:"default",message:(0,d.__)("Can't add this component - components that contain each other can't be nested.","elementor"),id:"circular-component-nesting-blocked"};function bn(e){if(void 0===e)return!1;const t=(0,l.__getState)(),n=L(t),o=M(t);return null!==n&&(e===n||o.some(t=>t.componentId===e))}function wn(e){return e.widgetType!==En?null:e.settings?.component_instance?.value?.component_id?.value??null}function Sn(e){const t=[];for(const n of e){const e=wn(n);null!==e&&t.push(e),n.elements?.length&&t.push(...Sn(n.elements))}return t}function In(e){const t=(n=e.model)&&n.widgetType===En?n.settings?.component_instance?.value?.component_id?.value??null:null;var n;if(null===t)return!1;const o=bn(t);return o&&(0,Ne.notify)(Cn),o}function xn(e){const{containers:t=[e.container]}=e,n=t.some(e=>!!e&&(0,Fe.getAllDescendants)(e).some(e=>{const t=function(e){const t=e.model?.get?.("widgetType");if(t!==En)return null;const n=e.model?.get?.("settings"),o=n?.get?.("component_instance");return o?.value?.component_id?.value??null}(e);return null!==t&&bn(t)}));return n&&(0,Ne.notify)(Cn),n}function Pn(e){const{storageType:t}=e;if("localstorage"!==t)return!1;const n=window?.elementorCommon?.storage?.get();if(!n?.clipboard?.elements)return!1;const o=Sn(n.clipboard.elements).some(bn);return o&&(0,Ne.notify)(Cn),o}const kn=(0,s.createStylesProvider)({key:"components-styles",priority:100,subscribe:e=>(0,l.__subscribeWithSelector)(e=>e[u],()=>{e()}),actions:{all:()=>{const e=(0,Fe.getCurrentDocumentId)();return z((0,l.__getState)(),e)},get:e=>z((0,l.__getState)()).find(t=>t.id===e)??null}}),Tn="insufficient_permissions",Dn="https://go.elementor.com/go-pro-components-Instance-draft-failure/",On="component-publish-upgrade";async function Vn({status:e,elements:t}){if("publish"!==e)return;const n=[...(await qt(t)).values()].filter(r.isDocumentDirty).map(e=>e.id);if(0!==n.length){try{await f.updateStatuses(n,"publish")}catch(e){if(function(e){return e instanceof m.AxiosError&&e.response?.data?.code===Tn}(e))return void(0,Ne.notify)({type:"promotion",id:On,message:(0,d.__)("You have unpublished component on this page. You need a pro version to publish it.","elementor"),additionalActionProps:[{size:"small",variant:"contained",color:"promotion",href:Dn,target:"_blank",children:(0,d.__)("Upgrade Now","elementor")}]});throw e}n.forEach(e=>(0,r.invalidateDocumentData)(e))}}const zn=({container:e,status:t})=>Vn({elements:e?.model.get("elements").toJSON?.()??[],status:t});function An(e){en((Array.isArray(e)?e:[e]).map(e=>e.model.toJSON()))}function jn(){s.stylesRepository.register(kn),(0,l.__registerSlice)(C),(0,o.registerElementType)(sn,e=>hn({...e,showLockedByModal:je,showDetachConfirmDialog:Ae})),window.elementorCommon.__beforeSave=zn,(0,a.injectTab)({id:"components",label:(0,d.__)("Components","elementor"),component:Ve,position:1}),(0,n.injectIntoLogic)({id:"components-populate-store",component:_n}),(0,c.registerDataHook)("after","editor/documents/attach-preview",async()=>{const{id:e,config:t}=(0,r.getV1CurrentDocument)();e&&function(e){f.invalidateComponentConfigCache(e),(0,l.__dispatch)(C.actions.removeStyles({id:e}))}(e),await en(t?.elements??[])}),(0,n.injectIntoLogic)({id:"templates",component:tn}),(0,i.registerEditingPanelReplacement)({id:"component-instance-edit-panel",condition:(e,t)=>"e-component"===t.key,component:Gt}),o.settingsTransformersRegistry.register("component-instance",G),o.settingsTransformersRegistry.register("overridable",Y),o.settingsTransformersRegistry.register("override",q),(0,c.blockCommand)({command:"document/elements/create",condition:In}),(0,c.blockCommand)({command:"document/elements/move",condition:xn}),(0,c.blockCommand)({command:"document/elements/paste",condition:Pn}),(0,c.registerDataHook)("after","document/elements/paste",(e,t)=>{An(t)}),(0,c.registerDataHook)("after","document/elements/import",(e,t)=>{An(t)})}(window.elementorV2=window.elementorV2||{}).editorComponents=t}(),window.elementorV2.editorComponents?.init?.();
💾 Save Changes
❌ Cancel