PATH:
home
/
lab2454c
/
argowells.com
/
wp-content
/
plugins
/
elementor
/
assets
/
js
/
packages
/
editor-components
!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 vo}});var n=window.elementorV2.editor,o=window.elementorV2.editorCanvas,r=window.elementorV2.editorDocuments,i=window.elementorV2.editorEditingPanel,a=window.elementorV2.editorElementsPanel,l=window.elementorV2.editorPanels,s=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}}),h={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)},f=(0,p.__createAsyncThunk)("components/load",async()=>await h.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(f.fulfilled,(e,{payload:t})=>{e.data=t,e.loadStatus="idle"}),e.addCase(f.pending,e=>{e.loadStatus="pending"}),e.addCase(f.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:[]}},R=(0,p.__createSelector)(C,e=>{if(e)return e.overridableProps??M}),L=e=>(0,p.__useSelector)(t=>e?R(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.mixpanel;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)()),l=r&&a.includes(r),s=window.elementorCommon.eventsManager.config,{locations:c,secondaryLocations:d}=s;ee({action:"instanceAdded",source:"user",instance_id:i,component_uid:r,component_name:o,is_same_session_reuse:l,location:c.widgetPanel,secondary_location:d.componentsTab})};var ne=window.elementorV2.utils;function oe(e,t){return{...e,items:Object.fromEntries(Object.entries(e.items).map(([e,n])=>[e,{...n,props:n.props.filter(e=>e!==t)}]))}}function re(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 ie(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 ae="e-component",le=(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 ce(){const e=window;return e.elementor.config?.user?.is_administrator??!1}var pe=window.elementorV2.editorProps,de=window.elementorV2.schema;const me=(0,pe.createPropUtils)("override",de.z.object({override_key:de.z.string(),override_value:de.z.unknown(),schema_source:de.z.object({type:de.z.literal("component"),id:de.z.number()})})),ue=(0,pe.createPropUtils)("overridable",de.z.object({override_key:de.z.string(),origin_value:de.z.object({$$type:de.z.string(),value:de.z.unknown()}).nullable()})),ge=(0,pe.createPropUtils)("overrides",de.z.array(de.z.union([me.schema,ue.schema])).optional().default([])),he=(0,pe.createPropUtils)("component-instance",de.z.object({component_id:pe.numberPropTypeUtil.schema,overrides:de.z.optional(ge.schema)}));function fe(e){return[e.widgetType,e.elType].includes(ae)}function ye(e,t){return e.map(e=>ue.isValid(e)?me.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))ue.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=he.extract(e.component_instance),n=ge.extract(t?.overrides);if(!n?.length)return e;const o=ye(n);return{...e,component_instance:he.create({...t,overrides:ge.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(e){return(0,p.__useSelector)(t=>{if(e)return R(t,e)})}var Ee=window.elementorV2.editorControls;const we=({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(Ee.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 Ce({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(we,{anchorRef:e,shouldShowIntroduction:t,onClose:()=>n(!1)}))}const xe={EMPTY_NAME:(0,d.__)("Property name is required","elementor"),DUPLICATE_NAME:(0,d.__)("Property name already exists","elementor")};function Se(e,t,n){const o=e.trim();if(!o)return{isValid:!1,errorMessage:xe.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:xe.DUPLICATE_NAME}:{isValid:!0,errorMessage:null}}function Ie(){return Ie=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},Ie.apply(null,arguments)}const Te="tiny",Pe={value:null,label:(0,d.__)("Default","elementor")};function ke({onSubmit:e,groups:t,currentValue:n,existingLabels:o=[],sx:r}){const i=t?.length?t:[Pe],[a,l]=(0,W.useState)(n?.label??null),[s,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"),h=void 0===n,f=h?(0,d.__)("Create new property","elementor"):(0,d.__)("Update property","elementor"),y=h?(0,d.__)("Create","elementor"):(0,d.__)("Update","elementor");return W.createElement(H.Form,{onSubmit:()=>{const t=Se(a??"",o,n?.label);t.isValid?e({label:a??"",group:s}):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}},f)),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:Te,fullWidth:!0,placeholder:(0,d.__)("Enter value","elementor"),value:a??"",onChange:e=>{const t=e.target.value;l(t);const r=Se(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:Te,fullWidth:!0,value:s??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,Ie({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 De(){return De=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},De.apply(null,arguments)}const Oe=e=>W.createElement(Y.UnstableSortableProvider,De({restrictAxis:!0,variant:"static",dragPlaceholderStyle:{opacity:"1"}},e)),Me=({triggerClassName:e,...t})=>W.createElement(Le,De({},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:l,isDragOverlay:s,isDragPlaceholder:c})=>W.createElement(Y.Box,De({},t,{style:r,component:"div",role:"listitem",sx:{backgroundColor:s?"background.paper":void 0}}),e({isDragged:n,isDragPlaceholder:c,triggerProps:o,triggerStyle:i}),l&&W.createElement(ze,{style:a}))}),Le=(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"})),ze=(0,Y.styled)(Y.Box)` width: 100%; height: 1px; background-color: ${({theme:e})=>e.palette.text.primary}; `;function Ve(){return Ve=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},Ve.apply(null,arguments)}function je({prop:e,sortableTriggerProps:t,isDragPlaceholder:n,groups:o,existingLabels:r,onDelete:i,onUpdate:a}){const l=(0,Y.usePopupState)({variant:"popover"}),s=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)(l);return W.createElement(W.Fragment,null,W.createElement(Y.Box,Ve({},(0,Y.bindTrigger)(l),{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(Me,t),W.createElement(Y.Box,{sx:{display:"flex",alignItems:"center",color:"text.primary",fontSize:12,padding:.25}},W.createElement("i",{className:s})),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,Ve({},c,{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PaperProps:{sx:{width:l.anchorEl?.getBoundingClientRect().width}}}),W.createElement(ke,{onSubmit:e=>{a(e),l.close()},currentValue:e,groups:o,existingLabels:r,sx:{width:"100%"}})))}function Ae(){return Ae=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},Ae.apply(null,arguments)}function $e({group:e,props:t,allGroups:n,sortableTriggerProps:o,isDragPlaceholder:r,onPropsReorder:i,onPropertyDelete:a,onPropertyUpdate:l,onGroupDelete:s,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:h,getEditableProps:f,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(Me,Ae({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,Ae({ref:u,as:Y.Typography,variant:"caption",error:h??void 0,sx:{color:"text.primary",fontWeight:400,lineHeight:1.66}},f()))):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,Ae({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(Oe,{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(je,{prop:e,sortableTriggerProps:{...o,style:r},isDragPlaceholder:i,groups:n,existingLabels:Object.values(t).map(e=>e.label),onDelete:a,onUpdate:t=>l(e.overrideKey,t)})))))),W.createElement(Y.Menu,Ae({},(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(),s(e.id)},disabled:_},W.createElement(Y.Typography,{variant:"caption",sx:{color:_?"text.disabled":"error.light"}},(0,d.__)("Delete","elementor")))))))}const Be={EMPTY_NAME:(0,d.__)("Group name is required","elementor"),DUPLICATE_NAME:(0,d.__)("Group name already exists","elementor")};const Ue="New group";function Ke({onClose:e}){const t=$(),n=be(t),[o,i]=(0,W.useState)(!1),a=(0,W.useRef)(null),s=function(){const[e,t]=(0,W.useState)(null),n=$(),o=be(n),i=o?.groups?.items??{},a=e?i[e]:null,{ref:l,openEditMode:s,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=R((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)?Be.DUPLICATE_NAME:"":Be.EMPTY_NAME}(t,Object.fromEntries(Object.entries(i).filter(([t])=>t!==e)))||null});return{editableRef:l,isEditing:c,error:m,getEditableProps:u,setEditingGroupId:e=>{t(e),s()},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,h=e=>{!function({componentId:e,propKey:t,source:n}){const o=R((0,p.__getState)(),e);if(!o)return;const r=o.props[t];if(!r)return;!function(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=he.extract(n),r=ge.extract(o?.overrides);if(!r?.length)return;const i=ye(r,t),a=he.create({...o,overrides:ge.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}))}(r.elementId,r.propKey,r.originValue,t);const{[t]:i,...a}=o.props,l=oe(o.groups,t);(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...o,props:a,groups:l}}));const s=A((0,p.__getState)());ee({action:"propertyRemoved",source:n,component_uid:s?.uid,property_id:i.overrideKey,property_path:i.propKey,property_name:i.label,element_type:i.widgetType??i.elType})}({componentId:t,propKey:e,source:"user"}),(0,r.setDocumentModifiedStatus)(!0)},f=(e,n)=>{(function({componentId:e,overrideKey:t,label:n,groupId:o}){const r=R((0,p.__getState)(),e);if(!r)return;const i=r.props[t];if(!i)return;const a=i.groupId,l=o??a,s={...i,label:n,groupId:l},c=(d=r.groups,m=t,(u=a)===(g=l)?d:re(ie(d,u,m),g,m));var d,m,u,g;(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:{...r,props:{...r.props,[t]:s},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=R((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(l.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(l.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(Ue))return Ue;let n=1,o=`${Ue}-${n}`;for(;t.has(o);)n++,o=`${Ue}-${n}`;return o}(c);!function({componentId:e,groupId:t,label:n,source:o}){const r=A((0,p.__getState)()),i=R((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),s.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(l.PanelBody,null,u?W.createElement(Ce,{introductionRef:a}):W.createElement(Y.List,{sx:{p:2,display:"flex",flexDirection:"column",gap:2}},W.createElement(Oe,{value:g,onChange:e=>{!function({componentId:e,newOrder:t}){const n=R((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:l})=>W.createElement($e,{group:e,props:n.props,allGroups:m,allGroupsRecord:n.groups.items,sortableTriggerProps:{...o,style:a},isDragPlaceholder:l,setIsAddingGroup:i,onPropsReorder:n=>{return o=e.id,function({componentId:e,groupId:t,newPropsOrder:n}){const o=R((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:h,onPropertyUpdate:f,editableLabelProps:s,onGroupDelete:y})))))))}const{panel:Ne,usePanelActions:Fe}=(0,l.__createPanel)({id:"component-properties-panel",component:function(){const{element:e,elementType:t}=(0,J.useSelectedElement)(),{close:n}=Fe(),{open:o}=(0,i.usePanelActions)();return e&&t?W.createElement(H.ThemeProvider,null,W.createElement(Y.ErrorBoundary,{fallback:W.createElement(We,null)},W.createElement(i.ElementProvider,{element:e,elementType:t},W.createElement(l.Panel,null,W.createElement(Ke,{onClose:()=>{n(),o()}}))))):null}}),We=()=>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")))),Ge=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(He,{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":`${Ye} 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"}))))}),He=(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?`${qe} 300ms ease-out`:"none"}})),qe=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; } `,Ye=Y.keyframes` from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } `,Je=()=>{const{id:e,uid:t}=(0,p.__useSelector)(A)??{id:null,uid:null},n=be(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,s]=(0,G.useSuppressedMessage)("components-properties-introduction"),[c,m]=W.useState(!a),{open:u}=Fe(),g=n?Object.keys(n.props).length:0,h=W.useRef(null);return e?W.createElement(Y.Box,null,W.createElement(l.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(Ge,{overridablePropsCount:g,ref:h,onClick:()=>{u(),ee({action:"propertiesPanelOpened",source:"user",component_uid:t,properties_count:g})}})),W.createElement(Y.Divider,null),W.createElement(we,{anchorRef:h,shouldShowIntroduction:c,onClose:()=>{s(),m(!1)}})):null},Xe=()=>({components:(0,p.__useSelector)(I),isLoading:(0,p.__useSelector)(P)}),Ze=(0,W.createContext)(void 0),Qe=({children:e,localStorageKey:t})=>{const{debouncedValue:n,handleChange:o,inputValue:r}=(0,ne.useSearchState)({localStorageKey:t});return W.createElement(Ze.Provider,{value:{handleChange:o,clearSearch:()=>{o("")},searchValue:n,inputValue:r}},e)},et=()=>{const e=(0,W.useContext)(Ze);if(!e)throw new Error("useSearch must be used within a SearchProvider");return e},tt=()=>{const{inputValue:e,handleChange:t}=et();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"}))}})))},nt=()=>{const{isAdmin:e}=(0,G.useCurrentUserCapabilities)();return{canCreate:e,canEdit:e,canDelete:e,canRename:e}};var ot=window.elementorV2.editorNotifications;async function rt(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 it(e,t),t)}async function it(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 it(o,t);i.push(...e)}return i}));return[...new Set(n.flat())]}async function at(e){if(z((0,p.__getState)(),e))return;const t=await h.getOverridableProps(e);t&&(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:t}))}function lt(e){return e.elements?.length?e.elements.flatMap(st):[]}function st(e){return[...Object.values(e.styles??{}),...(e.elements??[]).flatMap(st)]}async function ct(e){const t=await rt(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(at))}([...t.keys()])}const pt=de.z.string().trim().max(50,(0,d.__)("Component name is too long. Please keep it under 50 characters.","elementor")),dt=e=>de.z.object({componentName:pt.refine(t=>!e.includes(t),{message:(0,d.__)("Component name already exists","elementor")})}),mt=e=>{const t=dt(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")})})},ut=async(e,t)=>await(0,J.replaceElement)({currentElement:e,newElement:gt(t),withHistory:!1}),gt=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 ft(){return ft=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},ft.apply(null,arguments)}const yt=({component:e,renameComponent:t})=>{const n=(0,W.useRef)(null),[i,a]=(0,W.useState)(!1),{canRename:l,canDelete:s}=nt(),c=l||s,{ref:m,isEditing:u,openEditMode:g,error:h,getProps:f}=(0,H.useEditable)({value:e.name,onSubmit:t,validation:_t}),y=gt(e),_=(0,Y.usePopupState)({variant:"popover",disableAutoFocus:!0});return W.createElement(Y.Stack,null,W.createElement(H.WarningInfotip,{open:Boolean(h),text:h??"",placement:"bottom",width:n.current?.getBoundingClientRect().width,offset:[0,-15]},W.createElement(Y.ListItemButton,{draggable:!0,onDragStart:e=>(0,o.startDragElementFromPanel)(y,e),onDragEnd:()=>{ct([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:()=>{vt(y)}},W.createElement(Y.ListItemIcon,{size:"tiny"},W.createElement(q.ComponentsIcon,{fontSize:"tiny"})),W.createElement(bt,{isActive:u,isError:!!h},W.createElement(Y.Box,{display:"flex",flex:1,minWidth:0,flexGrow:1},u?W.createElement(H.EditableField,ft({ref:m,as:Y.Typography,variant:"caption"},f())):W.createElement(H.EllipsisWithTooltip,{title:e.name,as:Y.Typography,variant:"caption",color:"text.primary"})))),c&&W.createElement(Y.IconButton,ft({size:"tiny"},(0,Y.bindTrigger)(_),{"aria-label":"More actions"}),W.createElement(q.DotsVerticalIcon,{fontSize:"tiny"})))),c&&W.createElement(Y.Menu,ft({},(0,Y.bindMenu)(_),{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}}),l&&W.createElement(H.MenuListItem,{sx:{minWidth:"160px"},primaryTypographyProps:{variant:"caption",color:"text.primary"},onClick:()=>{_.close(),g()}},(0,d.__)("Rename","elementor")),s&&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,ot.notify)(((e,t)=>({type:"success",message:(0,d.__)("Successfully deleted component %s","elementor").replace("%s",t),id:`success-archived-components-notification-${e}`}))(t,n))}}))},vt=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");ct([e]),(0,J.dropElement)({containerId:t.id,model:e,options:{...n,useHistory:!1,scrollIntoView:!0}})},_t=e=>{const t=function(e){const t=I((0,p.__getState)())?.map(({name:e})=>e)??[],n=mt(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},bt=(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:Et({isActive:t,isError:n,theme:e}),padding:`0 ${e.spacing(1)}`,marginLeft:t?e.spacing(1):0,minWidth:0})),Et=({isActive:e,isError:t,theme:n})=>t?`2px solid ${n.palette.error.main}`:e?`2px solid ${n.palette.secondary.main}`:"none",wt=Array.from({length:6},(e,t)=>t),Ct=()=>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"}}},wt.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"}))))),xt={fontSize:"0.875rem !important",fontWeight:"500 !important"};function St(){const{components:e,isLoading:t,searchValue:n}=Pt();return t?W.createElement(Ct,null):e&&0!==e.length?W.createElement(Y.List,{sx:{display:"flex",flexDirection:"column",gap:1,px:2}},e.map(e=>W.createElement(yt,{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===ae&&o?.component_uid===t})}(t,e);n.forEach(e=>{e.model.trigger?.("title_external_change")})}(e)})(e.uid,t)}}))):n.length>0?W.createElement(Tt,null):W.createElement(It,null)}const It=()=>{const{canCreate:e}=nt();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:xt},(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:xt},(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")))))},Tt=()=>{const{searchValue:e,clearSearch:t}=et();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:xt},(0,d.__)("Sorry, nothing matched","elementor")),e&&W.createElement(Y.Typography,{variant:"subtitle2",color:"inherit",sx:{...xt,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"))))},Pt=()=>{const{components:e,isLoading:t}=Xe(),{searchValue:n}=et();return{components:e.filter(e=>e.name.toLowerCase().includes(n.toLowerCase())),isLoading:t,searchValue:n}};function kt(){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 Dt=()=>{const{components:e,isLoading:t}=Xe(),n=!t&&e.length>0;return W.createElement(W.Fragment,null,n&&W.createElement(tt,null),n&&!function(){const e=window;return!!e.elementor?.helpers?.hasPro?.()&&(e.elementorPro?.config?.isActive??!1)}()&&W.createElement(kt,null),W.createElement(St,null))},Ot=()=>W.createElement(H.ThemeProvider,null,W.createElement(Qe,{localStorageKey:"elementor-components-search"},W.createElement(Dt,null))),Mt="elementor_component",Rt="overridable-prop";function Lt(){const e=(0,p.__getStore)()?.getState();return!!e&&null!==j(e)}const zt={type:"default",message:(0,d.__)("This widget isn't compatible with components. Use atomic elements instead.","elementor"),id:"non-atomic-element-blocked"};function Vt(e){return null!==(0,J.getElementType)(e)}function jt(e){if(!Lt())return!1;const{model:t}=e,n=t?.widgetType||t?.elType;return!!n&&!Vt(n)&&((0,ot.notify)(zt),!0)}function At(e){if(!Lt())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,ot.notify)(zt),n}function $t(e){if(!Lt())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=Bt(n.clipboard.elements);return o&&(0,ot.notify)(zt),o}function Bt(e){for(const t of e){const e=t.widgetType||t.elType;if(e&&!Vt(e))return!0;if(t.elements?.length&&Bt(t.elements))return!0}return!1}function Ut(e){const t=[],n=e.widgetType||e.elType;if(n&&!Vt(n)&&t.push(n),e.elements?.length)for(const n of e.elements)t.push(...Ut(n));return[...new Set(t)]}async function Kt({name:e,element:t,eventData:n,uid:o,overridableProps:r,source:i}){const a=o??(0,ne.generateUniqueId)("component"),l={uid:a,name:e},s=_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({...l,elements:[s],overridableProps:r})),(0,p.__dispatch)(v.actions.addCreatedThisSession(a));const h=await ut(t,l);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,h.id),(0,p.__dispatch)(v.actions.removeUnpublished(a)),(0,p.__dispatch)(v.actions.removeCreatedThisSession(a)),e}return{uid:a,instanceId:h.id}}const Nt=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:l,errors:s}=Ft(a,i);r(l?{}:s)},validateForm:e=>{const{success:n,errors:o,parsedValues:i}=Ft(t,e);return n?(r({}),{success:n,parsedValues:i}):(r(o),{success:n})}}},Ft=(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}},Wt=(e,t)=>{const{elementsCount:n,componentsCount:o}=Gt(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 Gt(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}=Gt(o);t+=e,n+=r}return{elementsCount:t,componentsCount:n}}const Ht=100;function qt(){const[e,t]=(0,W.useState)(null),[n,o]=(0,W.useState)(),{components:r}=Xe(),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 Ut(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>=Ht?{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",Ht.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=Wt(e.detail.element,e.detail.options),ee({action:"createClicked",source:"user",...i.current})):(0,ot.notify)(a)};return window.addEventListener(e,n),()=>{window.removeEventListener(e,n)}},[r?.length]);const a=()=>{t(null),o(void 0)},l=()=>{a(),ee({action:"createCancelled",source:"user",...i.current})};return W.createElement(H.ThemeProvider,null,W.createElement(Y.Popover,{open:null!==e,onClose:l,anchorReference:"anchorPosition",anchorPosition:n},null!==e&&W.createElement(Jt,{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 Kt({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,ot.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,ot.notify)({type:"error",message:e,id:"component-save-failed"}),a()}},closePopup:l})))}const Yt="tiny",Jt=({initialValues:e,handleSave:t,closePopup:n})=>{const{values:o,errors:r,isValid:i,handleChange:a,validateForm:l}=Nt(e),{components:s}=Xe(),c=(0,W.useMemo)(()=>s?.map(e=>e.name)??[],[s]),p=(0,W.useMemo)(()=>dt(c),[c]),m=(0,W.useMemo)(()=>mt(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}=l(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:Yt}),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:Yt,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 Xt({path:e,currentComponentId:t}){const n=(0,p.__getStore)()?.dispatch;n&&(n(v.actions.setPath(e)),n(v.actions.setCurrentComponentId(t)))}var Zt=window.ReactDOM;function Qt({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,Zt.createPortal)(W.createElement(W.Fragment,null,W.createElement(tn,null),W.createElement(en,{canvas:n,element:e,onClose:t})),n.body):null}function en({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:l}=t;return`path(evenodd, 'M 0 0 \n\t\tL ${a} 0\n\t\tL ${a} ${l}\n\t\tL 0 ${l}\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 tn(){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 nn(){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&&h.unlockComponent(t),o.config.type===Mt?Xt({path:on(n,o),currentComponentId:o.id}):Xt({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(Qt,{topLevelElementDom:o,onClose:n}):null}function on(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,l=a?.children?.findRecursive?.(t=>t.id===e),s=l?.model?.get?.("editor_settings");return s?.title}(o,e);return[...e,{instanceId:o,instanceTitle:i,componentId:t.id}]}const rn=e=>{(0,H.openDialog)({component:W.createElement(an,{lockedBy:e})})},an=({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}=nt(),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 sn(e){const t=(0,J.getElementType)(e);return t?cn(t.controls).reduce((e,t)=>({...e,[t.value.bind]:t}),{}):{}}function cn(e){return e.map(e=>"control"===e.type&&"bind"in e.value?e:"section"===e.type?cn(e.value.items):null).filter(Boolean).flat()}const pn=(0,W.createContext)(null);function dn({children:e,...t}){return W.createElement(pn.Provider,{value:t},e)}const mn=()=>(0,W.useContext)(pn)?.value,un=()=>(0,W.useContext)(pn)?.componentInstanceElement,gn=e=>ue.isValid(e)?function(e){const t=ue.extract(e);if(!t)return null;return me.isValid(t.origin_value)?hn(t.origin_value):t.origin_value}(e):me.isValid(e)?hn(e):e;function hn(e){const t=me.extract(e);return t?t.override_value:null}function fn(e,t,n){const o=R((0,p.__getState)(),e);if(!o)return;const r=o.props[t.override_key];if(!r)return;const i=gn(t.origin_value),a=n?{originValue:i,originPropFields:n}:{originValue:i},l={...o,props:{...o.props,[r.overrideKey]:{...r,...a}}};(0,p.__dispatch)(v.actions.setOverridableProps({componentId:e,overridableProps:l}))}const yn=e=>{if(e.originPropFields)return vn(e.originPropFields);const{widgetType:t,propKey:n}=e;return vn({widgetType:t,propKey:n})};function vn({widgetType:e,propKey:t}){const n=(0,J.getWidgetsCache)()?.[e]?.atomic_props_schema;return n?.[t]}const _n=({children:e,...t})=>W.createElement(Y.Stack,{direction:"row",alignItems:"center",justifyItems:"start",gap:.25},W.createElement(Ee.ControlFormLabel,t,e),W.createElement(Ee.ControlAdornments,null)),bn=(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 En(e,t){return function(e,t,n){const{originValue:o,originPropFields:r}=n;if(xn(o))return o;if(t){const n=wn(e,t);if(xn(n))return n}const{elementId:i,propKey:a}=r??{};return i&&a?Cn(e,i,a):null}((0,p.__useSelector)(_),e,t)}function wn(e,t){const n=ue.extract(t),o=n?me.extract(n.origin_value):me.extract(t);if(!o)return null;const{schema_source:r,override_key:i,override_value:a}=o,l=r?.id;if(!l||!i)return null;const s=function(e,t,n){const o=e.find(({id:e})=>e===t);return o?.overridableProps?.props?.[n]}(e,l,i);if(xn(s?.originValue))return s.originValue;if(s?.originPropFields?.elementId){const t=s.originPropFields.propKey??s.propKey,n=Cn(e,s.originPropFields.elementId,t);if(xn(n))return n}const c=ue.extract(a);return c?wn(e,ue.create(c)):null}function Cn(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(xn(i.originValue))return i.originValue;if(i.originPropFields?.elementId){const t=i.originPropFields.propKey??n;return Cn(e,i.originPropFields.elementId,t,o)}}}return null}function xn(e){return null!=e}function Sn({overridableProp:e,overrides:t}){return W.createElement(i.SettingsField,{bind:"component_instance",propDisplayName:e.label},W.createElement(In,{overridableProp:e,overrides:t}))}function In({overridableProp:e,overrides:t}){const n=(0,i.useElement)(),o=$(),{value:r,setValue:a}=(0,Ee.useBoundProp)(he),l=sn(e?.originPropFields?.widgetType??e.widgetType),s=(0,i.getControlReplacements)(),c=function(e,t){return e?.find(e=>{const n=ue.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=En(c,e),d=yn(e);if(!d)return null;const m=r.component_id?.value;if(!m)throw new Error("Component ID is required");const u=(c?gn(c):null)??p??e.originValue,g={[e.overrideKey]:u},{control:h,controlProps:f,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),l=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&&(l.label=n??r.label),{control:o,controlProps:l,layout:a}}(l,e?.originPropFields??e,e.label),{elementId:v,widgetType:_,elType:b,propKey:E}=e.originPropFields??e;if(!(0,J.getContainer)(v))throw new bn({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(dn,{value:ue.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(Ee.PropProvider,{propType:x,value:g,setValue:n=>{const l=function(e,t,n){return null===n&&(0,i.isDynamicPropValue)(t)?e.default??null:n}(d,u,n[e.overrideKey]),s=function({matchingOverride:e,overrideKey:t,overrideValue:n,componentId:o}){const r=ue.extract(e),i=ue.extract(n)??r;if(i){const e=me.create({override_key:t,override_value:gn(n),schema_source:{type:"component",id:o}});return ue.create({override_key:i.override_key,origin_value:e})}return me.create({override_key:t,override_value:n,schema_source:{type:"component",id:o}})}({matchingOverride:c,overrideKey:e.overrideKey,overrideValue:l,componentId:m});let p=t?.map(e=>e===c?s:e)??[];c||(p=[...p,s]),a({...r,overrides:ge.create(p)});const g=ue.extract(s);if(g&&o){if(e.originPropFields)return void fn(o,g,e.originPropFields);const{elType:t,widgetType:n,propKey:r,elementId:i}=e;fn(o,g,{elType:t,widgetType:n,propKey:r,elementId:i})}},isDisabled:()=>!1},W.createElement(Ee.PropKeyProvider,{bind:e.overrideKey},W.createElement(Ee.ControlReplacementsProvider,{replacements:s},W.createElement(Y.Stack,{direction:"column",gap:1,mb:1.5},"custom"!==y&&W.createElement(_n,null,e.label),W.createElement(Tn,{control:h,controlProps:f}))))))))}function Tn({control:e,controlProps:t}){const{value:n}=e;return W.createElement(i.BaseControl,{type:n.type,props:t})}function Pn({group:e,props:t,overrides:n}){const[o,r]=(0,i.useStateByElement)(e.id,!0),a=(0,W.useId)(),l=`label-${a}`,s=`content-${a}`,c=e.label;return W.createElement(Y.Box,{"aria-label":`${c} section`},W.createElement(Y.ListItemButton,{id:l,"aria-controls":s,"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:s,"aria-labelledby":l,in:o,timeout:"auto"},W.createElement(Y.Stack,{direction:"column",gap:1,p:2},e.props.map(e=>W.createElement(Sn,{key:e,overridableProp:t[e],overrides:n})))))}function kn(){const{canEdit:e}=nt(),t=function(){const{element:e}=(0,i.useElement)(),t=(0,J.useElementSetting)(e.id,"component_instance");return he.extract(t)}(),n=t?.component_id?.value,o=t?.overrides?.value,r=x(n??null),a=L(n??null),s=(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,s),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(l.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:l.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(l.PanelBody,null,W.createElement(Ee.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+s},W.createElement(Pn,{group:e,props:a.props,overrides:o}),W.createElement(Y.Divider,null)))))))}function Dn(){return Dn=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},Dn.apply(null,arguments)}function On({OriginalControl:e,...t}){const{elementType:n}=(0,i.useElement)(),{value:o,bind:r,setValue:a,placeholder:l,...s}=(0,Ee.useBoundProp)(ue),c=$(),p=L(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],h=(u?yn(u):void 0)??g;if(!h)return null;const f=(0,i.createTopLevelObjectType)({schema:{[r]:h}}),y=m?(o.origin_value?.value).override_value:o.origin_value,v=l?{[r]:l}:void 0;return W.createElement(dn,{value:o},W.createElement(Ee.PropProvider,Dn({},s,{propType:f,setValue:e=>{const t={...o,origin_value:e[r]};a(t),m||fn(c,t,u?.originPropFields)},value:{[r]:y},placeholder:v}),W.createElement(Ee.PropKeyProvider,{bind:r},W.createElement(Ee.ControlReplacementsProvider,{replacements:d},W.createElement(Mn,{OriginalControl:e,props:t})))))}function Mn({OriginalControl:e,props:t}){const{ControlToRender:n,isReplaced:o}=(0,Ee.useControlReplacement)(e);if(o){const o=n;return W.createElement(o,Dn({},t,{OriginalControl:e}))}return W.createElement(e,t)}function Rn({componentId:e,overrideKey:t,elementId:n,label:o,groupId:r,propKey:i,elType:a,widgetType:l,originValue:s,originPropFields:c,source:m}){const u=R((0,p.__getState)(),e);if(!u)return;const g=t?u.props[t]:null,h=Object.values(u.props).filter(e=>e.elementId===n&&e.propKey===i&&e!==g),{groups:f,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:l,elType:a,originValue:s,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:f},h),E={...b.props,[_.overrideKey]:_};let w=re(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=ie(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:l??a})}return _}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)}const zn="tiny",Vn=(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; } `,jn=(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; } } `,An=(0,W.forwardRef)(({isOpen:e,isOverridable:t,...n},o)=>W.createElement(jn,Ln({ref:o},n,{className:e||t?"enlarged":""}),W.createElement(Vn,{className:"icon","aria-label":t?(0,d.__)("Overridable property","elementor"):(0,d.__)("Make prop overridable","elementor")},t?W.createElement(q.CheckIcon,{fontSize:zn}):W.createElement(q.PlusIcon,{fontSize:zn}))));function $n(){return $n=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},$n.apply(null,arguments)}function Bn(){const{propType:e}=(0,Ee.useBoundProp)(),t=$(),n=L(t);return function(e){return!1!==e.meta.overridable}(e)&&t&&n?W.createElement(Un,{componentId:t,overridableProps:n}):null}function Un({componentId:e,overridableProps:t}){const{element:{id:n},elementType:o}=(0,i.useElement)(),{value:r,bind:a,propType:l}=(0,Ee.useBoundProp)(),s=mn(),c=un(),{value:m,setValue:u}=(0,Ee.useBoundProp)(ue),g=m??s,h=(0,Y.usePopupState)({variant:"popover"}),f=(0,Y.bindTrigger)(h),y=(0,Y.bindPopover)(h),{elType:v}=(0,J.getWidgetsCache)()?.[o.key]??{elType:"widget"},_=g?function({componentId:e,overrideKey:t}){const n=R((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(An,$n({},f,{isOpen:!!y.open,isOverridable:!!g}))),W.createElement(Y.Popover,$n({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:2.5}}},y),W.createElement(ke,{onSubmit:({label:i,group:s})=>{const p=l.default??{},d=gn(g?.origin_value)??r??p,m=g?t?.props?.[g.override_key]:void 0,f=Rn({componentId:e,overrideKey:g?.override_key??null,elementId:c?.element.id??n,label:i,groupId:s,propKey:a,elType:v??"widget",widgetType:c?.elementType.key??o.key,originValue:d,originPropFields:m?.originPropFields,source:"user"});!g&&f&&u({override_key:f.overrideKey,origin_value:d}),h.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 Kn=window.elementorV2.editorMcp;const Nn={element_id:de.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:de.z.string().describe("The name for the new component. Should be descriptive and unique among existing components."),overridable_props:de.z.object({props:de.z.record(de.z.object({elementId:de.z.string().describe("The id of the child element that you want to override its settings"),propKey:de.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:de.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.')},Fn={message:de.z.string().optional().describe("Additional information about the operation result"),component_uid:de.z.string().optional().describe("The unique identifier of the newly created component (only present on success)")},Wn=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 l=i.model.toJSON({remove:["default"]});if(l?.isLocked)throw new Error("Cannot save a locked element as a component.");const s=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,l=Gn(t,r);if(!l)throw new Error(`Element with ID "${r}" not found in component`);const s=l.elType,c=l.widgetType||l.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=l.settings?.[i]?l.settings[i]:p.propsSchema[i].default??null;n[d]={overrideKey:d,label:a,elementId:r,propKey:i,elType:s,widgetType:c,originValue:m,groupId:o}}),{props:n,groups:{items:{[o]:{id:o,label:"Default",props:Object.keys(n)}},order:[o]}}}(o,l):void 0;s&&function(e,t){Object.values(t.props).forEach(t=>{const n=Gn(e,t.elementId);n&&n.settings&&(n.settings[t.propKey]={$$type:"overridable",value:{override_key:t.overrideKey,origin_value:t.originValue}})})}(l,s);const c=(0,ne.generateUniqueId)("component");try{await h.validate({items:[{uid:c,title:n,elements:[l],settings:{overridable_props:s}}]})}catch(e){if(e instanceof m.AxiosError)throw new Error(e.response?.data.messge);throw new Error("Unknown error")}return await Kt({name:n,element:l,eventData:null,uid:c,overridableProps:s,source:"mcp_tool"}),{status:"ok",message:`Component "${n}" created successfully.`,component_uid:c}};function Gn(e,t){if(e.id===t)return e;if(e.elements)for(const n of e.elements){const e=Gn(n,t);if(e)return e}return null}const Hn=()=>{const e=(0,Kn.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()},qn=()=>(0,Kn.getMCPByDomain)("components").addTool({name:"save-as-component",schema:Nn,outputSchema:Fn,description:Hn(),handler:Wn});function Yn(){return(0,W.useEffect)(()=>{(0,p.__dispatch)(f())},[]),null}const Jn="e-component",Xn={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 Zn(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 Qn(e){return e.widgetType!==Jn?null:e.settings?.component_instance?.value?.component_id?.value??null}function eo(e){const t=[];for(const n of e){const e=Qn(n);null!==e&&t.push(e),n.elements?.length&&t.push(...eo(n.elements))}return t}function to(e){const t=(n=e.model)&&n.widgetType===Jn?n.settings?.component_instance?.value?.component_id?.value??null:null;var n;if(null===t)return!1;const o=Zn(t);return o&&(0,ot.notify)(Xn),o}function no(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!==Jn)return null;const n=e.model?.get?.("settings"),o=n?.get?.("component_instance");return o?.value?.component_id?.value??null}(e);return null!==t&&Zn(t)}));return n&&(0,ot.notify)(Xn),n}function oo(e){const{storageType:t}=e;if("localstorage"!==t)return!1;const n=window?.elementorCommon?.storage?.get();if(!n?.clipboard?.elements)return!1;const o=eo(n.clipboard.elements).some(Zn);return o&&(0,ot.notify)(Xn),o}const ro=(0,s.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 io({elements:e,status:t}){const n=T((0,p.__getState)());if(n.length)try{const o=await async function(e,t){const n=await h.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);ao(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 ao(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&&ao(e.elements,t)})}const lo=({container:e})=>{const t=e.document;if(!t||t.config.type!==Mt)return;const n=R((0,p.__getState)(),t.id);n&&e.settings.set("overridable_props",n)},so=({container:e,status:t})=>{const n=e?.model.get("elements").toJSON?.()??[];return Promise.all([co({elements:n,status:t}),lo({container:e})])},co=async({elements:e,status:t})=>{await po({elements:e,status:t}),await io({elements:e,status:t})},po=async({elements:e,status:t})=>{await(async e=>{const t=B((0,p.__getState)());t.length&&0===(await h.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 h.updateArchivedComponents(t,e)).failedIds.join(", ");n&&(0,ot.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 rt(t)).values()].filter(r.isDocumentDirty).map(e=>e.id);0!==n.length&&(await h.updateStatuses(n,"publish"),n.forEach(e=>(0,r.invalidateDocumentData)(e)))}({elements:e,status:t})};const mo="e-flexbox";function uo(e){const t=(0,J.createElement)({containerId:e.id,model:{elType:mo}});(0,J.selectElement)(t.id)}function go(e){const t=e.children?.[0];return t?{shouldRedirect:!0,container:t}:{shouldRedirect:!1,container:e}}function ho(e){return!("document"!==e.id)&&e.document?.config.type===Mt}function fo(e){ct((Array.isArray(e)?e:[e]).map(e=>e.model.toJSON()))}function yo(){(0,c.registerDataHook)("after","document/elements/duplicate",(e,t)=>{var n;Lt()&&(n=t,(Array.isArray(n)?n:[n]).forEach(e=>{!function(e){(0,J.getAllDescendants)(e).forEach(e=>{e.model.get("widgetType")===ae?function(e){const t=e.settings?.toJSON()??{},n=he.extract(t.component_instance),o=ge.extract(n?.overrides);if(!o?.length)return;const r=ye(o),i=he.create({...n,overrides:ge.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=>{Lt()&&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 vo(){s.stylesRepository.register(ro),(0,p.__registerSlice)(v),(0,l.__registerPanel)(Ne),(0,o.registerElementType)(ae,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()?le(e,this._getContextMenuConfig()):e}_getContextMenuConfig(){return{add:ce()?{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 h.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(),!ce())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:rn})),(0,c.registerDataHook)("dependency","editor/documents/close",e=>((0,r.getV1CurrentDocument)().config.type===Mt&&(e.mode="autosave"),!0)),(0,c.registerDataHook)("after","preview/drop",te),window.elementorCommon.__beforeSave=so,(0,a.injectTab)({id:"components",label:(0,d.__)("Components","elementor"),component:Ot,position:1}),(0,n.injectIntoTop)({id:"create-component-popup",component:qt}),(0,n.injectIntoLogic)({id:"components-populate-store",component:Yn}),(0,n.injectIntoTop)({id:"edit-component",component:nn}),(0,i.injectIntoPanelHeaderTop)({id:"component-panel-header",component:Je}),(0,c.registerDataHook)("after","editor/documents/attach-preview",async()=>{const{id:e,config:t}=(0,r.getV1CurrentDocument)();e&&function(e){h.invalidateComponentConfigCache(e),(0,p.__dispatch)(v.actions.removeStyles({id:e}))}(e),await ct(t?.elements??[])}),(0,i.registerFieldIndicator)({fieldType:i.FIELD_TYPE.SETTINGS,id:"component-overridable-prop",priority:1,indicator:Bn}),(0,i.registerControlReplacement)({id:Rt,component:On,condition:({value:e})=>ue.isValid(e)}),(0,i.registerEditingPanelReplacement)({id:"component-instance-edit-panel",condition:(e,t)=>"e-component"===t.key,component:kn}),o.settingsTransformersRegistry.register("component-instance",K),o.settingsTransformersRegistry.register("overridable",N),o.settingsTransformersRegistry.register("override",F),(0,c.registerDataHook)("dependency","document/elements/delete",e=>{const t=(0,p.__getState)();if(!t)return!0;const n=j(t);if(!n)return!0;const o=R(t,n);if(!o||0===Object.keys(o.props).length)return!0;const r=e.containers??(e.container?[e.container]:[]);if(0===r.length)return!0;const i=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))}(r);if(0===i.length)return!0;const a=Object.entries(o.props).filter(([,e])=>i.includes(e.elementId)).map(([e])=>e);if(0===a.length)return!0;const l=Object.fromEntries(Object.entries(o.props).filter(([e])=>!a.includes(e)));let s=o.groups;for(const e of a)s=oe(s,e);return(0,p.__dispatch)(v.actions.setOverridableProps({componentId:n,overridableProps:{...o,props:l,groups:s}})),!0}),function(){const{setMCPDescription:e}=(0,Kn.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."),qn()}(),(0,c.blockCommand)({command:"document/elements/create",condition:to}),(0,c.blockCommand)({command:"document/elements/move",condition:no}),(0,c.blockCommand)({command:"document/elements/paste",condition:oo}),(0,c.blockCommand)({command:"document/elements/create",condition:jt}),(0,c.blockCommand)({command:"document/elements/move",condition:At}),(0,c.blockCommand)({command:"document/elements/paste",condition:$t}),(0,c.registerDataHook)("after","document/elements/paste",(e,t)=>{fo(t)}),(0,c.registerDataHook)("after","document/elements/import",(e,t)=>{fo(t)}),(0,c.registerDataHook)("dependency","preview/drop",e=>{if(!Lt())return!0;const t=e.containers??(e.container?[e.container]:[]);for(const n of t){if(!ho(n))continue;const{shouldRedirect:t,container:o}=go(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(!Lt())return;const t=e.containers??(e.container?[e.container]:[]);for(const e of t){if(!e.parent||!ho(e.parent))continue;const t=e.parent;0===t.children?.length&&uo(e.parent)}}),yo()}(window.elementorV2=window.elementorV2||{}).editorComponents=t}(),window.elementorV2.editorComponents?.init?.();
[-] editor-components.js.LICENSE.txt
[edit]
[-] editor-components.min.js
[edit]
[+]
..
[-] editor-components.strings.js
[edit]
[-] editor-components.js
[edit]
[-] editor-components.asset.php
[edit]