Submit
Path:
~
/
home
/
getwphos
/
www
/
twinkletown
/
wp-content
/
plugins
/
elementor
/
assets
/
js
/
packages
/
editor-components
/
File Content:
editor-components.min.js
!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,{init:function(){return Eo}});var n=window.elementorV2.editor,o=window.elementorV2.editorCanvas,r=window.elementorV2.editorDocuments,i=window.elementorV2.editorEditingPanel,a=window.elementorV2.editorElementsPanel,s=window.elementorV2.editorPanels,l=window.elementorV2.editorStylesRepository,c=window.elementorV2.editorV1Adapters,p=window.elementorV2.store,d=window.wp.i18n,m=window.elementorV2.httpClient;const u="elementor/v1/components",g=e=>({action:"get_document_config",unique_id:`document-config-${e}`,data:{id:e}}),f={get:()=>(0,m.httpService)().get(`${u}`).then(e=>e.data.data),create:e=>(0,m.httpService)().post(`${u}`,e).then(e=>e.data.data),updateStatuses:(e,t)=>(0,m.httpService)().put(`${u}/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(`${u}/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(`${u}/lock`,{componentId:e}).then(e=>e.data),unlockComponent:async e=>await(0,m.httpService)().post(`${u}/unlock`,{componentId:e}).then(e=>e.data),getOverridableProps:async e=>await(0,m.httpService)().get(`${u}/overridable-props`,{params:{componentId:e.toString()}}).then(e=>e.data.data),updateArchivedComponents:async(e,t)=>await(0,m.httpService)().post(`${u}/archive`,{componentIds:e,status:t}).then(e=>e.data.data),updateComponentTitle:(e,t)=>(0,m.httpService)().post(`${u}/update-titles`,{components:e,status:t}).then(e=>e.data.data),validate:async e=>await(0,m.httpService)().post(`${u}/create-validate`,e).then(e=>e.data)},h=(0,p.__createAsyncThunk)("components/load",async()=>await f.get()),y="components",v=(0,p.__createSlice)({name:y,initialState:{data:[],unpublishedData:[],loadStatus:"idle",styles:{},createdThisSession:[],archivedThisSession:[],path:[],currentComponentId:null,updatedComponentNames:{}},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)},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={}}},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"})}}),_=e=>e[y].data,b=e=>e[y].loadStatus,E=e=>e[y].unpublishedData,w=e=>e[y].currentComponentId,C=(e,t)=>e[y].data.find(e=>e.id===t),x=e=>(0,p.__useSelector)(t=>e?C(t,e):null),S=(e,t)=>e[y].data.find(e=>e.uid===t)??e[y].unpublishedData.find(e=>e.uid===t),I=(0,p.__createSelector)(_,E,(e,t)=>[...t.map(e=>({uid:e.uid,name:e.name,overridableProps:e.overridableProps})),...e.filter(e=>!e.isArchived)]),T=(0,p.__createSelector)(E,e=>e),P=(0,p.__createSelector)(b,e=>"pending"===e),k=((0,p.__createSelector)(b,e=>"error"===e),e=>e[y].styles??{}),D=(0,p.__createSelector)(e=>e[y].styles??{},e=>Object.values(e).flat()),O=(0,p.__createSelector)(e=>e[y].createdThisSession,e=>e),M={props:{},groups:{items:{},order:[]}},L=(0,p.__createSelector)(C,e=>{if(e)return e.overridableProps??M}),R=e=>(0,p.__useSelector)(t=>e?L(t,e):null),z=(0,p.__createSelector)(C,e=>!!e?.overridableProps),V=(0,p.__createSelector)(e=>e[y].path,e=>e),j=(0,p.__createSelector)(w,e=>e),A=(0,p.__createSelector)(_,w,(e,t)=>e.find(e=>e.id===t)),$=()=>(0,p.__useSelector)(j),B=(0,p.__createSelector)(e=>e[y].updatedComponentNames,e=>Object.entries(e).map(([e,t])=>({componentId:Number(e),title:t}))),U=async e=>{const t=(0,r.getV1DocumentsManager)();try{return await t.request(e)}catch{return null}},K=(0,o.createTransformer)(async({component_id:e,overrides:t})=>{const n=T((0,p.__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 U(e);return{elements:r?.elements??[],overrides:o}}),N=(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}),F=(0,o.createTransformer)(e=>{const{override_key:t,override_value:n}=e;return{[t]:n}});var W=window.React,G=window.elementorV2.editorCurrentUser,H=window.elementorV2.editorUi,q=window.elementorV2.icons,Y=window.elementorV2.ui,J=window.elementorV2.editorElements;async function X(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,J.getCurrentDocumentContainer)(),a=i?.children?.[0];a&&((0,J.selectElement)(a.id),async function(){await(0,c.__privateRunCommand)("navigator/expand-all")}())}function Z(){const e=(0,p.__useSelector)(V),t=(0,r.getV1DocumentsManager)();return(0,W.useCallback)(()=>{const{componentId:n,instanceId:o}=e.at(-2)??{};n&&o?X(n,o):X(t.getInitialId())},[e,t])}var Q=window.elementorV2.events;const ee=({action:e,source:t,...n})=>{const{dispatchEvent:o,config:r}=(0,Q.getMixpanel)();if(!r?.names?.components?.[e])return;const i=r.names.components[e];o?.(i,{...n,source:t,"Feature name":"Components"})},te=(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=O((0,p.__getState)()),s=r&&a.includes(r),l=window.elementorCommon.eventsManager.config,{locations:c,secondaryLocations:d}=l;ee({action:"instanceAdded",source:"user",instance_id:i,component_uid:r,component_name:o,is_same_session_reuse:s,location:c.widgetPanel,secondary_location:d.componentsTab})};var ne=window.elementorV2.utils;function oe(e,t,n){const o=e.items[t];return o?o.props.includes(n)?e:{...e,items:{...e.items,[t]:{...o,props:[...o.props,n]}}}:e}function re(e,t,n){const o=e.items[t];return o?{...e,items:{...e.items,[t]:{...o,props:o.props.filter(e=>e!==n)}}}:e}const ie="e-component",ae=(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.action),{...e,actions:i}})};function se(e){const t=e.get("editSettings");t&&t.set("inactive",!0);const n=e.get("elements");n&&n.forEach(e=>{se(e)})}function le(){const e=window;return e.elementor.config?.user?.is_administrator??!1}var ce=window.elementorV2.editorProps,pe=window.elementorV2.schema;const de=(0,ce.createPropUtils)("override",pe.z.object({override_key:pe.z.string(),override_value:pe.z.unknown(),schema_source:pe.z.object({type:pe.z.literal("component"),id:pe.z.number()})})),me=(0,ce.createPropUtils)("overridable",pe.z.object({override_key:pe.z.string(),origin_value:pe.z.object({$$type:pe.z.string(),value:pe.z.unknown()}).nullable()})),ue=(0,ce.createPropUtils)("overrides",pe.z.array(pe.z.union([de.schema,me.schema])).optional().default([])),ge=(0,ce.createPropUtils)("component-instance",pe.z.object({component_id:ce.numberPropTypeUtil.schema,overrides:pe.z.optional(ue.schema)}));function fe(e){return[e.widgetType,e.elType].includes(ie)}function he(e,t,n,o){const r=(0,J.getContainer)(e);r&&(fe(r.model.toJSON())?function(e,t){const n=(0,J.getElementSetting)(e,"component_instance"),o=ge.extract(n),r=ue.extract(o?.overrides);if(!r?.length)return;const i=ye(r,t),a=ge.create({...o,overrides:ue.create(i)});(0,J.updateElementSettings)({id:e,props:{component_instance:a},withHistory:!1})}(e,o):(0,J.updateElementSettings)({id:e,props:{[t]:n??null},withHistory:!1}))}function ye(e,t){return e.map(e=>me.isValid(e)?de.isValid(e.value.origin_value)?t&&e.value.override_key!==t?e:e.value.origin_value:null:e).filter(e=>null!==e)}function ve(e){let t=!1;const n={};for(const[o,r]of Object.entries(e))me.isValid(r)?(n[o]=r.value.origin_value,t=!0):n[o]=r;return{hasChanges:t,settings:n}}function _e(e){const t={...e};if(fe({widgetType:e.widgetType,elType:e.elType}))t.settings=function(e){if(!e?.component_instance)return e;const t=ge.extract(e.component_instance),n=ue.extract(t?.overrides);if(!n?.length)return e;const o=ye(n);return{...e,component_instance:ge.create({...t,overrides:ue.create(o)})}}(e.settings);else if(t.settings){const{settings:e}=ve(t.settings);t.settings=e}return t.elements&&(t.elements=t.elements.map(_e)),t}function be({componentId:e,propKey:t,source:n}){const o=L((0,p.__getState)(),e);if(!o||0===Object.keys(o.props).length)return;const r=Array.isArray(t)?t:[t],i=[];for(const e of r){const t=o.props[e];t&&(i.push(t),he(t.elementId,t.propKey,t.originValue,e))}if(0===i.length)return;const a=Object.fromEntries(Object.entries(o.props).filter(([e])=>!r.includes(e))),s=function(e,t){const n=Array.isArray(t)?t:[t];return{...e,items:Object.fromEntries(Object.entries(e.items).map(([e,t])=>[e,{...t,props:t.props.filter(e=>!n.includes(e))}]))}}(o.groups,t);(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...o,props:a,groups:s}}));const l=A((0,p.__getState)());for(const e of i)ee({action:"propertyRemoved",source:n,component_uid:l?.uid,property_id:e.overrideKey,property_path:e.propKey,property_name:e.label,element_type:e.widgetType??e.elType})}function Ee(e){return(0,p.__useSelector)(t=>{if(e)return L(t,e)})}var we=window.elementorV2.editorControls;const Ce=({anchorRef:e,shouldShowIntroduction:t,onClose:n})=>e.current&&t?W.createElement(Y.Popover,{anchorEl:e.current,open:t,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:-30},onClose:n},W.createElement(Y.Box,{sx:{width:"296px"}},W.createElement(H.PopoverHeader,{title:(0,d.__)("Add your first property","elementor"),onClose:n}),W.createElement(Y.Image,{sx:{width:"296px",height:"160px"},src:"https://assets.elementor.com/packages/v1/images/components-properties-intro.png",alt:""}),W.createElement(we.PopoverContent,null,W.createElement(Y.Stack,{sx:{p:2}},W.createElement(Y.Typography,{variant:"body2"},(0,d.__)("Properties make instances flexible.","elementor")),W.createElement(Y.Typography,{variant:"body2"},(0,d.__)("Select any Element, then in the General tab, click next to any setting you want users to customize - like text, images, or links.","elementor")),W.createElement(Y.Typography,{variant:"body2",sx:{mt:2}},(0,d.__)("Your properties will appear in the Properties panel, where you can organize and manage them anytime.","elementor")),W.createElement(Y.Link,{href:"http://go.elementor.com/components-guide",target:"_blank",sx:{mt:2},color:"info.main",variant:"body2"},(0,d.__)("Learn more","elementor")),W.createElement(Y.Stack,{direction:"row",alignItems:"center",justifyContent:"flex-end",sx:{pt:1}},W.createElement(Y.Button,{size:"medium",variant:"contained",onClick:n},(0,d.__)("Got it","elementor"))))))):null;function xe({introductionRef:e}){const[t,n]=(0,W.useState)(!1);return W.createElement(W.Fragment,null,W.createElement(Y.Stack,{alignItems:"center",justifyContent:"flex-start",height:"100%",color:"text.secondary",sx:{px:2.5,pt:10,pb:5.5},gap:1},W.createElement(q.ComponentPropListIcon,{fontSize:"large"}),W.createElement(Y.Typography,{align:"center",variant:"subtitle2"},(0,d.__)("Add your first property","elementor")),W.createElement(Y.Typography,{align:"center",variant:"caption"},(0,d.__)("Make instances flexible while keeping design synced.","elementor")),W.createElement(Y.Typography,{align:"center",variant:"caption"},(0,d.__)("Select any element, then click + next to a setting to expose it.","elementor")),W.createElement(Y.Link,{variant:"caption",color:"secondary",sx:{textDecorationLine:"underline"},onClick:()=>n(!0)},(0,d.__)("Learn more","elementor"))),W.createElement(Ce,{anchorRef:e,shouldShowIntroduction:t,onClose:()=>n(!1)}))}const Se={EMPTY_NAME:(0,d.__)("Property name is required","elementor"),DUPLICATE_NAME:(0,d.__)("Property name already exists","elementor")};function Ie(e,t,n){const o=e.trim();if(!o)return{isValid:!1,errorMessage:Se.EMPTY_NAME};const r=o.toLowerCase(),i=n?.trim().toLowerCase();return t.some(e=>{const t=e.trim().toLowerCase();return(!i||t!==i)&&t===r})?{isValid:!1,errorMessage:Se.DUPLICATE_NAME}:{isValid:!0,errorMessage:null}}function Te(){return Te=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},Te.apply(null,arguments)}const Pe="tiny",ke={value:null,label:(0,d.__)("Default","elementor")};function De({onSubmit:e,groups:t,currentValue:n,existingLabels:o=[],sx:r}){const i=t?.length?t:[ke],[a,s]=(0,W.useState)(n?.label??null),[l,c]=(0,W.useState)(n?.groupId??i[0]?.value??null),[p,m]=(0,W.useState)(null),u=(0,d.__)("Name","elementor"),g=(0,d.__)("Group Name","elementor"),f=void 0===n,h=f?(0,d.__)("Create new property","elementor"):(0,d.__)("Update property","elementor"),y=f?(0,d.__)("Create","elementor"):(0,d.__)("Update","elementor");return W.createElement(H.Form,{onSubmit:()=>{const t=Ie(a??"",o,n?.label);t.isValid?e({label:a??"",group:l}):m(t.errorMessage)}},W.createElement(Y.Stack,{alignItems:"start",sx:{width:"268px",...r}},W.createElement(Y.Stack,{direction:"row",alignItems:"center",py:1,px:1.5,sx:{columnGap:.5,borderBottom:"1px solid",borderColor:"divider",width:"100%",mb:1.5}},W.createElement(Y.Typography,{variant:"caption",sx:{color:"text.primary",fontWeight:"500",lineHeight:1}},h)),W.createElement(Y.Grid,{container:!0,gap:.75,alignItems:"start",px:1.5,mb:1.5},W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.FormLabel,{size:"tiny"},u)),W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.TextField,{name:u,size:Pe,fullWidth:!0,placeholder:(0,d.__)("Enter value","elementor"),value:a??"",onChange:e=>{const t=e.target.value;s(t);const r=Ie(t,o,n?.label);m(r.errorMessage)},error:Boolean(p),helperText:p}))),W.createElement(Y.Grid,{container:!0,gap:.75,alignItems:"start",px:1.5,mb:1.5},W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.FormLabel,{size:"tiny"},g)),W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.Select,{name:g,size:Pe,fullWidth:!0,value:l??null,onChange:e=>c(e.target.value),displayEmpty:!0,renderValue:e=>e?i.find(({value:t})=>t===e)?.label??e:i[0].label},i.map(({label:e,...t})=>W.createElement(H.MenuListItem,Te({key:t.value},t,{value:t.value??""}),e))))),W.createElement(Y.Stack,{direction:"row",justifyContent:"flex-end",alignSelf:"end",mt:1.5,py:1,px:1.5},W.createElement(Y.Button,{type:"submit",disabled:!a||Boolean(p),variant:"contained",color:"primary",size:"small"},y))))}function Oe(){return Oe=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},Oe.apply(null,arguments)}const Me=e=>W.createElement(Y.UnstableSortableProvider,Oe({restrictAxis:!0,variant:"static",dragPlaceholderStyle:{opacity:"1"}},e)),Le=({triggerClassName:e,...t})=>W.createElement(ze,Oe({},t,{role:"button",className:`sortable-trigger ${e??""}`.trim(),"aria-label":"sort"}),W.createElement(q.GripVerticalIcon,{fontSize:"tiny"})),Re=({children:e,id:t})=>W.createElement(Y.UnstableSortableItem,{id:t,render:({itemProps:t,isDragged:n,triggerProps:o,itemStyle:r,triggerStyle:i,dropIndicationStyle:a,showDropIndication:s,isDragOverlay:l,isDragPlaceholder:c})=>W.createElement(Y.Box,Oe({},t,{style:r,component:"div",role:"listitem",sx:{backgroundColor:l?"background.paper":void 0}}),e({isDragged:n,isDragPlaceholder:c,triggerProps:o,triggerStyle:i}),s&&W.createElement(Ve,{style:a}))}),ze=(0,Y.styled)("div")(({theme:e})=>({position:"absolute",left:"-2px",top:"50%",transform:`translate( -${e.spacing(1.5)}, -50% )`,color:e.palette.action.active,cursor:"grab"})),Ve=(0,Y.styled)(Y.Box)` width: 100%; height: 1px; background-color: ${({theme:e})=>e.palette.text.primary}; `;function je(){return je=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},je.apply(null,arguments)}function Ae({prop:e,sortableTriggerProps:t,isDragPlaceholder:n,groups:o,existingLabels:r,onDelete:i,onUpdate:a}){const s=(0,Y.usePopupState)({variant:"popover"}),l=function(e){const t="widget"===e.elType?e.widgetType:e.elType,n=(0,J.getWidgetsCache)();if(!n)return"eicon-apps";const o=n[t];return o?.icon||"eicon-apps"}(e),c=(0,Y.bindPopover)(s);return W.createElement(W.Fragment,null,W.createElement(Y.Box,je({},(0,Y.bindTrigger)(s),{sx:{position:"relative",pl:.5,pr:1,py:.25,minHeight:28,borderRadius:1,border:"1px solid",borderColor:"divider",display:"flex",alignItems:"center",gap:.5,opacity:n?.5:1,cursor:"pointer","&:hover":{backgroundColor:"action.hover"},"&:hover .sortable-trigger":{visibility:"visible"},"& .sortable-trigger":{visibility:"hidden"},"&:hover .delete-button":{visibility:"visible"},"& .delete-button":{visibility:"hidden"}}}),W.createElement(Le,t),W.createElement(Y.Box,{sx:{display:"flex",alignItems:"center",color:"text.primary",fontSize:12,padding:.25}},W.createElement("i",{className:l})),W.createElement(Y.Typography,{variant:"caption",sx:{color:"text.primary",flexGrow:1,fontSize:10}},e.label),W.createElement(Y.IconButton,{size:"tiny",onClick:t=>{t.stopPropagation(),i(e.overrideKey)},"aria-label":"Delete property",sx:{p:.25}},W.createElement(q.XIcon,{fontSize:"tiny"}))),W.createElement(Y.Popover,je({},c,{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PaperProps:{sx:{width:s.anchorEl?.getBoundingClientRect().width}}}),W.createElement(De,{onSubmit:e=>{a(e),s.close()},currentValue:e,groups:o,existingLabels:r,sx:{width:"100%"}})))}function $e(){return $e=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},$e.apply(null,arguments)}function Be({group:e,props:t,allGroups:n,sortableTriggerProps:o,isDragPlaceholder:r,onPropsReorder:i,onPropertyDelete:a,onPropertyUpdate:s,onGroupDelete:l,editableLabelProps:c}){const p=e.props.map(e=>t[e]).filter(e=>Boolean(e)),m=(0,Y.usePopupState)({variant:"popover",disableAutoFocus:!0}),{editableRef:u,isEditing:g,error:f,getEditableProps:h,setEditingGroupId:y,editingGroupId:v}=c,_=e.props.length>0,b=g&&v===e.id;return W.createElement(Y.Box,{sx:{opacity:r?.5:1}},W.createElement(Y.Stack,{gap:1},W.createElement(Y.Box,{className:"group-header",sx:{position:"relative","&:hover .group-sortable-trigger":{visibility:"visible"},"& .group-sortable-trigger":{visibility:"hidden"},"&:hover .group-menu":{visibility:"visible"},"& .group-menu":{visibility:"hidden"}}},W.createElement(Le,$e({triggerClassName:"group-sortable-trigger"},o)),W.createElement(Y.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:2},b?W.createElement(Y.Box,{sx:{height:28,display:"flex",alignItems:"center",border:2,borderColor:"text.secondary",borderRadius:1,pl:.5,flexGrow:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%"}},W.createElement(H.EditableField,$e({ref:u,as:Y.Typography,variant:"caption",error:f??void 0,sx:{color:"text.primary",fontWeight:400,lineHeight:1.66}},h()))):W.createElement(H.EllipsisWithTooltip,{title:e.label,as:Y.Typography,variant:"caption",sx:{color:"text.primary",fontWeight:400,lineHeight:1.66}}),W.createElement(Y.IconButton,$e({className:"group-menu",size:"tiny",sx:{p:.25,visibility:b?"visible":void 0},"aria-label":(0,d.__)("Group actions","elementor")},(0,Y.bindTrigger)(m)),W.createElement(q.DotsVerticalIcon,{fontSize:"tiny"})))),W.createElement(Y.List,{sx:{p:0,display:"flex",flexDirection:"column",gap:1}},W.createElement(Me,{value:e.props,onChange:i},p.map(e=>W.createElement(Re,{key:e.overrideKey,id:e.overrideKey},({triggerProps:o,triggerStyle:r,isDragPlaceholder:i})=>W.createElement(Ae,{prop:e,sortableTriggerProps:{...o,style:r},isDragPlaceholder:i,groups:n,existingLabels:Object.values(t).map(e=>e.label),onDelete:a,onUpdate:t=>s(e.overrideKey,t)})))))),W.createElement(Y.Menu,$e({},(0,Y.bindMenu)(m),{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}}),W.createElement(H.MenuListItem,{sx:{minWidth:"160px"},onClick:()=>{m.close(),y(e.id)}},W.createElement(Y.Typography,{variant:"caption",sx:{color:"text.primary"}},(0,d.__)("Rename","elementor"))),W.createElement(Y.Tooltip,{title:_?(0,d.__)("To delete the group, first remove all the properties","elementor"):"",placement:"right"},W.createElement("span",null,W.createElement(H.MenuListItem,{onClick:()=>{m.close(),l(e.id)},disabled:_},W.createElement(Y.Typography,{variant:"caption",sx:{color:_?"text.disabled":"error.light"}},(0,d.__)("Delete","elementor")))))))}const Ue={EMPTY_NAME:(0,d.__)("Group name is required","elementor"),DUPLICATE_NAME:(0,d.__)("Group name already exists","elementor")};const Ke="New group";function Ne({onClose:e}){const t=$(),n=Ee(t),[o,i]=(0,W.useState)(!1),a=(0,W.useRef)(null),l=function(){const[e,t]=(0,W.useState)(null),n=$(),o=Ee(n),i=o?.groups?.items??{},a=e?i[e]:null,{ref:s,openEditMode:l,isEditing:c,error:m,getProps:u}=(0,H.useEditable)({value:a?.label??"",onSubmit:t=>{if(!e||!n)throw new Error((0,d.__)("Group ID or component ID is missing","elementor"));!function({componentId:e,groupId:t,label:n}){const o=L((0,p.__getState)(),e);if(!o)return!1;if(!o.groups.items[t])return!1;const r=function(e,t,n){const o=e.items[t];return o?{...e,items:{...e.items,[t]:{...o,label:n}}}:e}(o.groups,t,n);(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...o,groups:r}}))}({componentId:n,groupId:e,label:t}),(0,r.setDocumentModifiedStatus)(!0)},validation:t=>function(e,t){const n=e.trim();return n?Object.values(t).some(e=>e.label===n)?Ue.DUPLICATE_NAME:"":Ue.EMPTY_NAME}(t,Object.fromEntries(Object.entries(i).filter(([t])=>t!==e)))||null});return{editableRef:s,isEditing:c,error:m,getEditableProps:u,setEditingGroupId:e=>{t(e),l()},editingGroupId:e}}(),c=(0,W.useMemo)(()=>n?n.groups.order.map(e=>n.groups.items[e]??null).filter(Boolean):[],[n]),m=(0,W.useMemo)(()=>c.map(e=>({value:e.id,label:e.label})),[c]);if(!t||!n)return null;const u=!(c.length>0||o),g=n.groups.order,f=e=>{be({componentId:t,propKey:e,source:"user"}),(0,r.setDocumentModifiedStatus)(!0)},h=(e,n)=>{(function({componentId:e,overrideKey:t,label:n,groupId:o}){const r=L((0,p.__getState)(),e);if(!r)return;const i=r.props[t];if(!i)return;const a=i.groupId,s=o??a,l={...i,label:n,groupId:s},c=(d=r.groups,m=t,(u=a)===(g=s)?d:oe(re(d,u,m),g,m));var d,m,u,g;(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...r,props:{...r.props,[t]:l},groups:c}}))})({componentId:t,overrideKey:e,label:n.label,groupId:n.group}),(0,r.setDocumentModifiedStatus)(!0)},y=e=>{!function({componentId:e,groupId:t}){const n=L((0,p.__getState)(),e);if(!n)return!1;const o=n.groups.items[t];if(!o||o.props.length>0)return!1;const r=function(e,t){const{[t]:n,...o}=e.items;return{items:o,order:e.order.filter(e=>e!==t)}}(n.groups,t);(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...n,groups:r}}))}({componentId:t,groupId:e}),(0,r.setDocumentModifiedStatus)(!0)};return W.createElement(W.Fragment,null,W.createElement(s.PanelHeader,{sx:{justifyContent:"start",pl:1.5,pr:1,py:1}},W.createElement(Y.Stack,{direction:"row",alignItems:"center",gap:.5,flexGrow:1},W.createElement(q.ComponentPropListIcon,{fontSize:"tiny"}),W.createElement(s.PanelHeaderTitle,{variant:"subtitle2"},(0,d.__)("Component properties","elementor"))),!u&&W.createElement(Y.Tooltip,{title:(0,d.__)("Add new group","elementor")},W.createElement(Y.IconButton,{size:"tiny","aria-label":(0,d.__)("Add new group","elementor"),onClick:()=>{if(o)return;const e=(0,ne.generateUniqueId)("group"),n=function(e){const t=new Set(e.map(e=>e.label));if(!t.has(Ke))return Ke;let n=1,o=`${Ke}-${n}`;for(;t.has(o);)n++,o=`${Ke}-${n}`;return o}(c);!function({componentId:e,groupId:t,label:n,source:o}){const r=A((0,p.__getState)()),i=L((0,p.__getState)(),e);if(!i)return;const a={id:t,label:n,props:[]};(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...i,groups:{...i.groups,items:{...i.groups.items,[t]:a},order:[t,...i.groups.order]}}})),ee({action:"propertiesGroupCreated",source:o,component_uid:r?.uid,group_name:n})}({componentId:t,groupId:e,label:n,source:"user"}),(0,r.setDocumentModifiedStatus)(!0),i(!1),l.setEditingGroupId(e)}},W.createElement(q.FolderPlusIcon,{fontSize:"tiny"}))),W.createElement(Y.Tooltip,{title:(0,d.__)("Close panel","elementor")},W.createElement(Y.IconButton,{ref:a,size:"tiny","aria-label":(0,d.__)("Close panel","elementor"),onClick:e},W.createElement(q.XIcon,{fontSize:"tiny"})))),W.createElement(Y.Divider,null),W.createElement(s.PanelBody,null,u?W.createElement(xe,{introductionRef:a}):W.createElement(Y.List,{sx:{p:2,display:"flex",flexDirection:"column",gap:2}},W.createElement(Me,{value:g,onChange:e=>{!function({componentId:e,newOrder:t}){const n=L((0,p.__getState)(),e);n&&(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...n,groups:{...n.groups,order:t}}}))}({componentId:t,newOrder:e}),(0,r.setDocumentModifiedStatus)(!0)}},c.map(e=>W.createElement(Re,{key:e.id,id:e.id},({triggerProps:o,triggerStyle:a,isDragPlaceholder:s})=>W.createElement(Be,{group:e,props:n.props,allGroups:m,allGroupsRecord:n.groups.items,sortableTriggerProps:{...o,style:a},isDragPlaceholder:s,setIsAddingGroup:i,onPropsReorder:n=>{return o=e.id,function({componentId:e,groupId:t,newPropsOrder:n}){const o=L((0,p.__getState)(),e);if(!o)return;const r=o.groups.items[t];r&&(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...o,groups:{...o.groups,items:{...o.groups.items,[t]:{...r,props:n}}}}}))}({componentId:t,groupId:o,newPropsOrder:n}),void(0,r.setDocumentModifiedStatus)(!0);var o},onPropertyDelete:f,onPropertyUpdate:h,editableLabelProps:l,onGroupDelete:y})))))))}const{panel:Fe,usePanelActions:We}=(0,s.__createPanel)({id:"component-properties-panel",component:function(){const{element:e,elementType:t}=(0,J.useSelectedElement)(),{close:n}=We(),{open:o}=(0,i.usePanelActions)();return e&&t?W.createElement(H.ThemeProvider,null,W.createElement(Y.ErrorBoundary,{fallback:W.createElement(Ge,null)},W.createElement(i.ElementProvider,{element:e,elementType:t},W.createElement(s.Panel,null,W.createElement(Ne,{onClose:()=>{n(),o()}}))))):null}}),Ge=()=>W.createElement(Y.Box,{role:"alert",sx:{minHeight:"100%",p:2}},W.createElement(Y.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},W.createElement("strong",null,(0,d.__)("Something went wrong","elementor")))),He=W.forwardRef(({overridablePropsCount:e,onClick:t},n)=>{const o=function(e){const t=(0,W.useRef)(e);return(0,W.useEffect)(()=>{t.current=e},[e]),t.current}(e),r=0===o&&1===e;return W.createElement(qe,{ref:n,color:"primary",key:e,invisible:0===e,animate:r,anchorOrigin:{vertical:"top",horizontal:"right"},badgeContent:W.createElement(Y.Box,{sx:{animation:r?"none":`${Je} 300ms ease-out`}},e)},W.createElement(Y.Tooltip,{title:(0,d.__)("Component properties","elementor")},W.createElement(Y.ToggleButton,{value:"exposed properties",size:"tiny",onClick:t,"aria-label":(0,d.__)("Component properties","elementor")},W.createElement(q.ComponentPropListIcon,{fontSize:"tiny"}))))}),qe=(0,Y.styled)(Y.Badge,{shouldForwardProp:e=>"animate"!==e})(({theme:e,animate:t})=>({"& .MuiBadge-badge":{minWidth:e.spacing(2),height:e.spacing(2),minHeight:e.spacing(2),maxWidth:e.spacing(2),fontSize:e.typography.caption.fontSize,animation:t?`${Ye} 300ms ease-out`:"none"}})),Ye=Y.keyframes` 0% { transform: scale(0) translate(50%, 50%); opacity: 0; } 70% { transform: scale(1.1) translate(50%, -50%); opacity: 1; } 100% { transform: scale(1) translate(50%, -50%); opacity: 1; } `,Je=Y.keyframes` from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } `,Xe=()=>{const{id:e,uid:t}=(0,p.__useSelector)(A)??{id:null,uid:null},n=Ee(e),o=Z(),i=function(){const e=(0,p.__getState)()[y].path,{instanceTitle:t}=e.at(-1)??{};if(t)return t;const n=(0,r.getV1DocumentsManager)().getCurrent();return n?.container?.settings?.get("post_title")??""}(),[a,l]=(0,G.useSuppressedMessage)("components-properties-introduction"),[c,m]=W.useState(!a),{open:u}=We(),g=n?Object.keys(n.props).length:0,f=W.useRef(null);return e?W.createElement(Y.Box,null,W.createElement(s.PanelHeader,{sx:{justifyContent:"start",px:2}},W.createElement(Y.Tooltip,{title:(0,d.__)("Back","elementor")},W.createElement(Y.IconButton,{size:"tiny",onClick:o,"aria-label":(0,d.__)("Back","elementor")},W.createElement(q.ArrowLeftIcon,{fontSize:"tiny"}))),W.createElement(q.ComponentsFilledIcon,{fontSize:"tiny",stroke:"currentColor"}),W.createElement(H.EllipsisWithTooltip,{title:i,as:Y.Typography,variant:"caption",sx:{fontWeight:500,flexGrow:1}}),W.createElement(He,{overridablePropsCount:g,ref:f,onClick:()=>{u(),ee({action:"propertiesPanelOpened",source:"user",component_uid:t,properties_count:g})}})),W.createElement(Y.Divider,null),W.createElement(Ce,{anchorRef:f,shouldShowIntroduction:c,onClose:()=>{l(),m(!1)}})):null},Ze=()=>({components:(0,p.__useSelector)(I),isLoading:(0,p.__useSelector)(P)}),Qe=(0,W.createContext)(void 0),et=({children:e,localStorageKey:t})=>{const{debouncedValue:n,handleChange:o,inputValue:r}=(0,ne.useSearchState)({localStorageKey:t});return W.createElement(Qe.Provider,{value:{handleChange:o,clearSearch:()=>{o("")},searchValue:n,inputValue:r}},e)},tt=()=>{const e=(0,W.useContext)(Qe);if(!e)throw new Error("useSearch must be used within a SearchProvider");return e},nt=()=>{const{inputValue:e,handleChange:t}=tt();return W.createElement(Y.Stack,{direction:"row",gap:.5,sx:{width:"100%",px:2,py:1.5}},W.createElement(Y.Box,{sx:{flexGrow:1}},W.createElement(Y.TextField,{role:"search",fullWidth:!0,size:"tiny",value:e,placeholder:(0,d.__)("Search","elementor"),onChange:e=>t(e.target.value),InputProps:{startAdornment:W.createElement(Y.InputAdornment,{position:"start"},W.createElement(q.SearchIcon,{fontSize:"tiny"}))}})))},ot=()=>{const{isAdmin:e}=(0,G.useCurrentUserCapabilities)();return{canCreate:e,canEdit:e,canDelete:e,canRename:e}};var rt=window.elementorV2.editorNotifications;async function it(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 at(e,t),t)}async function at(e,t){const n=await Promise.all(e.map(async({widgetType:e,elType:n,elements:o,settings:r})=>{const i=[];if(fe({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,U(e));const n=await t.get(e);o=n?.elements}if(o?.length){const e=await at(o,t);i.push(...e)}return i}));return[...new Set(n.flat())]}async function st(e){if(z((0,p.__getState)(),e))return;const t=await f.getOverridableProps(e);t&&(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:t}))}function lt(e){return e.elements?.length?e.elements.flatMap(ct):[]}function ct(e){return[...Object.values(e.styles??{}),...(e.elements??[]).flatMap(ct)]}async function pt(e){const t=await it(e);!function(e){[...e.values()].some(r.isDocumentDirty)&&(0,r.setDocumentModifiedStatus)(!0)}(t),function(e){if(!e.size)return;const t=k((0,p.__getState)()),n=new Map([...e.entries()].filter(([e])=>!t[e]));n.size&&function(e){const t=Object.fromEntries([...e.entries()].map(([e,t])=>[e,lt(t)]));(0,p.__dispatch)(v.actions.addStyles(t))}(n)}(t),await function(e){if(e.length)return Promise.all(e.map(st))}([...t.keys()])}const dt=pe.z.string().trim().max(50,(0,d.__)("Component name is too long. Please keep it under 50 characters.","elementor")),mt=e=>pe.z.object({componentName:dt.refine(t=>!e.includes(t),{message:(0,d.__)("Component name already exists","elementor")})}),ut=e=>{const t=mt(e);return t.extend({componentName:t.shape.componentName.refine(e=>e.length>0,{message:(0,d.__)("Component name is required.","elementor")}).refine(e=>e.length>=2,{message:(0,d.__)("Component name is too short. Please enter at least 2 characters.","elementor")})})},gt=async(e,t)=>await(0,J.replaceElement)({currentElement:e,newElement:ft(t),withHistory:!1}),ft=e=>({elType:"widget",widgetType:"e-component",settings:{component_instance:{$$type:"component-instance",value:{component_id:{$$type:"number",value:e.id??e.uid}}}},editor_settings:{component_uid:e.uid}});function ht({open:e,onClose:t,onConfirm:n}){return W.createElement(H.ConfirmationDialog,{open:e,onClose:t},W.createElement(H.ConfirmationDialog.Title,null,(0,d.__)("Delete this component?","elementor")),W.createElement(H.ConfirmationDialog.Content,null,W.createElement(H.ConfirmationDialog.ContentText,null,(0,d.__)("Existing instances on your pages will remain functional. You will no longer find this component in your list.","elementor"))),W.createElement(H.ConfirmationDialog.Actions,{onClose:t,onConfirm:n}))}function yt(){return yt=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},yt.apply(null,arguments)}const vt=({component:e,renameComponent:t})=>{const n=(0,W.useRef)(null),[i,a]=(0,W.useState)(!1),{canRename:s,canDelete:l}=ot(),c=s||l,{ref:m,isEditing:u,openEditMode:g,error:f,getProps:h}=(0,H.useEditable)({value:e.name,onSubmit:t,validation:bt}),y=ft(e),_=(0,Y.usePopupState)({variant:"popover",disableAutoFocus:!0});return W.createElement(Y.Stack,null,W.createElement(H.WarningInfotip,{open:Boolean(f),text:f??"",placement:"bottom",width:n.current?.getBoundingClientRect().width,offset:[0,-15]},W.createElement(Y.ListItemButton,{draggable:!0,onDragStart:e=>(0,o.startDragElementFromPanel)(y,e),onDragEnd:()=>{pt([y]),(0,o.endDragElementFromPanel)()},shape:"rounded",ref:n,sx:{border:"solid 1px",borderColor:"divider",py:.5,px:1,display:"flex",width:"100%",alignItems:"center",gap:1}},W.createElement(Y.Box,{display:"flex",alignItems:"center",gap:1,minWidth:0,flexGrow:1,onClick:()=>{_t(y)}},W.createElement(Y.ListItemIcon,{size:"tiny"},W.createElement(q.ComponentsIcon,{fontSize:"tiny"})),W.createElement(Et,{isActive:u,isError:!!f},W.createElement(Y.Box,{display:"flex",flex:1,minWidth:0,flexGrow:1},u?W.createElement(H.EditableField,yt({ref:m,as:Y.Typography,variant:"caption"},h())):W.createElement(H.EllipsisWithTooltip,{title:e.name,as:Y.Typography,variant:"caption",color:"text.primary"})))),c&&W.createElement(Y.IconButton,yt({size:"tiny"},(0,Y.bindTrigger)(_),{"aria-label":"More actions"}),W.createElement(q.DotsVerticalIcon,{fontSize:"tiny"})))),c&&W.createElement(Y.Menu,yt({},(0,Y.bindMenu)(_),{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}}),s&&W.createElement(H.MenuListItem,{sx:{minWidth:"160px"},primaryTypographyProps:{variant:"caption",color:"text.primary"},onClick:()=>{_.close(),g()}},(0,d.__)("Rename","elementor")),l&&W.createElement(H.MenuListItem,{sx:{minWidth:"160px"},primaryTypographyProps:{variant:"caption",color:"error.light"},onClick:()=>{a(!0),_.close()}},(0,d.__)("Delete","elementor"))),W.createElement(ht,{open:i,onClose:()=>{a(!1)},onConfirm:()=>{if(!e.id)throw new Error("Component ID is required");var t,n;a(!1),t=e.id,n=e.name,(0,p.__dispatch)(v.actions.archive(t)),(0,r.setDocumentModifiedStatus)(!0),(0,rt.notify)(((e,t)=>({type:"success",message:(0,d.__)("Successfully deleted component %s","elementor").replace("%s",t),id:`success-archived-components-notification-${e}`}))(t,n))}}))},_t=e=>{const{container:t,options:n}=(()=>{const e=(0,J.getCurrentDocumentContainer)(),t=function(){const e=(0,J.getSelectedElements)();if(1===e.length)return(0,J.getContainer)(e[0].id)}();let n,o;if(t)switch(t.model.get("elType")){case"widget":{n=t?.parent;const e=t.view?._index??-1;e>-1&&(o={at:e+1});break}case"section":n=t?.children?.[0];break;default:n=t}return{container:n??e,options:o}})();if(!t)throw new Error("Can't find container to drop new component instance at");pt([e]),(0,J.dropElement)({containerId:t.id,model:e,options:{...n,useHistory:!1,scrollIntoView:!0}})},bt=e=>{const t=function(e){const t=I((0,p.__getState)())?.map(({name:e})=>e)??[],n=ut(t).safeParse({componentName:e.toLowerCase()});if(n.success)return{isValid:!0,errorMessage:null};const o=n.error.format();return{isValid:!1,errorMessage:o.componentName?._errors[0]??o._errors[0]}}(e);return t.errorMessage?t.errorMessage:null},Et=(0,Y.styled)(Y.Box,{shouldForwardProp:e=>"isActive"!==e&&"isError"!==e})(({theme:e,isActive:t,isError:n})=>({display:"flex",width:"100%",flexGrow:1,borderRadius:e.spacing(.5),border:wt({isActive:t,isError:n,theme:e}),padding:`0 ${e.spacing(1)}`,marginLeft:t?e.spacing(1):0,minWidth:0})),wt=({isActive:e,isError:t,theme:n})=>t?`2px solid ${n.palette.error.main}`:e?`2px solid ${n.palette.secondary.main}`:"none",Ct=Array.from({length:6},(e,t)=>t),xt=()=>W.createElement(Y.Stack,{"aria-label":"Loading components",gap:1,sx:{pointerEvents:"none",position:"relative",maxHeight:"300px",overflow:"hidden","&:after":{position:"absolute",top:0,content:'""',left:0,width:"100%",height:"300px",background:"linear-gradient(to top, white, transparent)",pointerEvents:"none"}}},Ct.map(e=>W.createElement(Y.ListItemButton,{key:e,sx:{border:"solid 1px",borderColor:"divider",py:.5,px:1},shape:"rounded"},W.createElement(Y.Box,{display:"flex",gap:1,width:"100%"},W.createElement(Y.Skeleton,{variant:"text",width:"24px",height:"36px"}),W.createElement(Y.Skeleton,{variant:"text",width:"100%",height:"36px"}))))),St={fontSize:"0.875rem !important",fontWeight:"500 !important"};function It(){const{components:e,isLoading:t,searchValue:n}=kt();return t?W.createElement(xt,null):e&&0!==e.length?W.createElement(Y.List,{sx:{display:"flex",flexDirection:"column",gap:1,px:2}},e.map(e=>W.createElement(vt,{key:e.uid,component:e,renameComponent:t=>{((e,t)=>{(0,p.__dispatch)(v.actions.rename({componentUid:e,name:t})),(0,r.setDocumentModifiedStatus)(!0),function(e){const t=function(){const e=(0,r.getV1DocumentsManager)();return e?.getCurrent()?.container}();if(!t)return;const n=function(e,t){return(0,J.getAllDescendants)(e).filter(e=>{const n=e.model.get("widgetType"),o=e.model.get("editor_settings");return n===ie&&o?.component_uid===t})}(t,e);n.forEach(e=>{e.model.trigger?.("title_external_change")})}(e)})(e.uid,t)}}))):n.length>0?W.createElement(Pt,null):W.createElement(Tt,null)}const Tt=()=>{const{canCreate:e}=ot();return W.createElement(Y.Stack,{alignItems:"center",justifyContent:"start",height:"100%",sx:{px:2,py:4},gap:2,overflow:"hidden"},W.createElement(Y.Stack,{alignItems:"center",gap:1},W.createElement(q.ComponentsIcon,{fontSize:"large",sx:{color:"text.secondary"}}),W.createElement(Y.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:St},(0,d.__)("No components yet","elementor")),W.createElement(Y.Typography,{align:"center",variant:"caption",color:"secondary",sx:{maxWidth:200}},(0,d.__)("Components are reusable blocks that sync across your site.","elementor"),W.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")),W.createElement(Y.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&&W.createElement(W.Fragment,null,W.createElement(Y.Divider,{sx:{width:"100%"}}),W.createElement(Y.Stack,{alignItems:"center",gap:1,width:"100%"},W.createElement(Y.Typography,{align:"center",variant:"subtitle2",color:"text.secondary",sx:St},(0,d.__)("Create your first one:","elementor")),W.createElement(Y.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")))))},Pt=()=>{const{searchValue:e,clearSearch:t}=tt();return W.createElement(Y.Stack,{color:"text.secondary",pt:5,alignItems:"center",gap:1,overflow:"hidden",justifySelf:"center"},W.createElement(q.ComponentsIcon,null),W.createElement(Y.Box,{sx:{width:"100%"}},W.createElement(Y.Typography,{align:"center",variant:"subtitle2",color:"inherit",sx:St},(0,d.__)("Sorry, nothing matched","elementor")),e&&W.createElement(Y.Typography,{variant:"subtitle2",color:"inherit",sx:{...St,display:"flex",width:"100%",justifyContent:"center"}},W.createElement("span",null,"“"),W.createElement("span",{style:{maxWidth:"80%",overflow:"hidden",textOverflow:"ellipsis"}},e),W.createElement("span",null,"”."))),W.createElement(Y.Typography,{align:"center",variant:"caption",color:"inherit"},(0,d.__)("Try something else.","elementor")),W.createElement(Y.Typography,{align:"center",variant:"caption",color:"inherit"},W.createElement(Y.Link,{color:"secondary",variant:"caption",component:"button",onClick:t},(0,d.__)("Clear & try again","elementor"))))},kt=()=>{const{components:e,isLoading:t}=Ze(),{searchValue:n}=tt();return{components:e.filter(e=>e.name.toLowerCase().includes(n.toLowerCase())),isLoading:t,searchValue:n}};function Dt(){return W.createElement(Y.Box,{sx:{px:2}},W.createElement(H.InfoAlert,null,W.createElement(Y.Typography,{variant:"caption",component:"span"},W.createElement(Y.Typography,{variant:"caption",component:"span",fontWeight:"bold"},(0,d.__)("Try Components for free:","elementor"))," ",(0,d.__)("Soon Components will be part of the Pro subscription, but what you create now will remain on your site.","elementor"))))}const Ot=()=>{const{components:e,isLoading:t}=Ze(),n=!t&&e.length>0;return W.createElement(W.Fragment,null,n&&W.createElement(nt,null),n&&!function(){const e=window;return!!e.elementor?.helpers?.hasPro?.()&&(e.elementorPro?.config?.isActive??!1)}()&&W.createElement(Dt,null),W.createElement(It,null))},Mt=()=>W.createElement(H.ThemeProvider,null,W.createElement(et,{localStorageKey:"elementor-components-search"},W.createElement(Ot,null))),Lt="elementor_component",Rt="overridable-prop";function zt(){const e=(0,p.__getStore)()?.getState();return!!e&&null!==j(e)}const Vt={type:"default",message:(0,d.__)("This widget isn't compatible with components. Use atomic elements instead.","elementor"),id:"non-atomic-element-blocked"};function jt(e){return null!==(0,J.getElementType)(e)}function At(e){if(!zt())return!1;const{model:t}=e,n=t?.widgetType||t?.elType;return!!n&&!jt(n)&&((0,rt.notify)(Vt),!0)}function $t(e){if(!zt())return!1;const{containers:t=[e.container]}=e,n=t.some(e=>!!e&&(0,J.getAllDescendants)(e).some(e=>!(0,o.isAtomicWidget)(e)));return n&&(0,rt.notify)(Vt),n}function Bt(e){if(!zt())return!1;const{storageType:t}=e;if("localstorage"!==t)return!1;const n=window?.elementorCommon?.storage?.get();if(!n?.clipboard?.elements)return!1;const o=Ut(n.clipboard.elements);return o&&(0,rt.notify)(Vt),o}function Ut(e){for(const t of e){const e=t.widgetType||t.elType;if(e&&!jt(e))return!0;if(t.elements?.length&&Ut(t.elements))return!0}return!1}function Kt(e){const t=[],n=e.widgetType||e.elType;if(n&&!jt(n)&&t.push(n),e.elements?.length)for(const n of e.elements)t.push(...Kt(n));return[...new Set(t)]}async function Nt({name:e,element:t,eventData:n,uid:o,overridableProps:r,source:i}){const a=o??(0,ne.generateUniqueId)("component"),s={uid:a,name:e},l=_e(t),m=(0,J.getContainer)(t.id),u=m?.model?.toJSON?.(),g={model:u??t,parentId:m?.parent?.id??"",index:m?.view?._index??0};(0,p.__dispatch)(v.actions.addUnpublished({...s,elements:[l],overridableProps:r})),(0,p.__dispatch)(v.actions.addCreatedThisSession(a));const f=await gt(t,s);ee({action:"created",source:i,component_uid:a,component_name:e,...n});try{await(0,c.__privateRunCommand)("document/save/auto")}catch(e){throw function(e,t){(0,J.deleteElement)({elementId:t,options:{useHistory:!1}});const n=structuredClone(e.model);(0,J.createElements)({title:(0,d.__)("Restore Element","elementor"),elements:[{containerId:e.parentId,model:n,options:{at:e.index}}]})}(g,f.id),(0,p.__dispatch)(v.actions.removeUnpublished(a)),(0,p.__dispatch)(v.actions.removeCreatedThisSession(a)),e}return{uid:a,instanceId:f.id}}const Ft=e=>{const[t,n]=(0,W.useState)(e),[o,r]=(0,W.useState)({}),i=(0,W.useMemo)(()=>!Object.values(o).some(e=>e),[o]);return{values:t,errors:o,isValid:i,handleChange:(e,o,i)=>{const a={...t,[o]:e.target.value};n(a);const{success:s,errors:l}=Wt(a,i);r(s?{}:l)},validateForm:e=>{const{success:n,errors:o,parsedValues:i}=Wt(t,e);return n?(r({}),{success:n,parsedValues:i}):(r(o),{success:n})}}},Wt=(e,t)=>{const n=t.safeParse(e);if(n.success)return{success:!0,parsedValues:n.data};const o={};return Object.entries(n.error.formErrors.fieldErrors).forEach(([e,t])=>{o[e]=t[0]}),{success:!1,errors:o}},Gt=(e,t)=>{const{elementsCount:n,componentsCount:o}=Ht(e);return{nested_elements_count:n,nested_components_count:o,top_element_type:e.elType,location:t?.location,secondary_location:t?.secondaryLocation,trigger:t?.trigger}};function Ht(e){if(!e.elements||0===e.elements.length)return{elementsCount:0,componentsCount:0};let t=e.elements.length,n=0;for(const o of e.elements){"e-component"===o.widgetType&&n++;const{elementsCount:e,componentsCount:r}=Ht(o);t+=e,n+=r}return{elementsCount:t,componentsCount:n}}const qt=100;function Yt(){const[e,t]=(0,W.useState)(null),[n,o]=(0,W.useState)(),{components:r}=Ze(),i=(0,W.useRef)(null);(0,W.useEffect)(()=>{const e="elementor/editor/open-save-as-component-form",n=e=>{const{shouldOpen:n,notification:a}=function(e,t){return Kt(e).length>0?{shouldOpen:!1,notification:{type:"default",message:(0,d.__)("Components require atomic elements only. Remove widgets to create this component.","elementor"),id:"non-atomic-element-save-blocked"}}:t>=qt?{shouldOpen:!1,notification:{type:"default",message:(0,d.__)("You've reached the limit of %s components. Please remove an existing one to create a new component.","elementor").replace("%s",qt.toString()),id:"maximum-number-of-components-exceeded"}}:{shouldOpen:!0,notification:null}}(e.detail.element,r?.length??0);n?(t({element:e.detail.element,elementLabel:(0,J.getElementLabel)(e.detail.element.id)}),o(e.detail.anchorPosition),i.current=Gt(e.detail.element,e.detail.options),ee({action:"createClicked",source:"user",...i.current})):(0,rt.notify)(a)};return window.addEventListener(e,n),()=>{window.removeEventListener(e,n)}},[r?.length]);const a=()=>{t(null),o(void 0)},s=()=>{a(),ee({action:"createCancelled",source:"user",...i.current})};return W.createElement(H.ThemeProvider,null,W.createElement(Y.Popover,{open:null!==e,onClose:s,anchorReference:"anchorPosition",anchorPosition:n},null!==e&&W.createElement(Xt,{initialValues:{componentName:e.elementLabel},handleSave:async t=>{try{if(!e)throw new Error("Can't save element as component: element not found");const{uid:n,instanceId:o}=await Nt({name:t.componentName,element:e.element,eventData:i.current,source:"user"}),r=S((0,p.__getState)(),n)?.id;if(!r)throw new Error("Failed to find published component");X(r,o),(0,rt.notify)({type:"success",message:(0,d.__)("Component created successfully.","elementor"),id:`component-saved-successfully-${n}`}),a()}catch{const e=(0,d.__)("Failed to create component. Please try again.","elementor");(0,rt.notify)({type:"error",message:e,id:"component-save-failed"}),a()}},closePopup:s})))}const Jt="tiny",Xt=({initialValues:e,handleSave:t,closePopup:n})=>{const{values:o,errors:r,isValid:i,handleChange:a,validateForm:s}=Ft(e),{components:l}=Ze(),c=(0,W.useMemo)(()=>l?.map(e=>e.name)??[],[l]),p=(0,W.useMemo)(()=>mt(c),[c]),m=(0,W.useMemo)(()=>ut(c),[c]),u={heading:(0,d.__)("Create component","elementor"),name:(0,d.__)("Name","elementor"),cancel:(0,d.__)("Cancel","elementor"),create:(0,d.__)("Create","elementor")},g="component-name";return W.createElement(H.Form,{onSubmit:()=>{const{success:e,parsedValues:n}=s(m);e&&t(n)}},W.createElement(Y.Stack,{alignItems:"start",width:"268px"},W.createElement(Y.Stack,{direction:"row",alignItems:"center",py:1,px:1.5,sx:{columnGap:.5,borderBottom:"1px solid",borderColor:"divider",width:"100%"}},W.createElement(q.ComponentsIcon,{fontSize:Jt}),W.createElement(Y.Typography,{variant:"caption",sx:{color:"text.primary",fontWeight:"500",lineHeight:1}},u.heading)),W.createElement(Y.Grid,{container:!0,gap:.75,alignItems:"start",p:1.5},W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.FormLabel,{htmlFor:g,size:"tiny"},u.name)),W.createElement(Y.Grid,{item:!0,xs:12},W.createElement(Y.TextField,{id:g,size:Jt,fullWidth:!0,value:o.componentName,onChange:e=>a(e,"componentName",p),inputProps:{style:{color:"text.primary",fontWeight:"600"}},error:Boolean(r.componentName),helperText:r.componentName}))),W.createElement(Y.Stack,{direction:"row",justifyContent:"flex-end",alignSelf:"end",py:1,px:1.5},W.createElement(Y.Button,{onClick:n,color:"secondary",variant:"text",size:"small"},u.cancel),W.createElement(Y.Button,{type:"submit",disabled:!i,variant:"contained",color:"primary",size:"small"},u.create))))};function Zt({path:e,currentComponentId:t}){const n=(0,p.__getStore)()?.dispatch;n&&(n(v.actions.setPath(e)),n(v.actions.setCurrentComponentId(t)))}var Qt=window.ReactDOM;function en({topLevelElementDom:e,onClose:t}){const n=(0,c.__privateUseListenTo)((0,c.commandEndEvent)("editor/documents/attach-preview"),()=>(0,c.getCanvasIframeDocument)());return(0,W.useEffect)(()=>{const e=e=>{"Escape"===e.key&&t()};return n?.body.addEventListener("keydown",e),()=>{n?.body.removeEventListener("keydown",e)}},[n,t]),n?.body?(0,Qt.createPortal)(W.createElement(W.Fragment,null,W.createElement(nn,null),W.createElement(tn,{canvas:n,element:e,onClose:t})),n.body):null}function tn({canvas:e,element:t,onClose:n}){const o=function(e){const[t,n]=(0,W.useState)(new DOMRect(0,0,0,0)),o=(0,ne.throttle)(()=>{n(e?.getBoundingClientRect()??new DOMRect(0,0,0,0))},20,!0);return function({element:e,onChange:t}){(0,W.useEffect)(()=>{if(!e)return;const n=e.ownerDocument?.defaultView;return n?.addEventListener("scroll",t,{passive:!0}),()=>{n?.removeEventListener("scroll",t)}},[e,t])}({element:e,onChange:o}),function({element:e,onChange:t}){(0,W.useEffect)(()=>{if(!e)return;const n=new ResizeObserver(t);n.observe(e);const o=e.ownerDocument?.defaultView;return o?.addEventListener("resize",t,{passive:!0}),()=>{n.disconnect(),o?.removeEventListener("resize",t)}},[e,t])}({element:e,onChange:o}),function({element:e,onChange:t}){(0,W.useEffect)(()=>{if(!e)return;const n=new MutationObserver(t);return n.observe(e,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[e,t])}({element:e,onChange:o}),(0,W.useEffect)(()=>()=>{o.cancel()},[o]),t}(t),r=t?function(e,t){const{x:n,y:o,width:r,height:i}=e,{innerWidth:a,innerHeight:s}=t;return`path(evenodd, 'M 0 0 \n\t\tL ${a} 0\n\t\tL ${a} ${s}\n\t\tL 0 ${s}\n\t\tZ\n\t\tM ${n} ${o}\n\t\tL ${n+r} ${o}\n\t\tL ${n+r} ${o+i}\n\t\tL ${n} ${o+i}\n\t\tL ${n} ${o}\n \tZ'\n\t)`.replace(/\s{2,}/g," ")}(o,e.defaultView):void 0,i={position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:999,pointerEvents:"painted",cursor:"pointer",clipPath:r};return W.createElement("div",{style:i,onClick:n,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),n())},role:"button",tabIndex:0,"aria-label":(0,d.__)("Exit component editing mode","elementor")})}function nn(){return W.createElement("style",{"data-e-style-id":"e-block-v3-document-handles-styles"},"\n\t.elementor-editor-active {\n\t\t& .elementor-section-wrap.ui-sortable {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t& *[data-editable-elementor-document]:not(.elementor-edit-mode):hover {\n\t\t\t& .elementor-document-handle:not(.elementor-document-save-back-handle) {\n\t\t\t\tdisplay: none;\n\n\t\t\t\t&::before,\n\t\t\t\t& .elementor-document-handle__inner {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t")}function on(){const e=$();!function(){const e=(0,r.getV1DocumentsManager)(),t=$(),n=(0,p.__useSelector)(V);(0,W.useEffect)(()=>(0,c.__privateListenTo)((0,c.commandEndEvent)("editor/documents/open"),()=>{const o=e.getCurrent();o.id!==t&&(t&&f.unlockComponent(t),o.config.type===Lt?Zt({path:rn(n,o),currentComponentId:o.id}):Zt({path:[],currentComponentId:null}))}),[n,e,t])}();const t=Z(),n=(0,ne.throttle)(t,100),o=function(e){const{componentContainerDomElement:t,topLevelElementDom:n}=function(e){if(!e)return{componentContainerDomElement:null,topLevelElementDom:null};const t=(0,r.getV1DocumentsManager)().get(e),n=t?.container,o=n?.view?.el?.children?.[0]??null;return{componentContainerDomElement:o,topLevelElementDom:o?.children[0]??null}}(e),[o,i]=(0,W.useState)(n);return(0,W.useEffect)(()=>{i(n)},[n]),(0,W.useEffect)(()=>{if(!t)return;const e=new MutationObserver(()=>{const e=t.children[0];i(e)});return e.observe(t,{childList:!0}),()=>{e.disconnect()}},[t]),o}(e??void 0);return e?W.createElement(en,{topLevelElementDom:o,onClose:n}):null}function rn(e,t){const n=e.findIndex(({componentId:e})=>e===t.id);if(n>=0)return e.slice(0,n+1);const o=t?.container.view?.el?.dataset.id,i=function(e,t){if(!e)return;const n=(0,r.getV1DocumentsManager)(),o=t.at(-1)?.componentId??n.getInitialId(),i=n.get(o),a=i?.container,s=a?.children?.findRecursive?.(t=>t.id===e),l=s?.model?.get?.("editor_settings");return l?.title}(o,e);return[...e,{instanceId:o,instanceTitle:i,componentId:t.id}]}const an=e=>{(0,H.openDialog)({component:W.createElement(sn,{lockedBy:e})})},sn=({lockedBy:e})=>{const t=(0,d.__)("%s is currently editing this document","elementor").replace("%s",e);return W.createElement(W.Fragment,null,W.createElement(Y.DialogHeader,{logo:!1},W.createElement(Y.Box,{display:"flex",alignItems:"center",gap:1},W.createElement(Y.Icon,{color:"secondary"},W.createElement(q.InfoCircleFilledIcon,{fontSize:"medium"})),W.createElement(Y.Typography,{variant:"subtitle1"},t))),W.createElement(Y.DialogContent,null,W.createElement(Y.Stack,{spacing:2,direction:"column"},W.createElement(Y.Typography,{variant:"body2"},(0,d.__)("You can wait for them to finish or reach out to coordinate your changes together.","elementor")),W.createElement(Y.DialogActions,null,W.createElement(Y.Button,{color:"secondary",variant:"contained",onClick:H.closeDialog},(0,d.__)("Close","elementor"))))))},ln=({onEditComponent:e})=>{const{canEdit:t}=ot(),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 W.createElement(Y.Stack,{alignItems:"center",justifyContent:"start",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5,mt:1},gap:1.5},W.createElement(q.ComponentPropListIcon,{fontSize:"large"}),W.createElement(Y.Typography,{align:"center",variant:"subtitle2"},(0,d.__)("No properties yet","elementor")),W.createElement(Y.Typography,{align:"center",variant:"caption",maxWidth:"170px"},n),t&&W.createElement(Y.Button,{variant:"outlined",color:"secondary",size:"small",sx:{mt:1},onClick:e},W.createElement(q.PencilIcon,{fontSize:"small"}),(0,d.__)("Edit component","elementor")))};function cn(e){const t=(0,J.getElementType)(e);return t?pn(t.controls).reduce((e,t)=>({...e,[t.value.bind]:t}),{}):{}}function pn(e){return e.map(e=>"control"===e.type&&"bind"in e.value?e:"section"===e.type?pn(e.value.items):null).filter(Boolean).flat()}const dn=(0,W.createContext)(null);function mn({children:e,...t}){return W.createElement(dn.Provider,{value:t},e)}const un=()=>(0,W.useContext)(dn)?.value,gn=()=>(0,W.useContext)(dn)?.componentInstanceElement,fn=e=>me.isValid(e)?function(e){const t=me.extract(e);if(!t)return null;return de.isValid(t.origin_value)?hn(t.origin_value):t.origin_value}(e):de.isValid(e)?hn(e):e;function hn(e){const t=de.extract(e);return t?t.override_value:null}function yn(e,t,n){const o=L((0,p.__getState)(),e);if(!o)return;const r=o.props[t.override_key];if(!r)return;const i=fn(t.origin_value),a=n?{originValue:i,originPropFields:n}:{originValue:i},s={...o,props:{...o.props,[r.overrideKey]:{...r,...a}}};(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:s}))}const vn=e=>{if(e.originPropFields)return _n(e.originPropFields);const{widgetType:t,propKey:n}=e;return _n({widgetType:t,propKey:n})};function _n({widgetType:e,propKey:t}){const n=(0,J.getWidgetsCache)()?.[e]?.atomic_props_schema;return n?.[t]}const bn=({children:e,...t})=>W.createElement(Y.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},W.createElement(we.ControlFormLabel,t,e),W.createElement(we.ControlAdornments,null)),En=(0,ne.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."});function wn(e,t){return function(e,t,n){const{originValue:o,originPropFields:r}=n;if(Sn(o))return o;if(t){const n=Cn(e,t);if(Sn(n))return n}const{elementId:i,propKey:a}=r??{};return i&&a?xn(e,i,a):null}((0,p.__useSelector)(_),e,t)}function Cn(e,t){const n=me.extract(t),o=n?de.extract(n.origin_value):de.extract(t);if(!o)return null;const{schema_source:r,override_key:i,override_value:a}=o,s=r?.id;if(!s||!i)return null;const l=function(e,t,n){const o=e.find(({id:e})=>e===t);return o?.overridableProps?.props?.[n]}(e,s,i);if(Sn(l?.originValue))return l.originValue;if(l?.originPropFields?.elementId){const t=l.originPropFields.propKey??l.propKey,n=xn(e,l.originPropFields.elementId,t);if(Sn(n))return n}const c=me.extract(a);return c?Cn(e,me.create(c)):null}function xn(e,t,n,o=new Set){for(const r of e){if(o.has(r.id))continue;o.add(r.id);const i=Object.values(r.overridableProps?.props??{}).find(({elementId:e,propKey:o})=>e===t&&o===n);if(i){if(Sn(i.originValue))return i.originValue;if(i.originPropFields?.elementId){const t=i.originPropFields.propKey??n;return xn(e,i.originPropFields.elementId,t,o)}}}return null}function Sn(e){return null!=e}function In({overridableProp:e,overrides:t}){return W.createElement(i.SettingsField,{bind:"component_instance",propDisplayName:e.label},W.createElement(Tn,{overridableProp:e,overrides:t}))}function Tn({overridableProp:e,overrides:t}){const n=(0,i.useElement)(),o=$(),{value:r,setValue:a}=(0,we.useBoundProp)(ge),s=cn(e?.originPropFields?.widgetType??e.widgetType),l=(0,i.getControlReplacements)(),c=function(e,t){return e?.find(e=>{const n=me.extract(e);let o=null;return o=n?n.origin_value?.value?.override_key:e.value.override_key,o===t})??null}(t,e.overrideKey),p=wn(c,e),d=vn(e);if(!d)return null;const m=r.component_id?.value;if(!m)throw new Error("Component ID is required");const u=(c?fn(c):null)??p??e.originValue,g={[e.overrideKey]:u},{control:f,controlProps:h,layout:y}=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}}(s,e?.originPropFields??e,e.label),{elementId:v,widgetType:_,elType:b,propKey:E}=e.originPropFields??e;if(!(0,J.getContainer)(v))throw new En({context:{componentId:m,elementId:v}});const w="widget"===b?_:b,C=(0,J.getElementType)(w);if(!C)return null;const x=(0,i.createTopLevelObjectType)({schema:{[e.overrideKey]:d}});return W.createElement(mn,{value:me.extract(c)??void 0,componentInstanceElement:n},W.createElement(i.ElementProvider,{element:{id:v,type:w},elementType:C},W.createElement(i.SettingsField,{bind:E,propDisplayName:e.label},W.createElement(we.PropProvider,{propType:x,value:g,setValue:n=>{const s=function(e,t,n){return null===n&&(0,i.isDynamicPropValue)(t)?e.default??null:n}(d,u,n[e.overrideKey]),l=function({matchingOverride:e,overrideKey:t,overrideValue:n,componentId:o}){const r=me.extract(e),i=me.extract(n)??r;if(i){const e=de.create({override_key:t,override_value:fn(n),schema_source:{type:"component",id:o}});return me.create({override_key:i.override_key,origin_value:e})}return de.create({override_key:t,override_value:n,schema_source:{type:"component",id:o}})}({matchingOverride:c,overrideKey:e.overrideKey,overrideValue:s,componentId:m});let p=t?.map(e=>e===c?l:e)??[];c||(p=[...p,l]),a({...r,overrides:ue.create(p)});const g=me.extract(l);if(g&&o){if(e.originPropFields)return void yn(o,g,e.originPropFields);const{elType:t,widgetType:n,propKey:r,elementId:i}=e;yn(o,g,{elType:t,widgetType:n,propKey:r,elementId:i})}},isDisabled:()=>!1},W.createElement(we.PropKeyProvider,{bind:e.overrideKey},W.createElement(we.ControlReplacementsProvider,{replacements:l},W.createElement(Y.Stack,{direction:"column",gap:1,mb:1.5},"custom"!==y&&W.createElement(bn,null,e.label),W.createElement(Pn,{control:f,controlProps:h}))))))))}function Pn({control:e,controlProps:t}){const{value:n}=e;return W.createElement(i.BaseControl,{type:n.type,props:t})}function kn({group:e,props:t,overrides:n}){const[o,r]=(0,i.useStateByElement)(e.id,!0),a=(0,W.useId)(),s=`label-${a}`,l=`content-${a}`,c=e.label;return W.createElement(Y.Box,{"aria-label":`${c} section`},W.createElement(Y.ListItemButton,{id:s,"aria-controls":l,"aria-label":`${c} section`,onClick:()=>{r(!o)},p:0,sx:{"&:hover":{backgroundColor:"transparent"}}},W.createElement(Y.Stack,{direction:"row",alignItems:"center",justifyItems:"start",flexGrow:1,gap:.5},W.createElement(Y.ListItemText,{secondary:c,secondaryTypographyProps:{color:"text.primary",variant:"caption",fontWeight:"bold"},sx:{flexGrow:0,flexShrink:1,marginInlineEnd:1}})),W.createElement(H.CollapseIcon,{open:o,color:"secondary",fontSize:"tiny"})),W.createElement(Y.Collapse,{id:l,"aria-labelledby":s,in:o,timeout:"auto"},W.createElement(Y.Stack,{direction:"column",gap:1,p:2},e.props.map(e=>W.createElement(In,{key:e,overridableProp:t[e],overrides:n})))))}function Dn(){const{canEdit:e}=ot(),t=function(){const{element:e}=(0,i.useElement)(),t=(0,J.useElementSetting)(e.id,"component_instance");return ge.extract(t)}(),n=t?.component_id?.value,o=t?.overrides?.value,r=x(n??null),a=R(n??null),l=(0,J.useSelectedElement)()?.element?.id??null;if(!n||!a||!r)return null;const c=(0,d.__)("Edit %s","elementor").replace("%s",r.name),p=()=>X(n,l),m=a.groups.order.map(e=>a.groups.items[e]??null).filter(e=>null!==e&&e.props.length>0),u=0===m.length||0===Object.keys(a.props).length;return W.createElement(W.Fragment,null,W.createElement(s.PanelHeader,{sx:{justifyContent:"start",px:2}},W.createElement(Y.Stack,{direction:"row",alignItems:"center",flexGrow:1,gap:1,maxWidth:"100%"},W.createElement(q.ComponentsIcon,{fontSize:"small",sx:{color:"text.tertiary"}}),W.createElement(H.EllipsisWithTooltip,{title:r.name,as:s.PanelHeaderTitle,sx:{flexGrow:1}}),e&&W.createElement(Y.Tooltip,{title:c},W.createElement(Y.IconButton,{size:"tiny",onClick:p,"aria-label":c},W.createElement(q.PencilIcon,{fontSize:"tiny"}))))),W.createElement(s.PanelBody,null,W.createElement(we.ControlAdornmentsProvider,{items:(0,i.getFieldIndicators)("settings")},u?W.createElement(ln,{onEditComponent:p}):W.createElement(Y.Stack,{direction:"column",alignItems:"stretch"},m.map(e=>W.createElement(W.Fragment,{key:e.id+l},W.createElement(kn,{group:e,props:a.props,overrides:o}),W.createElement(Y.Divider,null)))))))}var On=window.elementorV2.editorTemplates;const Mn=()=>{const e=(0,On.useLoadedTemplates)();return(0,W.useEffect)(()=>{pt(e.flatMap(e=>e??[]))},[e]),null};function Ln(){return Ln=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},Ln.apply(null,arguments)}function Rn({OriginalControl:e,...t}){const{elementType:n}=(0,i.useElement)(),{value:o,bind:r,setValue:a,placeholder:s,...l}=(0,we.useBoundProp)(me),c=$(),p=R(c),d=(0,i.getControlReplacements)().filter(e=>!e.id||e.id!==Rt);if(!c)return null;if(!o?.override_key)throw new Error("Override key is required");const m="e-component"===n.key,u=p?.props?.[o.override_key],g=n.propsSchema[r],f=(u?vn(u):void 0)??g;if(!f)return null;const h=(0,i.createTopLevelObjectType)({schema:{[r]:f}}),y=m?(o.origin_value?.value).override_value:o.origin_value,v=s?{[r]:s}:void 0;return W.createElement(mn,{value:o},W.createElement(we.PropProvider,Ln({},l,{propType:h,setValue:e=>{const t={...o,origin_value:e[r]};a(t),m||yn(c,t,u?.originPropFields)},value:{[r]:y},placeholder:v}),W.createElement(we.PropKeyProvider,{bind:r},W.createElement(we.ControlReplacementsProvider,{replacements:d},W.createElement(zn,{OriginalControl:e,props:t})))))}function zn({OriginalControl:e,props:t}){const{ControlToRender:n,isReplaced:o}=(0,we.useControlReplacement)(e);if(o){const o=n;return W.createElement(o,Ln({},t,{OriginalControl:e}))}return W.createElement(e,t)}function Vn({componentId:e,overrideKey:t,elementId:n,label:o,groupId:r,propKey:i,elType:a,widgetType:s,originValue:l,originPropFields:c,source:m}){const u=L((0,p.__getState)(),e);if(!u)return;const g=t?u.props[t]:null,f=Object.values(u.props).filter(e=>e.elementId===n&&e.propKey===i&&e!==g),{groups:h,groupId:y}=function(e,t){return t&&e.items[t]?{groups:e,groupId:t}:!t&&e.order.length>0?{groups:e,groupId:e.order[0]}:function(e,t){const n=t||(0,ne.generateUniqueId)("group"),o=(0,d.__)("Default","elementor");return{groups:{...e,items:{...e.items,[n]:{id:n,label:o,props:[]}},order:[...e.order,n]},groupId:n}}(e,t)}(u.groups,r||g?.groupId||void 0),_={overrideKey:g?.overrideKey||(0,ne.generateUniqueId)("prop"),label:o,elementId:n,propKey:i,widgetType:s,elType:a,originValue:l,groupId:y,originPropFields:c},b=function(e,t){const n=t.map(e=>e.overrideKey);return{props:Object.fromEntries(Object.entries(e.props).filter(([,e])=>!t.includes(e))),groups:{items:Object.fromEntries(Object.entries(e.groups.items).map(([e,t])=>[e,{...t,props:t.props.filter(e=>!n.includes(e))}])),order:e.groups.order.filter(e=>!n.includes(e))}}}({...u,groups:h},f),E={...b.props,[_.overrideKey]:_};let w=oe(b.groups,y,_.overrideKey);if(w=function(e,t){return e.order.includes(t)?e:{...e,order:[...e.order,t]}}(w,y),g&&g.groupId!==y&&(w=re(w,g.groupId,_.overrideKey)),(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{props:E,groups:w}})),!g){const e=A((0,p.__getState)());ee({action:"propertyExposed",source:m,component_uid:e?.uid,property_id:_.overrideKey,property_path:i,property_name:o,element_type:s??a})}return _}function jn(){return jn=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},jn.apply(null,arguments)}const An="tiny",$n=(0,Y.styled)(Y.Box)` pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out; & > svg { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width: 10px; height: 10px; fill: ${({theme:e})=>e.palette.primary.contrastText}; stroke: ${({theme:e})=>e.palette.primary.contrastText}; stroke-width: 2px; } `,Bn=(0,Y.styled)(Y.Box)` position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 16px; height: 16px; margin-inline: ${({theme:e})=>e.spacing(.5)}; &:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ) rotate( 45deg ); width: 5px; height: 5px; border-radius: 1px; background-color: ${({theme:e})=>e.palette.primary.main}; transition: all 0.1s ease-in-out; } &:hover, &.enlarged { &:before { width: 12px; height: 12px; border-radius: 2px; } .icon { opacity: 1; } } `,Un=(0,W.forwardRef)(({isOpen:e,isOverridable:t,...n},o)=>W.createElement(Bn,jn({ref:o},n,{className:e||t?"enlarged":""}),W.createElement($n,{className:"icon","aria-label":t?(0,d.__)("Overridable property","elementor"):(0,d.__)("Make prop overridable","elementor")},t?W.createElement(q.CheckIcon,{fontSize:An}):W.createElement(q.PlusIcon,{fontSize:An}))));function Kn(){return Kn=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},Kn.apply(null,arguments)}function Nn(){const{propType:e}=(0,we.useBoundProp)(),t=$(),n=R(t);return function(e){return!1!==e.meta.overridable}(e)&&t&&n?W.createElement(Fn,{componentId:t,overridableProps:n}):null}function Fn({componentId:e,overridableProps:t}){const{element:{id:n},elementType:o}=(0,i.useElement)(),{value:r,bind:a,propType:s}=(0,we.useBoundProp)(),l=un(),c=gn(),{value:m,setValue:u}=(0,we.useBoundProp)(me),g=m??l,f=(0,Y.usePopupState)({variant:"popover"}),h=(0,Y.bindTrigger)(f),y=(0,Y.bindPopover)(f),{elType:v}=(0,J.getWidgetsCache)()?.[o.key]??{elType:"widget"},_=g?function({componentId:e,overrideKey:t}){const n=L((0,p.__getState)(),e);if(n)return n.props[t]}({componentId:e,overrideKey:g.override_key}):void 0;return W.createElement(W.Fragment,null,W.createElement(Y.Tooltip,{placement:"top",title:(0,d.__)("Override Property","elementor")},W.createElement(Un,Kn({},h,{isOpen:!!y.open,isOverridable:!!g}))),W.createElement(Y.Popover,Kn({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:2.5}}},y),W.createElement(De,{onSubmit:({label:i,group:l})=>{const p=s.default??{},d=fn(g?.origin_value)??r??p,m=g?t?.props?.[g.override_key]:void 0,h=Vn({componentId:e,overrideKey:g?.override_key??null,elementId:c?.element.id??n,label:i,groupId:l,propKey:a,elType:v??"widget",widgetType:c?.elementType.key??o.key,originValue:d,originPropFields:m?.originPropFields,source:"user"});!g&&h&&u({override_key:h.overrideKey,origin_value:d}),f.close()},groups:t?.groups.order.map(e=>({value:e,label:t.groups.items[e].label})),existingLabels:Object.values(t?.props??{}).map(e=>e.label),currentValue:_})))}var Wn=window.elementorV2.editorMcp;const Gn={element_id:pe.z.string().describe('The unique identifier of the element to save as a component. Use the "list-elements" tool to find available element IDs in the current document.'),component_name:pe.z.string().describe("The name for the new component. Should be descriptive and unique among existing components."),overridable_props:pe.z.object({props:pe.z.record(pe.z.object({elementId:pe.z.string().describe("The id of the child element that you want to override its settings"),propKey:pe.z.string().describe('The property key of the child element that you want to override its settings (e.g., "text", "url", "tag"). To get the available propKeys for an element, use the "get-element-type-config" tool.'),label:pe.z.string().describe('A unique, user-friendly display name for this property (e.g., "Hero Headline", "CTA Button Text"). Must be unique within the same component.')}))}).optional().describe('Overridable properties configuration. Specify which CHILD element properties can be customized. Only elementId and propKey are required; To get the available propKeys for a child element you must use the "get-element-type-config" tool.')},Hn={message:pe.z.string().optional().describe("Additional information about the operation result"),component_uid:pe.z.string().optional().describe("The unique identifier of the newly created component (only present on success)")},qn=async e=>{const{element_id:t,component_name:n,overridable_props:o}=e,r=function(){const e=(0,J.getWidgetsCache)();return e?Object.entries(e).reduce((e,[t,n])=>n.atomic_props_schema&&n.show_in_panel&&"widget"!==n.elType?(e.push(t),e):e,[]):[]}(),i=(0,J.getContainer)(t);if(!i)throw new Error("Element not found. Use 'list-elements' to get valid element IDs.");const a=i.model.get("elType");if(!r.includes(a))throw new Error(`Element is not one of the following types: ${r.join(", ")}`);const s=i.model.toJSON({remove:["default"]});if(s?.isLocked)throw new Error("Cannot save a locked element as a component.");const l=o?function(e,t){const n={},o=(0,ne.generateUniqueId)("group");return Object.entries(e.props).forEach(([,e])=>{const{elementId:r,propKey:i,label:a}=e,s=Yn(t,r);if(!s)throw new Error(`Element with ID "${r}" not found in component`);const l=s.elType,c=s.widgetType||s.elType,p=(0,J.getElementType)(c);if(!p)throw new Error(`Element type "${c}" is not atomic or does not have a settings schema. Cannot expose property "${i}" for element "${r}".`);if(!p.propsSchema[i]){const e=Object.keys(p.propsSchema).join(", ");throw new Error(`Property "${i}" does not exist in element "${r}" (type: ${c}). Available properties: ${e}`)}const d=(0,ne.generateUniqueId)("prop"),m=s.settings?.[i]?s.settings[i]:p.propsSchema[i].default??null;n[d]={overrideKey:d,label:a,elementId:r,propKey:i,elType:l,widgetType:c,originValue:m,groupId:o}}),{props:n,groups:{items:{[o]:{id:o,label:"Default",props:Object.keys(n)}},order:[o]}}}(o,s):void 0;l&&function(e,t){Object.values(t.props).forEach(t=>{const n=Yn(e,t.elementId);n&&n.settings&&(n.settings[t.propKey]={$$type:"overridable",value:{override_key:t.overrideKey,origin_value:t.originValue}})})}(s,l);const c=(0,ne.generateUniqueId)("component");try{await f.validate({items:[{uid:c,title:n,elements:[s],settings:{overridable_props:l}}]})}catch(e){if(e instanceof m.AxiosError)throw new Error(e.response?.data.messge);throw new Error("Unknown error")}return await Nt({name:n,element:s,eventData:null,uid:c,overridableProps:l,source:"mcp_tool"}),{status:"ok",message:`Component "${n}" created successfully.`,component_uid:c}};function Yn(e,t){if(e.id===t)return e;if(e.elements)for(const n of e.elements){const e=Yn(n,t);if(e)return e}return null}const Jn=()=>{const e=(0,Wn.toolPrompts)("save-as-component");return e.description(`\nSave an existing element as a reusable component in the Elementor editor.\n\n# When to use this tool\nUse this tool when the user wants to:\n- Create a reusable component from an existing element structure\n- Make specific child element properties customizable in component instances\n- Build a library of reusable design patterns\n\n# When NOT to use this tool\n- Element is already a component (widgetType: 'e-component')\n- Element is locked\n- Element is not an atomic element (atomic_props_schema is not defined)\n- Element elType is a 'widget'\n\n# **CRITICAL - REQUIRED RESOURCES (Must read before using this tool)**\n1. [${o.DOCUMENT_STRUCTURE_URI}]\n **MANDATORY** - Required to understand the document structure and identify child elements for overridable properties.\n Use this resource to find element IDs and understand the element hierarchy.\n\n2. [${o.WIDGET_SCHEMA_URI}]\n **MANDATORY** - Required to understand which properties are available for each widget type.\n Use this to identify available propKeys in the atomic_props_schema for child elements.\n\n# Instructions - MUST FOLLOW IN ORDER\n## Step 1: Identify the Target Element\n1. Read the [${o.DOCUMENT_STRUCTURE_URI}] resource to understand the document structure\n2. Locate the element you want to save as a component by its element_id\n3. Verify the element type is a valid element type\n4. Ensure the element is not locked and is not already a component\n\n## Step 2: Define Overridable Properties\nDo this step to make child element properties customizable.\nSkip that step ONLY if the user explicitly requests to not make any properties customizable.\n\n1. **Identify Child Elements**\n - Use the [${o.DOCUMENT_STRUCTURE_URI}] resource to find all child elements\n - Note the elementId and widgetType/elType of each child element you want to customize\n\n2. **Find Available Properties**\n - Use the [${o.WIDGET_SCHEMA_URI}] resource to find the child element's widget type schema\n - Review the atomic_props_schema to find available propKeys (ONLY use top-level props)\n - Common propKeys include: "text", "url", "tag", "size", etc.\n - Use only the top level properties, do not use nested properties.\n\n3. **Build the overridable_props Object**\n - For each property you want to make overridable, add an entry:\n \`{ "elementId": "<child-element-id>", "propKey": "<property-key>", "label": "<user-friendly-name>" }\`\n - The label must be unique within the component and should be meaningful to the user (e.g., "Hero Headline", "CTA Button Text")\n - Group all entries under the "props" object\n\n## Step 3: Execute the Tool\nCall the tool with:\n- element_id: The ID of the parent element to save as component\n- component_name: A descriptive name for the component\n- overridable_props: (Optional) The properties configuration from Step 2\n\n# CONSTRAINTS\n- NEVER try to override properties of the parent element itself - ONLY child elements\n- NEVER use invalid propKeys - always verify against the widget's atomic_props_schema in [${o.WIDGET_SCHEMA_URI}]\n- Property keys must exist in the child element's atomic_props_schema\n- Element IDs must exist within the target element's children\n- When tool execution fails, read the error message and adjust accordingly\n- The element being saved must not be inside another component\n`),e.parameter("element_id",`**MANDATORY** The unique identifier of the element to save as a component.\nUse the [${o.DOCUMENT_STRUCTURE_URI}] resource to find available element IDs.`),e.parameter("component_name",'**MANDATORY** A descriptive name for the new component.\nShould be unique and clearly describe the component\'s purpose (e.g., "Hero Section", "Feature Card").'),e.parameter("overridable_props",`**OPTIONAL** Configuration for which child element properties can be customized in component instances.\n\nStructure:\n\`\`\`json\n{\n "props": {\n "<unique-key>": {\n "elementId": "<child-element-id>",\n "propKey": "<property-key>",\n "label": "<user-friendly-name>"\n }\n }\n}\n\`\`\`\n\nTo populate this correctly:\n1. Use [${o.DOCUMENT_STRUCTURE_URI}] to find child element IDs and their widgetType\n2. Use [${o.WIDGET_SCHEMA_URI}] to find the atomic_props_schema for each child element's widgetType\n3. Only include properties you want to be customizable in component instances\n4. Provide a unique, user-friendly label for each property (e.g., "Hero Headline", "CTA Button Text")`),e.example('\nBasic component without overridable properties:\n```json\n{\n "element_id": "abc123",\n "component_name": "Hero Section"\n}\n```\n\nComponent with overridable properties:\n```json\n{\n "element_id": "abc123",\n "component_name": "Feature Card",\n "overridable_props": {\n "props": {\n "heading-text": {\n "elementId": "heading-123",\n "propKey": "text",\n "label": "Card Title"\n },\n "button-text": {\n "elementId": "button-456",\n "propKey": "text",\n "label": "Button Text"\n },\n "button-link": {\n "elementId": "button-456",\n "propKey": "url",\n "label": "Button Link"\n }\n }\n }\n}\n```\n'),e.instruction("After successful creation, the component will be available in the components library and can be inserted into any page or template."),e.instruction("When overridable properties are defined, component instances will show customization controls for those specific properties in the editing panel."),e.prompt()},Xn=()=>(0,Wn.getMCPByDomain)("components").addTool({name:"save-as-component",schema:Gn,outputSchema:Hn,description:Jn(),handler:qn});function Zn(){return(0,W.useEffect)(()=>{(0,p.__dispatch)(h())},[]),null}const Qn="e-component",eo={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 to(e){if(void 0===e)return!1;const t=(0,p.__getState)(),n=j(t),o=V(t);return null!==n&&(e===n||o.some(t=>t.componentId===e))}function no(e){return e.widgetType!==Qn?null:e.settings?.component_instance?.value?.component_id?.value??null}function oo(e){const t=[];for(const n of e){const e=no(n);null!==e&&t.push(e),n.elements?.length&&t.push(...oo(n.elements))}return t}function ro(e){const t=(n=e.model)&&n.widgetType===Qn?n.settings?.component_instance?.value?.component_id?.value??null:null;var n;if(null===t)return!1;const o=to(t);return o&&(0,rt.notify)(eo),o}function io(e){const{containers:t=[e.container]}=e,n=t.some(e=>!!e&&(0,J.getAllDescendants)(e).some(e=>{const t=function(e){const t=e.model?.get?.("widgetType");if(t!==Qn)return null;const n=e.model?.get?.("settings"),o=n?.get?.("component_instance");return o?.value?.component_id?.value??null}(e);return null!==t&&to(t)}));return n&&(0,rt.notify)(eo),n}function ao(e){const{storageType:t}=e;if("localstorage"!==t)return!1;const n=window?.elementorCommon?.storage?.get();if(!n?.clipboard?.elements)return!1;const o=oo(n.clipboard.elements).some(to);return o&&(0,rt.notify)(eo),o}const so=(0,l.createStylesProvider)({key:"components-styles",priority:100,subscribe:e=>(0,p.__subscribeWithSelector)(e=>e[y],()=>{e()}),actions:{all:()=>D((0,p.__getState)()),get:e=>D((0,p.__getState)()).find(t=>t.id===e)??null}});async function lo({elements:e,status:t}){const n=T((0,p.__getState)());if(n.length)try{const o=await async function(e,t){const n=await f.create({status:t,items:e.map(e=>({uid:e.uid,title:e.name,elements:e.elements,settings:e.overridableProps?{overridable_props:e.overridableProps}:void 0}))}),o=new Map;return Object.entries(n).forEach(([e,t])=>{o.set(e,t)}),o}(n,t);co(e,o),(0,p.__dispatch)(v.actions.add(n.map(e=>({id:o.get(e.uid),name:e.name,uid:e.uid,overridableProps:e.overridableProps?e.overridableProps:void 0})))),(0,p.__dispatch)(v.actions.resetUnpublished())}catch(e){const t=n.map(e=>e.uid);throw(0,p.__dispatch)(v.actions.removeUnpublished(t)),new Error(`Failed to publish components: ${e}`)}}function co(e,t){e.forEach(e=>{const{shouldUpdate:n,newComponentId:o}=function(e,t){if("e-component"===e.widgetType){const n=e.settings?.component_instance?.value?.component_id.value;if(n&&t.has(n.toString()))return{shouldUpdate:!0,newComponentId:t.get(n.toString())}}return{shouldUpdate:!1,newComponentId:null}}(e,t);var r,i;n&&(r=e.id,i=o,(0,J.updateElementSettings)({id:r,props:{component_instance:{$$type:"component-instance",value:{component_id:{$$type:"number",value:i}}}},withHistory:!1})),e.elements&&co(e.elements,t)})}const po=({container:e})=>{const t=e.document;if(!t||t.config.type!==Lt)return;const n=L((0,p.__getState)(),t.id);n&&e.settings.set("overridable_props",n)},mo=({container:e,status:t})=>{const n=e?.model.get("elements").toJSON?.()??[];return Promise.all([uo({elements:n,status:t}),po({container:e})])},uo=async({elements:e,status:t})=>{await go({elements:e,status:t}),await lo({elements:e,status:t})},go=async({elements:e,status:t})=>{await(async e=>{const t=B((0,p.__getState)());t.length&&0===(await f.updateComponentTitle(t,e)).failedIds.length&&(0,p.__dispatch)(v.actions.cleanUpdatedComponentNames())})(t),await(async e=>{try{const t=(0,p.__getState)()[y].archivedThisSession;if(!t.length)return;const n=(await f.updateArchivedComponents(t,e)).failedIds.join(", ");n&&(0,rt.notify)({type:"error",message:`Failed to archive components: ${n}`,id:"failed-archived-components-notification"})}catch(e){throw new Error(`Failed to update archived components: ${e}`)}})(t),await async function({status:e,elements:t}){if("publish"!==e)return;const n=[...(await it(t)).values()].filter(r.isDocumentDirty).map(e=>e.id);0!==n.length&&(await f.updateStatuses(n,"publish"),n.forEach(e=>(0,r.invalidateDocumentData)(e)))}({elements:e,status:t})};const fo="e-flexbox";function ho(e){const t=(0,J.createElement)({containerId:e.id,model:{elType:fo}});(0,J.selectElement)(t.id)}function yo(e){const t=e.children?.[0];return t?{shouldRedirect:!0,container:t}:{shouldRedirect:!1,container:e}}function vo(e){return!("document"!==e.id)&&e.document?.config.type===Lt}function _o(e){pt((Array.isArray(e)?e:[e]).map(e=>e.model.toJSON()))}function bo(){(0,c.registerDataHook)("after","document/elements/duplicate",(e,t)=>{var n;zt()&&(n=t,(Array.isArray(n)?n:[n]).forEach(e=>{!function(e){(0,J.getAllDescendants)(e).forEach(e=>{e.model.get("widgetType")===ie?function(e){const t=e.settings?.toJSON()??{},n=ge.extract(t.component_instance),o=ue.extract(n?.overrides);if(!o?.length)return;const r=ye(o),i=ge.create({...n,overrides:ue.create(r)});(0,J.updateElementSettings)({id:e.id,props:{component_instance:i},withHistory:!1})}(e):function(e){const t=e.settings?.toJSON()??{},{hasChanges:n,settings:o}=ve(t);n&&(0,J.updateElementSettings)({id:e.id,props:o,withHistory:!1})}(e)})}(e)}))}),(0,c.registerDataHook)("after","document/elements/copy",e=>{zt()&&function(e){const t=window.elementorCommon?.storage;if(!t)return;const n=t.get(e);if(!n?.elements?.length)return;const o=n.elements.map(_e);t.set(e,{...n,elements:o})}(e.storageKey??"clipboard")})}function Eo(){l.stylesRepository.register(so),(0,p.__registerSlice)(v),(0,s.__registerPanel)(Fe),(0,o.registerElementType)(ie,e=>function(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;return n&&(this.#e={overrides:n.overrides??{}},this.collection=t.elementor.createBackboneElementsCollection(n.elements),this.collection.models.forEach(se),e.component_instance="<template data-children-placeholder></template>"),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()?ae(e,this._getContextMenuConfig()):e}_getContextMenuConfig(){return{add:le()?{general:{index:1,action:{name:"edit component",icon:"eicon-edit",title:()=>(0,d.__)("Edit Component","elementor"),isEnabled:()=>!0,callback:(e,t)=>this.editComponent(t)}}}:{},disable:{clipboard:["pasteStyle","resetStyle"]}}}async switchDocument(){const{isAllowedToSwitchDocument:t,lockedBy:n}=await f.getComponentLockStatus(this.getComponentId());t?X(this.getComponentId(),this.model.get("id"),this.el):e.showLockedByModal?.(n||"")}editComponent({trigger:e,location:t,secondaryLocation:n}){if(this.isComponentCurrentlyEdited())return;this.switchDocument();const o=this.model.get("editor_settings");ee({action:"edited",source:"user",component_uid:o?.component_uid,component_name:o?.title,location:t,secondary_location:n,trigger:e})}handleDblClick(e){if(e.stopPropagation(),!le())return;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=S((0,p.__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}})}()}}}({...e,showLockedByModal:an})),(0,c.registerDataHook)("dependency","editor/documents/close",e=>((0,r.getV1CurrentDocument)().config.type===Lt&&(e.mode="autosave"),!0)),(0,c.registerDataHook)("after","preview/drop",te),window.elementorCommon.__beforeSave=mo,(0,a.injectTab)({id:"components",label:(0,d.__)("Components","elementor"),component:Mt,position:1}),(0,n.injectIntoTop)({id:"create-component-popup",component:Yt}),(0,n.injectIntoLogic)({id:"components-populate-store",component:Zn}),(0,n.injectIntoTop)({id:"edit-component",component:on}),(0,i.injectIntoPanelHeaderTop)({id:"component-panel-header",component:Xe}),(0,c.registerDataHook)("after","editor/documents/attach-preview",async()=>{const{id:e,config:t}=(0,r.getV1CurrentDocument)();e&&function(e){f.invalidateComponentConfigCache(e),(0,p.__dispatch)(v.actions.removeStyles({id:e}))}(e),await pt(t?.elements??[])}),(0,n.injectIntoLogic)({id:"templates",component:Mn}),(0,i.registerFieldIndicator)({fieldType:i.FIELD_TYPE.SETTINGS,id:"component-overridable-prop",priority:1,indicator:Nn}),(0,i.registerControlReplacement)({id:Rt,component:Rn,condition:({value:e})=>me.isValid(e)}),(0,i.registerEditingPanelReplacement)({id:"component-instance-edit-panel",condition:(e,t)=>"e-component"===t.key,component:Dn}),o.settingsTransformersRegistry.register("component-instance",K),o.settingsTransformersRegistry.register("overridable",N),o.settingsTransformersRegistry.register("override",F),(0,c.registerDataHook)("dependency","document/elements/delete",(e,t)=>{if(function(e){const t=e?.commandsCurrentTrace?.includes("document/elements/move")||e?.commandsCurrentTrace?.includes("document/repeater/move");return Boolean(t)}(t))return!0;const n=(0,p.__getState)();if(!n)return!0;const o=j(n);if(!o)return!0;const r=L(n,o);if(!r||0===Object.keys(r.props).length)return!0;const i=e.containers??(e.container?[e.container]:[]);if(0===i.length)return!0;const a=function(e){return e.filter(Boolean).flatMap(e=>[e,...(0,J.getAllDescendants)(e)]).map(e=>e.model?.get?.("id")??e.id).filter(e=>Boolean(e))}(i);if(0===a.length)return!0;const s=Object.entries(r.props).filter(([,e])=>a.includes(e.elementId)).map(([e])=>e);return 0===s.length||be({componentId:o,propKey:s,source:"system"}),!0}),function(){const{setMCPDescription:e}=(0,Wn.getMCPByDomain)("components");e("Elementor Editor Components MCP - Tools for creating and managing reusable components. \n Components are reusable blocks of content that can be used multiple times across the pages, its a widget which contains a set of elements and styles."),Xn()}(),(0,c.blockCommand)({command:"document/elements/create",condition:ro}),(0,c.blockCommand)({command:"document/elements/move",condition:io}),(0,c.blockCommand)({command:"document/elements/paste",condition:ao}),(0,c.blockCommand)({command:"document/elements/create",condition:At}),(0,c.blockCommand)({command:"document/elements/move",condition:$t}),(0,c.blockCommand)({command:"document/elements/paste",condition:Bt}),(0,c.registerDataHook)("after","document/elements/paste",(e,t)=>{_o(t)}),(0,c.registerDataHook)("after","document/elements/import",(e,t)=>{_o(t)}),(0,c.registerDataHook)("dependency","preview/drop",e=>{if(!zt())return!0;const t=e.containers??(e.container?[e.container]:[]);for(const n of t){if(!vo(n))continue;const{shouldRedirect:t,container:o}=yo(n);if(t)if(e.containers){const t=e.containers.indexOf(n);e.containers[t]=o}else e.container=o}return!0}),(0,c.registerDataHook)("after","document/elements/delete",e=>{if(!zt())return;const t=e.containers??(e.container?[e.container]:[]);for(const e of t){if(!e.parent||!vo(e.parent))continue;const t=e.parent;0===t.children?.length&&ho(e.parent)}}),bo()}(window.elementorV2=window.elementorV2||{}).editorComponents=t}(),window.elementorV2.editorComponents?.init?.();
Submit
FILE
FOLDER
Name
Size
Permission
Action
editor-components.asset.php
957 bytes
0644
editor-components.js
163724 bytes
0644
editor-components.js.LICENSE.txt
45280 bytes
0644
editor-components.min.js
94251 bytes
0644
editor-components.strings.js
5062 bytes
0644
N4ST4R_ID | Naxtarrr