/*! For license information please see editor-editing-panel.js.LICENSE.txt */
!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-panels":function(e){e.exports=window.elementorV2.editorPanels},"@elementor/editor-responsive":function(e){e.exports=window.elementorV2.editorResponsive},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@wordpress/i18n":function(e){e.exports=window.wp.i18n}},t={};function n(l){var r=t[l];if(void 0!==r)return r.exports;var o=t[l]={exports:{}};return e[l](o,o.exports,n),o.exports}n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};!function(){n.r(l);var e=n("@elementor/editor-panels"),t=n("react"),r=n("@wordpress/i18n"),o=n("@elementor/editor-v1-adapters"),a=n("@elementor/ui"),i=n("@elementor/editor-responsive"),c=n("@elementor/editor");function s(){const e=window;return(e.elementor?.selection?.getElements?.()??[]).reduce(((e,t)=>{const n=t.model.get("widgetType")||t.model.get("elType");return n&&e.push({id:t.model.get("id"),type:n}),e}),[])}function d(){const e=window;return e?.elementor?.widgetsCache||null}function m(e){return(0,o.__privateUseListenTo)((0,o.commandEndEvent)("editor/documents/load"),(()=>{if(!e)return null;const t=d(),n=t?.[e];return n?.atomic_controls?{key:e,controls:n.atomic_controls,title:n.title}:null}),[e])}var u=(0,t.createContext)(null);function p({children:e,element:n}){return t.createElement(u.Provider,{value:{element:n}},e)}function v(){const e=(0,t.useContext)(u);if(!e)throw new Error("useElementContext must be used within a ElementContextProvider");return e}var E=(0,t.createContext)(null);function b(e){const n=(0,t.useContext)(E);if(!n)throw new Error("useControl must be used within a ControlContext");return{...n,value:n.value??e}}function g(e){const t=window,n=t.elementor?.getContainer?.(e);return n??null}var y=({bind:e,children:n})=>{const{element:l}=v(),r=(({id:e,bind:t})=>(0,o.__privateUseListenTo)((0,o.commandEndEvent)("document/elements/settings"),(()=>{const n=g(e);return n?.settings?.get(t)??null}),[e,t]))({id:l.id,bind:e});return t.createElement(E.Provider,{value:{setValue:t=>{(({id:e,props:t})=>{const n=g(e);(0,o.__privateRunCommand)("document/elements/settings",{container:n,settings:{...t}})})({id:l.id,props:{[e]:t}})},value:r,bind:e}},n)},h=({children:e,bind:n})=>t.createElement(y,{bind:n},t.createElement(w,{gap:1,direction:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap"},e)),w=(0,a.styled)(a.Stack)`
	& > * {
		flex-grow: 1;
	}

	& > label {
		min-width: 50%;
	}
`;h.Label=({children:e})=>t.createElement(a.Typography,{component:"label",variant:"caption",color:"text.secondary"},e);var f=({title:e,children:n})=>{const l=(0,t.useId)(),r=`label-${l}`,o=`content-${l}`;return t.createElement(a.Accordion,{disableGutters:!0,defaultExpanded:!0},t.createElement(a.AccordionSummary,{"aria-controls":o,id:r},t.createElement(a.AccordionSummaryText,{primaryTypographyProps:{variant:"caption"}},e)),t.createElement(a.AccordionDetails,{id:o,"aria-labelledby":r},t.createElement(a.Stack,{gap:2.5},n)))},_={select:({options:e})=>{const{value:n,setValue:l}=b();return t.createElement(a.Select,{size:"tiny",value:n??"",onChange:e=>{l(e.target.value)}},e.map((({label:e,...n})=>t.createElement(a.MenuItem,{key:n.value,...n},e))))},text:({placeholder:e})=>{const{value:n,setValue:l}=b("");return t.createElement(a.TextField,{type:"text",size:"tiny",value:n,onChange:e=>l(e.target.value),placeholder:e})},textarea:({placeholder:e})=>{const{value:n,setValue:l}=b("");return t.createElement(a.TextField,{size:"tiny",multiline:!0,fullWidth:!0,rows:5,value:n,onChange:e=>{l(e.target.value)},placeholder:e})}},x=()=>{const{element:e}=v(),n=m(e?.type);return n?t.createElement(a.Stack,null,n.controls.map((({type:e,value:n},l)=>"control"===e?t.createElement(S,{key:n.bind,control:n}):"section"===e?t.createElement(f,{key:e+"."+l,title:n.label},n.items?.map((e=>"control"===e.type?t.createElement(S,{key:e.value.bind,control:e.value}):null))):null))):null},S=({control:e})=>{const n=(l=e.type,_[l]??null);var l;return n?t.createElement(h,{bind:e.bind},t.createElement(h.Label,null,e.label),t.createElement(n,{...e.props})):null},P=(0,t.createContext)(null);function C({children:e,selectedStyleDef:n}){const l={breakpoint:(0,i.useActiveBreakpoint)(),state:null};return t.createElement(P.Provider,{value:{selectedStyleDef:n,selectedMeta:l}},e)}var T=e=>{const t=g(e);return t?.model.get("styles")||null},k=({bind:e,children:n})=>{const{element:l}=v(),{selectedStyleDef:r,selectedMeta:a}=function(){const e=(0,t.useContext)(P);if(!e)throw new Error("UseStyleContext must be used within a StyleContextProvider");return e}(),i=(({elementID:e,styleDefID:t,meta:n,propName:l})=>(0,o.__privateUseListenTo)((0,o.commandEndEvent)("document/atomic-widgets/styles"),(()=>{if(!t)return null;const r=T(e)?.[t];if(!r)return null;const o=function(e,t){return e.variants.find((e=>e.meta.breakpoint===t.breakpoint&&e.meta.state===t.state))}(r,n);return o?.props[l]??null}),[e,t,l,n]))({elementID:l.id,styleDefID:r?.id,meta:a,propName:e});return t.createElement(E.Provider,{value:{bind:e,value:i,setValue:t=>{(({elementID:e,styleDefID:t,meta:n,props:l,bind:r="classes"})=>{const a=g(e);(0,o.__privateRunCommand)("document/atomic-widgets/styles",{container:a,styleDefID:t,bind:r,meta:n,props:l})})({elementID:l.id,styleDefID:r?.id,props:{[e]:t},meta:a})}}},n)};k.Label=({children:e})=>t.createElement(a.Typography,{component:"label",variant:"caption",color:"text.secondary"},e);var D=({units:e,placeholder:n})=>{const{value:l,setValue:r}=b(z),o=l.value;return t.createElement(a.Stack,{direction:"row"},t.createElement(a.TextField,{size:"tiny",type:"number",value:o.size,onChange:e=>{const{valueAsNumber:t}=e.target;Number.isNaN(t)||r({$$type:"size",value:{...o,size:t}})},placeholder:n}),t.createElement(a.Select,{size:"tiny",value:o.unit,onChange:e=>{const t=e.target.value;r({$$type:"size",value:{...o,unit:t}})},MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}}},e.map((e=>t.createElement(a.MenuItem,{key:e,value:e},e.toUpperCase())))))},z={$$type:"size",value:{unit:"px",size:0}},I=()=>t.createElement(f,{title:(0,r.__)("Size","elementor")},t.createElement(a.Stack,{gap:1.5},t.createElement(a.Stack,{direction:"row",gap:2},t.createElement(L,{bind:"width",label:(0,r.__)("Width","elementor")}),t.createElement(L,{bind:"height",label:(0,r.__)("Height","elementor")})),t.createElement(a.Stack,{direction:"row",gap:2},t.createElement(L,{bind:"min-width",label:(0,r.__)("Min. Width","elementor")}),t.createElement(L,{bind:"min-height",label:(0,r.__)("Min. Height","elementor")})),t.createElement(a.Stack,{direction:"row",gap:2},t.createElement(L,{bind:"max-width",label:(0,r.__)("Max. Width","elementor")}),t.createElement(L,{bind:"max-height",label:(0,r.__)("Max. Height","elementor")})))),V=["px","%","em","rem","vw"],L=({label:e,bind:n})=>t.createElement(k,{bind:n},t.createElement(a.Stack,{gap:1,sx:{flex:"0 1 50%"}},t.createElement(k.Label,null,e),t.createElement(D,{units:V}))),M=()=>{const{element:e}=v(),n=(l=e.id,(0,o.__privateUseListenTo)((0,o.commandEndEvent)("document/atomic-widgets/styles"),(()=>T(l)),[l]));var l;const[r=null]=Object.values(n||{});return t.createElement(C,{selectedStyleDef:r},t.createElement(a.Stack,null,t.createElement(I,null)))},A=()=>{const{getTabProps:e,getTabPanelProps:n,getTabsProps:l}=(0,a.useTabs)("settings");return t.createElement(a.Stack,{direction:"column",sx:{width:"100%"}},t.createElement(a.Tabs,{variant:"fullWidth",indicatorColor:"secondary",textColor:"inherit",...l()},t.createElement(a.Tab,{label:(0,r.__)("General","elementor"),...e("settings")}),t.createElement(a.Tab,{label:(0,r.__)("Style","elementor"),...e("style")})),t.createElement(a.TabPanel,{...n("settings"),disablePadding:!0},t.createElement(x,null)),t.createElement(a.TabPanel,{...n("style"),disablePadding:!0},t.createElement(M,null)))},{panel:$,usePanelActions:U,usePanelStatus:N}=(0,e.__createPanel)({id:"editing-panel",component:()=>{const n=(0,o.__privateUseListenTo)([(0,o.commandEndEvent)("document/elements/select"),(0,o.commandEndEvent)("document/elements/deselect")],(()=>s())),[l]=n,a=m(l?.type);if(1!==n.length||!a)return null;const i=(0,r.__)("Edit %s","elementor").replace("%s",a.title);return t.createElement(e.Panel,null,t.createElement(e.PanelHeader,null,t.createElement(e.PanelHeaderTitle,null,i)),t.createElement(e.PanelBody,null,t.createElement(p,{element:l},t.createElement(A,null))))}}),W=()=>{const e=s(),t=d();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls};(0,e.__registerPanel)($),(0,o.__privateBlockDataCommand)({command:"panel/editor/open",condition:W}),(0,c.injectIntoLogic)({id:"editing-panel-hooks",component:()=>((()=>{const{open:e}=U();(0,t.useEffect)((()=>(0,o.__privateListenTo)((0,o.commandStartEvent)("panel/editor/open"),(()=>{W()&&e()}))),[])})(),null)})}(),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=l}();