← All changes | assets/js/packages/editor-ui/editor-ui.js +2080 -6 4.1.0-dev3 → 4.3.2 View file →

		@@ -1,20 +1,635 @@
1		-/*! For license information please see editor-ui.js.LICENSE.txt */
2		-!function(){"use strict";var e={"./packages/node_modules/@tanstack/react-virtual/dist/esm/index.js":function(e,t,n){n.r(t),n.d(t,{Virtualizer:function(){return i.Virtualizer},approxEqual:function(){return i.approxEqual},debounce:function(){return i.debounce},defaultKeyExtractor:function(){return i.defaultKeyExtractor},defaultRangeExtractor:function(){return i.defaultRangeExtractor},elementScroll:function(){return i.elementScroll},measureElement:function(){return i.measureElement},memo:function(){return i.memo},notUndefined:function(){return i.notUndefined},observeElementOffset:function(){return i.observeElementOffset},observeElementRect:function(){return i.observeElementRect},observeWindowOffset:function(){return i.observeWindowOffset},observeWindowRect:function(){return i.observeWindowRect},useVirtualizer:function(){return useVirtualizer},useWindowVirtualizer:function(){return useWindowVirtualizer},windowScroll:function(){return i.windowScroll}});var o=n("react"),r=n("react-dom"),i=n("./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js");const s="undefined"!=typeof document?o.useLayoutEffect:o.useEffect;function useVirtualizerBase({useFlushSync:e=!0,...t}){const n=o.useReducer(()=>({}),{})[1],a={...t,onChange:(o,i)=>{var s;e&&i?(0,r.flushSync)(n):n(),null==(s=t.onChange)||s.call(t,o,i)}},[l]=o.useState(()=>new i.Virtualizer(a));return l.setOptions(a),s(()=>l._didMount(),[]),s(()=>l._willUpdate()),l}function useVirtualizer(e){return useVirtualizerBase({observeElementRect:i.observeElementRect,observeElementOffset:i.observeElementOffset,scrollToFn:i.elementScroll,...e})}function useWindowVirtualizer(e){return useVirtualizerBase({getScrollElement:()=>"undefined"!=typeof document?window:null,observeElementRect:i.observeWindowRect,observeElementOffset:i.observeWindowOffset,scrollToFn:i.windowScroll,initialOffset:()=>"undefined"!=typeof document?window.scrollY:0,...e})}},"./packages/node_modules/@tanstack/virtual-core/dist/esm/index.js":function(e,t,n){n.r(t),n.d(t,{Virtualizer:function(){return Virtualizer},approxEqual:function(){return o.approxEqual},debounce:function(){return o.debounce},defaultKeyExtractor:function(){return defaultKeyExtractor},defaultRangeExtractor:function(){return defaultRangeExtractor},elementScroll:function(){return elementScroll},measureElement:function(){return measureElement},memo:function(){return o.memo},notUndefined:function(){return o.notUndefined},observeElementOffset:function(){return observeElementOffset},observeElementRect:function(){return observeElementRect},observeWindowOffset:function(){return observeWindowOffset},observeWindowRect:function(){return observeWindowRect},windowScroll:function(){return windowScroll}});var o=n("./packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js");const getRect=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},defaultKeyExtractor=e=>e,defaultRangeExtractor=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),o=[];for(let e=t;e<=n;e++)o.push(e);return o},observeElementRect=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;const handler=e=>{const{width:n,height:o}=e;t({width:Math.round(n),height:Math.round(o)})};if(handler(getRect(n)),!o.ResizeObserver)return()=>{};const r=new o.ResizeObserver(t=>{const run=()=>{const e=t[0];if(null==e?void 0:e.borderBoxSize){const t=e.borderBoxSize[0];if(t)return void handler({width:t.inlineSize,height:t.blockSize})}handler(getRect(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(run):run()});return r.observe(n,{box:"border-box"}),()=>{r.unobserve(n)}},r={passive:!0},observeWindowRect=(e,t)=>{const n=e.scrollElement;if(!n)return;const handler=()=>{t({width:n.innerWidth,height:n.innerHeight})};return handler(),n.addEventListener("resize",handler,r),()=>{n.removeEventListener("resize",handler)}},i="undefined"==typeof window||"onscrollend"in window,observeElementOffset=(e,t)=>{const n=e.scrollElement;if(!n)return;const s=e.targetWindow;if(!s)return;let a=0;const l=e.options.useScrollendEvent&&i?()=>{}:(0,o.debounce)(s,()=>{t(a,!1)},e.options.isScrollingResetDelay),createHandler=o=>()=>{const{horizontal:r,isRtl:i}=e.options;a=r?n.scrollLeft*(i?-1:1):n.scrollTop,l(),t(a,o)},c=createHandler(!0),u=createHandler(!1);n.addEventListener("scroll",c,r);const d=e.options.useScrollendEvent&&i;return d&&n.addEventListener("scrollend",u,r),()=>{n.removeEventListener("scroll",c),d&&n.removeEventListener("scrollend",u)}},observeWindowOffset=(e,t)=>{const n=e.scrollElement;if(!n)return;const s=e.targetWindow;if(!s)return;let a=0;const l=e.options.useScrollendEvent&&i?()=>{}:(0,o.debounce)(s,()=>{t(a,!1)},e.options.isScrollingResetDelay),createHandler=o=>()=>{a=n[e.options.horizontal?"scrollX":"scrollY"],l(),t(a,o)},c=createHandler(!0),u=createHandler(!1);n.addEventListener("scroll",c,r);const d=e.options.useScrollendEvent&&i;return d&&n.addEventListener("scrollend",u,r),()=>{n.removeEventListener("scroll",c),d&&n.removeEventListener("scrollend",u)}},measureElement=(e,t,n)=>{if(null==t?void 0:t.borderBoxSize){const e=t.borderBoxSize[0];if(e){return Math.round(e[n.options.horizontal?"inlineSize":"blockSize"])}}return e[n.options.horizontal?"offsetWidth":"offsetHeight"]},windowScroll=(e,{adjustments:t=0,behavior:n},o)=>{var r,i;const s=e+t;null==(i=null==(r=o.scrollElement)?void 0:r.scrollTo)||i.call(r,{[o.options.horizontal?"left":"top"]:s,behavior:n})},elementScroll=(e,{adjustments:t=0,behavior:n},o)=>{var r,i;const s=e+t;null==(i=null==(r=o.scrollElement)?void 0:r.scrollTo)||i.call(r,{[o.options.horizontal?"left":"top"]:s,behavior:n})};class Virtualizer{constructor(e){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.laneAssignments=new Map,this.pendingMeasuredCacheIndexes=[],this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.now=()=>{var e,t,n;return(null==(n=null==(t=null==(e=this.targetWindow)?void 0:e.performance)?void 0:t.now)?void 0:n.call(t))??Date.now()},this.observer=(()=>{let e=null;const get=()=>e||(this.targetWindow&&this.targetWindow.ResizeObserver?e=new this.targetWindow.ResizeObserver(e=>{e.forEach(e=>{const run=()=>{const t=e.target,n=this.indexFromElement(t);t.isConnected?this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(t,e,this)):this.observer.unobserve(t)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(run):run()})}):null);return{disconnect:()=>{var t;null==(t=get())||t.disconnect(),e=null},observe:e=>{var t;return null==(t=get())?void 0:t.observe(e,{box:"border-box"})},unobserve:e=>{var t;return null==(t=get())?void 0:t.unobserve(e)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([t,n])=>{void 0===n&&delete e[t]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:defaultKeyExtractor,rangeExtractor:defaultRangeExtractor,onChange:()=>{},measureElement:measureElement,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,laneAssignmentMode:"estimate",...e}},this.notify=e=>{var t,n;null==(n=(t=this.options).onChange)||n.call(t,this,e)},this.maybeNotify=(0,o.memo)(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),null!=this.rafId&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var e;const t=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==t){if(this.cleanup(),!t)return void this.maybeNotify();this.scrollElement=t,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=(null==(e=this.scrollElement)?void 0:e.window)??null,this.elementsCache.forEach(e=>{this.observer.observe(e)}),this.unsubs.push(this.options.observeElementRect(this,e=>{this.scrollRect=e,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(e,t)=>{this.scrollAdjustments=0,this.scrollDirection=t?this.getScrollOffset()<e?"forward":"backward":null,this.scrollOffset=e,this.isScrolling=t,this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??("function"==typeof this.options.initialOffset?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(e,t)=>{const n=new Map,o=new Map;for(let r=t-1;r>=0;r--){const t=e[r];if(n.has(t.lane))continue;const i=o.get(t.lane);if(null==i||t.end>i.end?o.set(t.lane,t):t.end<i.end&&n.set(t.lane,!0),n.size===this.options.lanes)break}return o.size===this.options.lanes?Array.from(o.values()).sort((e,t)=>e.end===t.end?e.index-t.index:e.end-t.end)[0]:void 0},this.getMeasurementOptions=(0,o.memo)(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode],(e,t,n,o,r,i,s)=>(void 0!==this.prevLanes&&this.prevLanes!==i&&(this.lanesChangedFlag=!0),this.prevLanes=i,this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:t,scrollMargin:n,getItemKey:o,enabled:r,lanes:i,laneAssignmentMode:s}),{key:!1}),this.getMeasurements=(0,o.memo)(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:t,scrollMargin:n,getItemKey:o,enabled:r,lanes:i,laneAssignmentMode:s},a)=>{if(!r)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>e)for(const t of this.laneAssignments.keys())t>=e&&this.laneAssignments.delete(t);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMeasuredCacheIndexes=[]),0!==this.measurementsCache.length||this.lanesSettling||(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(e=>{this.itemSizeCache.set(e.key,e.size)}));const l=this.lanesSettling?0:this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[],this.lanesSettling&&this.measurementsCache.length===e&&(this.lanesSettling=!1);const c=this.measurementsCache.slice(0,l),u=new Array(i).fill(void 0);for(let e=0;e<l;e++){const t=c[e];t&&(u[t.lane]=e)}for(let r=l;r<e;r++){const e=o(r),i=this.laneAssignments.get(r);let l,d;const p="estimate"===s||a.has(e);if(void 0!==i&&this.options.lanes>1){l=i;const e=u[l],o=void 0!==e?c[e]:void 0;d=o?o.end+this.options.gap:t+n}else{const e=1===this.options.lanes?c[r-1]:this.getFurthestMeasurement(c,r);d=e?e.end+this.options.gap:t+n,l=e?e.lane:r%this.options.lanes,this.options.lanes>1&&p&&this.laneAssignments.set(r,l)}const m=a.get(e),h="number"==typeof m?m:this.options.estimateSize(r),f=d+h;c[r]={index:r,start:d,size:h,end:f,key:e,lane:l},u[l]=r}return this.measurementsCache=c,c},{key:"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=(0,o.memo)(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,t,n,o)=>this.range=e.length>0&&t>0?function calculateRange({measurements:e,outerSize:t,scrollOffset:n,lanes:o}){const r=e.length-1,getOffset=t=>e[t].start;if(e.length<=o)return{startIndex:0,endIndex:r};let i=findNearestBinarySearch(0,r,getOffset,n),s=i;if(1===o)for(;s<r&&e[s].end<n+t;)s++;else if(o>1){const a=Array(o).fill(0);for(;s<r&&a.some(e=>e<n+t);){const t=e[s];a[t.lane]=t.end,s++}const l=Array(o).fill(n+t);for(;i>=0&&l.some(e=>e>=n);){const t=e[i];l[t.lane]=t.start,i--}i=Math.max(0,i-i%o),s=Math.min(r,s+(o-1-s%o))}return{startIndex:i,endIndex:s}}({measurements:e,outerSize:t,scrollOffset:n,lanes:o}):null,{key:"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=(0,o.memo)(()=>{let e=null,t=null;const n=this.calculateRange();return n&&(e=n.startIndex,t=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,t]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,t]},(e,t,n,o,r)=>null===o||null===r?[]:e({startIndex:o,endIndex:r,overscan:t,count:n}),{key:"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=e=>{const t=this.options.indexAttribute,n=e.getAttribute(t);return n?parseInt(n,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=e=>{var t;if(!this.scrollState||"smooth"!==this.scrollState.behavior)return!0;const n=this.scrollState.index??(null==(t=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))?void 0:t.index);if(void 0!==n&&this.range){const t=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),o=Math.max(0,n-t),r=Math.min(this.options.count-1,n+t);return e>=o&&e<=r}return!0},this.measureElement=e=>{if(!e)return void this.elementsCache.forEach((e,t)=>{e.isConnected||(this.observer.unobserve(e),this.elementsCache.delete(t))});const t=this.indexFromElement(e),n=this.options.getItemKey(t),o=this.elementsCache.get(n);o!==e&&(o&&this.observer.unobserve(o),this.observer.observe(e),this.elementsCache.set(n,e)),this.isScrolling&&!this.scrollState||!this.shouldMeasureDuringScroll(t)||this.resizeItem(t,this.options.measureElement(e,void 0,this))},this.resizeItem=(e,t)=>{var n;const o=this.measurementsCache[e];if(!o)return;const r=t-(this.itemSizeCache.get(o.key)??o.size);0!==r&&("smooth"!==(null==(n=this.scrollState)?void 0:n.behavior)&&(void 0!==this.shouldAdjustScrollPositionOnItemSizeChange?this.shouldAdjustScrollPositionOnItemSizeChange(o,r,this):o.start<this.getScrollOffset()+this.scrollAdjustments)&&(this.options.debug&&console.info("correction",r),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=r,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(o.index),this.itemSizeCache=new Map(this.itemSizeCache.set(o.key,t)),this.notify(!1))},this.getVirtualItems=(0,o.memo)(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,t)=>{const n=[];for(let o=0,r=e.length;o<r;o++){const r=t[e[o]];n.push(r)}return n},{key:"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{const t=this.getMeasurements();if(0!==t.length)return(0,o.notUndefined)(t[findNearestBinarySearch(0,t.length-1,e=>(0,o.notUndefined)(t[e]).start,e)])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const e=this.scrollElement.document.documentElement;return this.options.horizontal?e.scrollWidth-this.scrollElement.innerWidth:e.scrollHeight-this.scrollElement.innerHeight}},this.getOffsetForAlignment=(e,t,n=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),r=this.getScrollOffset();"auto"===t&&(t=e>=r+o?"end":"start"),"center"===t?e+=(n-o)/2:"end"===t&&(e-=o);const i=this.getMaxScrollOffset();return Math.max(Math.min(i,e),0)},this.getOffsetForIndex=(e,t="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));const n=this.getSize(),o=this.getScrollOffset(),r=this.measurementsCache[e];if(!r)return;if("auto"===t)if(r.end>=o+n-this.options.scrollPaddingEnd)t="end";else{if(!(r.start<=o+this.options.scrollPaddingStart))return[o,t];t="start"}if("end"===t&&e===this.options.count-1)return[this.getMaxScrollOffset(),t];const i="end"===t?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(i,t,r.size),t]},this.scrollToOffset=(e,{align:t="start",behavior:n="auto"}={})=>{const o=this.getOffsetForAlignment(e,t),r=this.now();this.scrollState={index:null,align:t,behavior:n,startedAt:r,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToIndex=(e,{align:t="auto",behavior:n="auto"}={})=>{e=Math.max(0,Math.min(e,this.options.count-1));const o=this.getOffsetForIndex(e,t);if(!o)return;const[r,i]=o,s=this.now();this.scrollState={index:e,align:i,behavior:n,startedAt:s,lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollBy=(e,{behavior:t="auto"}={})=>{const n=this.getScrollOffset()+e,o=this.now();this.scrollState={index:null,align:"start",behavior:t,startedAt:o,lastTargetOffset:n,stableFrames:0},this._scrollToOffset(n,{adjustments:void 0,behavior:t}),this.scheduleScrollReconcile()},this.getTotalSize=()=>{var e;const t=this.getMeasurements();let n;if(0===t.length)n=this.options.paddingStart;else if(1===this.options.lanes)n=(null==(e=t[t.length-1])?void 0:e.end)??0;else{const e=Array(this.options.lanes).fill(null);let o=t.length-1;for(;o>=0&&e.some(e=>null===e);){const n=t[o];null===e[n.lane]&&(e[n.lane]=n.end),o--}n=Math.max(...e.filter(e=>null!==e))}return Math.max(n-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:t,behavior:n})=>{this.options.scrollToFn(e,{behavior:n,adjustments:t},this)},this.measure=()=>{this.itemSizeCache=new Map,this.laneAssignments=new Map,this.notify(!1)},this.setOptions(e)}scheduleScrollReconcile(){this.targetWindow?null==this.rafId&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()})):this.scrollState=null}reconcileScroll(){if(!this.scrollState)return;if(!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3)return void(this.scrollState=null);const e=null!=this.scrollState.index?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,t=e?e[0]:this.scrollState.lastTargetOffset,n=t!==this.scrollState.lastTargetOffset;if(!n&&(0,o.approxEqual)(t,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1)return void(this.scrollState=null)}else this.scrollState.stableFrames=0,n&&(this.scrollState.lastTargetOffset=t,this.scrollState.behavior="auto",this._scrollToOffset(t,{adjustments:void 0,behavior:"auto"}));this.scheduleScrollReconcile()}}const findNearestBinarySearch=(e,t,n,o)=>{for(;e<=t;){const r=(e+t)/2|0,i=n(r);if(i<o)e=r+1;else{if(!(i>o))return r;t=r-1}}return e>0?e-1:0}},"./packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js":function(e,t,n){function memo(e,t,n){let o,r=n.initialDeps??[],i=!0;function memoizedFunction(){var s,a,l;let c;n.key&&(null==(s=n.debug)?void 0:s.call(n))&&(c=Date.now());const u=e();if(!(u.length!==r.length||u.some((e,t)=>r[t]!==e)))return o;let d;if(r=u,n.key&&(null==(a=n.debug)?void 0:a.call(n))&&(d=Date.now()),o=t(...u),n.key&&(null==(l=n.debug)?void 0:l.call(n))){const e=Math.round(100*(Date.now()-c))/100,t=Math.round(100*(Date.now()-d))/100,o=t/16,pad=(e,t)=>{for(e=String(e);e.length<t;)e=" "+e;return e};console.info(`%c⏱ ${pad(t,5)} /${pad(e,5)} ms`,`\n font-size: .6rem;\n font-weight: bold;\n color: hsl(${Math.max(0,Math.min(120-120*o,120))}deg 100% 31%);`,null==n?void 0:n.key)}return!(null==n?void 0:n.onChange)||i&&n.skipInitialOnChange||n.onChange(o),i=!1,o}return memoizedFunction.updateDeps=e=>{r=e},memoizedFunction}function notUndefined(e,t){if(void 0===e)throw new Error("Unexpected undefined"+(t?`: ${t}`:""));return e}n.r(t),n.d(t,{approxEqual:function(){return approxEqual},debounce:function(){return debounce},memo:function(){return memo},notUndefined:function(){return notUndefined}});const approxEqual=(e,t)=>Math.abs(e-t)<1.01,debounce=(e,t,n)=>{let o;return function(...r){e.clearTimeout(o),o=e.setTimeout(()=>t.apply(this,r),n)}}},"./packages/packages/libs/editor-ui/src/components/collapse-icon.tsx":function(e,t,n){n.r(t),n.d(t,{CollapseIcon:function(){return i}});var o=n("@elementor/icons"),r=n("@elementor/ui");const i=(0,r.styled)(o.ChevronDownIcon,{shouldForwardProp:e=>"open"!==e&&"disabled"!==e})(({theme:e,open:t,disabled:n=!1})=>({transform:t?"rotate(180deg)":"rotate(0deg)",transition:e.transitions.create("transform",{duration:e.transitions.duration.standard}),opacity:n?.4:1}))},"./packages/packages/libs/editor-ui/src/components/collapsible-content.tsx":function(e,t,n){n.r(t),n.d(t,{CollapsibleContent:function(){return CollapsibleContent},getCollapsibleValue:function(){return getCollapsibleValue}});var o=n("react"),r=n("@elementor/ui"),i=n("@wordpress/i18n"),s=n("./packages/packages/libs/editor-ui/src/components/collapse-icon.tsx");const a=(0,r.styled)("div")`
	1	+(function(_elementor_icons, _elementor_ui, react, _wordpress_i18n, _elementor_editor_v1_adapters, react_dom) {
	2	+
	3	+//#region \0rolldown/runtime.js
	4	+ var __create = Object.create;
	5	+ var __defProp = Object.defineProperty;
	6	+ var __name = (target, value) => __defProp(target, "name", {
	7	+ value,
	8	+ configurable: true
	9	+ });
	10	+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
	11	+ var __getOwnPropNames = Object.getOwnPropertyNames;
	12	+ var __getProtoOf = Object.getPrototypeOf;
	13	+ var __hasOwnProp = Object.prototype.hasOwnProperty;
	14	+ var __exportAll = (all, no_symbols) => {
	15	+ let target = {};
	16	+ for (var name in all) {
	17	+ __defProp(target, name, {
	18	+ get: all[name],
	19	+ enumerable: true
	20	+ });
	21	+ }
	22	+ if (!no_symbols) {
	23	+ __defProp(target, Symbol.toStringTag, { value: "Module" });
	24	+ }
	25	+ return target;
	26	+ };
	27	+ var __copyProps = (to, from, except, desc) => {
	28	+ if (from && typeof from === "object" || typeof from === "function") {
	29	+ for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
	30	+ key = keys[i];
	31	+ if (!__hasOwnProp.call(to, key) && key !== except) {
	32	+ __defProp(to, key, {
	33	+ get: ((k) => from[k]).bind(null, key),
	34	+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
	35	+ });
	36	+ }
	37	+ }
	38	+ }
	39	+ return to;
	40	+ };
	41	+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
	42	+ value: mod,
	43	+ enumerable: true
	44	+ }) : target, mod));
	45	+
	46	+//#endregion
	47	+let react$1 = __toESM(react, 1);
	48	+react = __toESM(react);
	49	+
	50	+//#region packages/packages/libs/editor-ui/src/components/collapse-icon.tsx
	51	+ var CollapseIcon = (0, _elementor_ui.styled)(_elementor_icons.ChevronDownIcon, { shouldForwardProp: (prop) => prop !== "open" && prop !== "disabled" })(({ theme, open, disabled = false }) => ({
	52	+ transform: open ? "rotate(180deg)" : "rotate(0deg)",
	53	+ transition: theme.transitions.create("transform", { duration: theme.transitions.duration.standard }),
	54	+ opacity: disabled ? .4 : 1
	55	+ }));
	56	+
	57	+//#endregion
	58	+//#region packages/packages/libs/editor-ui/src/components/collapsible-content.tsx
	59	+ var IndicatorsWrapper = (0, _elementor_ui.styled)("div")`
3	60	position: absolute;
4	61	top: 0;
5		- right: ${({theme:e})=>e.spacing(3)};
	62	+ right: ${({ theme }) => theme.spacing(3)};
6	63	height: 100%;
7	64	display: flex;
8	65	flex-direction: column;
9	66	align-items: center;
10	67	justify-content: center;
11		-`,CollapsibleContent=({children:e,defaultOpen:t=!1,titleEnd:n=null})=>{const[l,c]=(0,o.useState)(t);return o.createElement(r.Stack,null,o.createElement(r.Stack,{sx:{position:"relative"}},o.createElement(r.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{c(e=>!e)},endIcon:o.createElement(s.CollapseIcon,{open:l}),sx:{my:.5},"aria-label":l?"Show less":"Show more"},l?(0,i.__)("Show less","elementor"):(0,i.__)("Show more","elementor")),n&&o.createElement(a,null,getCollapsibleValue(n,l))),o.createElement(r.Collapse,{in:l,timeout:"auto",unmountOnExit:!0},e))};function getCollapsibleValue(e,t){return"function"==typeof e?e(t):e}},"./packages/packages/libs/editor-ui/src/components/confirmation-dialog.tsx":function(e,t,n){n.r(t),n.d(t,{ConfirmationDialog:function(){return ConfirmationDialog}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");function _extends(){return _extends=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},_extends.apply(null,arguments)}const a="confirmation-dialog",ConfirmationDialog=({open:e,onClose:t,children:n})=>o.createElement(i.Dialog,{open:e,onClose:t,"aria-labelledby":a,maxWidth:"sm"},n);ConfirmationDialog.Title=({children:e,icon:t=r.AlertOctagonFilledIcon,iconColor:n="error"})=>o.createElement(i.DialogTitle,{id:a,display:"flex",alignItems:"center",gap:1,sx:{lineHeight:1}},o.createElement(t,{color:n}),e),ConfirmationDialog.Content=({children:e})=>o.createElement(i.DialogContent,{sx:{mt:2}},e),ConfirmationDialog.ContentText=e=>o.createElement(i.DialogContentText,_extends({variant:"body2",color:"secondary"},e)),ConfirmationDialog.Actions=({onClose:e,onConfirm:t,cancelLabel:n,confirmLabel:r,color:a="error",onSuppressMessage:l,suppressLabel:c=(0,s.__)("Don't show this again","elementor")})=>{const[u,d]=(0,o.useState)(!1);return o.createElement(i.DialogActions,{sx:l?{justifyContent:"space-between",alignItems:"center"}:void 0},l&&o.createElement(i.FormControlLabel,{control:o.createElement(i.Checkbox,{checked:u,onChange:e=>d(e.target.checked),size:"medium",color:"secondary"}),label:o.createElement(i.Typography,{variant:"body2",color:"text.secondary"},c)}),o.createElement("div",null,o.createElement(i.Button,{color:"secondary",onClick:e},n??(0,s.__)("Not now","elementor")),o.createElement(i.Button,{autoFocus:!0,variant:"contained",color:a,onClick:()=>{u&&l&&l(),t()},sx:{ml:1}},r??(0,s.__)("Delete","elementor"))))}},"./packages/packages/libs/editor-ui/src/components/cta-button.tsx":function(e,t,n){n.r(t),n.d(t,{CtaButton:function(){return CtaButton}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");function _extends(){return _extends=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},_extends.apply(null,arguments)}const CtaButton=({href:e,children:t,showIcon:n=!0,...a})=>o.createElement(i.Button,_extends({variant:"contained",color:"promotion",href:e,target:"_blank",startIcon:n?o.createElement(r.CrownFilledIcon,null):void 0},a),t??(0,s.__)("Upgrade Now","elementor"))},"./packages/packages/libs/editor-ui/src/components/editable-field.tsx":function(e,t,n){n.r(t),n.d(t,{EditableField:function(){return i}});var o=n("react"),r=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const i=(0,o.forwardRef)(({value:e,error:t,as:n="span",sx:i,...a},l)=>o.createElement(r.Tooltip,{title:t,open:!!t,placement:"top"},o.createElement(s,_extends({ref:l,component:n},a),e))),s=(0,r.styled)(r.Box)`
	68	+`;
	69	+ var CollapsibleContent = ({ children, defaultOpen = false, titleEnd = null }) => {
	70	+ const [open, setOpen] = (0, react.useState)(defaultOpen);
	71	+ const handleToggle = () => {
	72	+ setOpen((prevOpen) => !prevOpen);
	73	+ };
	74	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, null, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, { sx: { position: "relative" } }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	75	+ fullWidth: true,
	76	+ size: "small",
	77	+ color: "secondary",
	78	+ variant: "outlined",
	79	+ onClick: handleToggle,
	80	+ endIcon: /* @__PURE__ */ react.createElement(CollapseIcon, { open }),
	81	+ sx: { my: .5 },
	82	+ "aria-label": open ? "Show less" : "Show more"
	83	+ }, open ? (0, _wordpress_i18n.__)("Show less", "elementor") : (0, _wordpress_i18n.__)("Show more", "elementor")), titleEnd && /* @__PURE__ */ react.createElement(IndicatorsWrapper, null, getCollapsibleValue(titleEnd, open))), /* @__PURE__ */ react.createElement(_elementor_ui.Collapse, {
	84	+ in: open,
	85	+ timeout: "auto",
	86	+ unmountOnExit: true
	87	+ }, children));
	88	+ };
	89	+ function getCollapsibleValue(value, isOpen) {
	90	+ if (typeof value === "function") return value(isOpen);
	91	+ return value;
	92	+ }
	93	+
	94	+//#endregion
	95	+//#region packages/packages/libs/editor-ui/src/components/ellipsis-with-tooltip.tsx
	96	+ var EllipsisWithTooltip = ({ maxWidth, title, as, ...props }) => {
	97	+ const [setRef, isOverflowing] = useIsOverflowing();
	98	+ if (isOverflowing) return /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	99	+ title,
	100	+ placement: "top"
	101	+ }, /* @__PURE__ */ react.createElement(Content, {
	102	+ maxWidth,
	103	+ ref: setRef,
	104	+ as,
	105	+ ...props
	106	+ }, title));
	107	+ return /* @__PURE__ */ react.createElement(Content, {
	108	+ maxWidth,
	109	+ ref: setRef,
	110	+ as,
	111	+ ...props
	112	+ }, title);
	113	+ };
	114	+ var Content = react.forwardRef(({ maxWidth, as: Component = _elementor_ui.Box, ...props }, ref) => /* @__PURE__ */ react.createElement(Component, {
	115	+ ref,
	116	+ position: "relative",
	117	+ ...props,
	118	+ style: {
	119	+ overflow: "hidden",
	120	+ textOverflow: "ellipsis",
	121	+ whiteSpace: "nowrap",
	122	+ maxWidth
	123	+ }
	124	+ }));
	125	+ var useIsOverflowing = () => {
	126	+ const [el, setEl] = (0, react.useState)(null);
	127	+ const [isOverflowing, setIsOverflown] = (0, react.useState)(false);
	128	+ (0, react.useEffect)(() => {
	129	+ const observer = new ResizeObserver(([{ target }]) => {
	130	+ setIsOverflown(target.scrollWidth > target.clientWidth);
	131	+ });
	132	+ if (el) observer.observe(el);
	133	+ return () => {
	134	+ observer.disconnect();
	135	+ };
	136	+ }, [el]);
	137	+ return [setEl, isOverflowing];
	138	+ };
	139	+
	140	+//#endregion
	141	+//#region packages/packages/libs/editor-ui/src/components/editable-field.tsx
	142	+ var EditableField = (0, react.forwardRef)(({ value, error, as = "span", sx, ...props }, ref) => {
	143	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	144	+ title: error,
	145	+ open: !!error,
	146	+ placement: "top"
	147	+ }, /* @__PURE__ */ react.createElement(StyledField, {
	148	+ ref,
	149	+ component: as,
	150	+ ...props
	151	+ }, value));
	152	+ });
	153	+ var StyledField = (0, _elementor_ui.styled)(_elementor_ui.Box)`
12	154	width: 100%;
13	155	&:focus {
14	156	outline: none;
15	157	}
16		-`},"./packages/packages/libs/editor-ui/src/components/ellipsis-with-tooltip.tsx":function(e,t,n){n.r(t),n.d(t,{EllipsisWithTooltip:function(){return EllipsisWithTooltip}});var o=n("react"),r=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const EllipsisWithTooltip=({maxWidth:e,title:t,as:n,...s})=>{const[a,l]=useIsOverflowing();return l?o.createElement(r.Tooltip,{title:t,placement:"top"},o.createElement(i,_extends({maxWidth:e,ref:a,as:n},s),t)):o.createElement(i,_extends({maxWidth:e,ref:a,as:n},s),t)},i=o.forwardRef(({maxWidth:e,as:t=r.Box,...n},i)=>o.createElement(t,_extends({ref:i,position:"relative"},n,{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:e}}))),useIsOverflowing=()=>{const[e,t]=(0,o.useState)(null),[n,r]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{const t=new ResizeObserver(([{target:e}])=>{r(e.scrollWidth>e.clientWidth)});return e&&t.observe(e),()=>{t.disconnect()}},[e]),[t,n]}},"./packages/packages/libs/editor-ui/src/components/file-upload/file-upload-dropzone.tsx":function(e,t,n){n.r(t),n.d(t,{FileUploadDropzone:function(){return FileUploadDropzone}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");const a={minHeight:152,border:"2px dashed",borderColor:"divider",borderRadius:1},FileUploadDropzone=({onFileSelected:e,allowedFileTypes:t,accept:n,regionLabel:l,primaryLabel:c,secondaryLabel:u,helperText:d})=>{const p=(0,o.useRef)(null),{getDropZoneProps:m}=(0,i.useUnstableDropZone)({allowedFileTypes:t,onChange:({valid:t})=>{t[0]&&e(t[0])}}),h=m();return o.createElement(i.Card,{variant:"outlined",role:"region","aria-label":l??(0,s.__)("File dropzone","elementor"),onDrop:h.onDrop,onDragEnter:h.onDragEnter,onDragLeave:h.onDragLeave,onDragOver:h.onDragOver,sx:a},o.createElement(i.Stack,{alignItems:"center",spacing:1,padding:3},o.createElement(r.UploadIcon,{fontSize:"medium"}),o.createElement(i.Stack,{direction:"row",spacing:.5,alignItems:"center"},o.createElement(i.Link,{component:"button",type:"button",underline:"always",onClick:()=>p.current?.click()},o.createElement(i.Typography,{variant:"body1",component:"span"},c??(0,s.__)("Upload file","elementor"))),o.createElement(i.Typography,{variant:"body1"},u??(0,s.__)("or drag and drop","elementor"))),d?o.createElement(i.Typography,{variant:"caption",color:"text.secondary"},d):null),o.createElement("input",{ref:p,type:"file",accept:n,hidden:!0,onChange:t=>{const n=t.target.files?.[0];n&&e(n),t.target.value=""}}))}},"./packages/packages/libs/editor-ui/src/components/file-upload/file-upload-row.tsx":function(e,t,n){n.r(t),n.d(t,{FileUploadRow:function(){return FileUploadRow}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");const a={minHeight:152,border:"2px dashed",borderColor:"divider",borderRadius:1},FileUploadRow=({file:e,onRemove:t,statusLabel:n})=>{return o.createElement(i.Card,{variant:"outlined",sx:a},o.createElement(i.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",padding:2,spacing:2,minHeight:152},o.createElement(i.Stack,{direction:"column",spacing:.5,minWidth:0,flex:1},o.createElement(i.Typography,{variant:"subtitle2",noWrap:!0},e.name),o.createElement(i.Typography,{variant:"caption",color:"text.secondary",noWrap:!0},(l=e.size,`${Math.max(1,Math.round(l/1024))}kb`)," · ",n??(0,s.__)("Complete","elementor"))),o.createElement(i.IconButton,{size:"small",onClick:t,"aria-label":(0,s.__)("Remove file","elementor")},o.createElement(r.XIcon,{fontSize:"inherit"}))));var l}},"./packages/packages/libs/editor-ui/src/components/file-upload/index.ts":function(e,t,n){n.r(t),n.d(t,{FileUploadDropzone:function(){return o.FileUploadDropzone},FileUploadRow:function(){return r.FileUploadRow}});var o=n("./packages/packages/libs/editor-ui/src/components/file-upload/file-upload-dropzone.tsx"),r=n("./packages/packages/libs/editor-ui/src/components/file-upload/file-upload-row.tsx")},"./packages/packages/libs/editor-ui/src/components/floating-bar.tsx":function(e,t,n){n.r(t),n.d(t,{FloatingActionsBar:function(){return FloatingActionsBar},useFloatingActionsBar:function(){return useFloatingActionsBar}});var o=n("react"),r=n("@elementor/ui");const i=(0,r.styled)("span")`
	158	+`;
	159	+
	160	+//#endregion
	161	+//#region packages/packages/libs/editor-ui/src/components/introduction-modal.tsx
	162	+ var IntroductionModal = ({ open, handleClose, title, children }) => {
	163	+ const [shouldShowAgain, setShouldShowAgain] = (0, react.useState)(true);
	164	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Dialog, {
	165	+ open,
	166	+ onClose: handleClose,
	167	+ maxWidth: "sm",
	168	+ TransitionComponent: Transition
	169	+ }, title && /* @__PURE__ */ react.createElement(_elementor_ui.DialogHeader, { logo: false }, /* @__PURE__ */ react.createElement(_elementor_ui.DialogTitle, null, title)), children, /* @__PURE__ */ react.createElement(_elementor_ui.DialogActions, null, /* @__PURE__ */ react.createElement(_elementor_ui.FormControlLabel, {
	170	+ sx: { marginRight: "auto" },
	171	+ control: /* @__PURE__ */ react.createElement(_elementor_ui.Checkbox, {
	172	+ checked: !shouldShowAgain,
	173	+ onChange: () => setShouldShowAgain(!shouldShowAgain)
	174	+ }),
	175	+ label: /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "body2" }, (0, _wordpress_i18n.__)("Don't show this again", "elementor"))
	176	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	177	+ size: "medium",
	178	+ variant: "contained",
	179	+ sx: { minWidth: "135px" },
	180	+ "aria-label": (0, _wordpress_i18n.__)("Got it introduction", "elementor"),
	181	+ onClick: () => handleClose(shouldShowAgain)
	182	+ }, (0, _wordpress_i18n.__)("Got it", "elementor"))));
	183	+ };
	184	+ var Transition = react.forwardRef((props, ref) => /* @__PURE__ */ react.createElement(_elementor_ui.Fade, {
	185	+ ref,
	186	+ ...props,
	187	+ timeout: {
	188	+ enter: 1e3,
	189	+ exit: 200
	190	+ }
	191	+ }));
	192	+
	193	+//#endregion
	194	+//#region packages/packages/libs/editor-ui/src/hooks/use-color-scheme.ts
	195	+ function useColorScheme() {
	196	+ const [colorScheme, setColorScheme] = (0, react.useState)(() => getV1ColorScheme());
	197	+ (0, react.useEffect)(() => {
	198	+ return (0, _elementor_editor_v1_adapters.__privateListenTo)((0, _elementor_editor_v1_adapters.v1ReadyEvent)(), () => setColorScheme(getV1ColorScheme()));
	199	+ }, []);
	200	+ (0, react.useEffect)(() => {
	201	+ return (0, _elementor_editor_v1_adapters.__privateListenTo)((0, _elementor_editor_v1_adapters.commandEndEvent)("document/elements/settings"), (e) => {
	202	+ const event = e;
	203	+ if (event.args?.settings && "ui_theme" in event.args.settings) setColorScheme(getV1ColorScheme());
	204	+ });
	205	+ }, []);
	206	+ return colorScheme;
	207	+ }
	208	+ function getV1ColorScheme() {
	209	+ return window.elementor?.getPreferences?.("ui_theme") || "auto";
	210	+ }
	211	+
	212	+//#endregion
	213	+//#region packages/packages/libs/editor-ui/src/components/theme-provider.tsx
	214	+ var EDITOR_PALETTE = "unstable";
	215	+ function ThemeProvider({ children }) {
	216	+ const colorScheme = useColorScheme();
	217	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ThemeProvider, {
	218	+ colorScheme,
	219	+ palette: EDITOR_PALETTE
	220	+ }, children);
	221	+ }
	222	+
	223	+//#endregion
	224	+//#region packages/packages/libs/editor-ui/src/components/info-alert.tsx
	225	+ var InfoAlert = (props) => /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	226	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.InfoCircleFilledIcon, {
	227	+ fontSize: "small",
	228	+ color: "secondary"
	229	+ }),
	230	+ variant: "standard",
	231	+ color: "secondary",
	232	+ elevation: 0,
	233	+ size: "small",
	234	+ ...props
	235	+ });
	236	+
	237	+//#endregion
	238	+//#region packages/packages/libs/editor-ui/src/components/menu-item.tsx
	239	+ var MenuListItem = ({ children, menuItemTextProps, primaryTypographyProps = { variant: "caption" }, ...props }) => {
	240	+ return /* @__PURE__ */ react.createElement(_elementor_ui.MenuItem, {
	241	+ dense: true,
	242	+ ...props,
	243	+ sx: { ...props.sx ?? {} }
	244	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.MenuItemText, {
	245	+ primary: children,
	246	+ primaryTypographyProps,
	247	+ ...menuItemTextProps
	248	+ }));
	249	+ };
	250	+ var MenuItemInfotip = (0, react.forwardRef)(({ showInfoTip = false, children, content }, ref) => {
	251	+ if (!showInfoTip) return /* @__PURE__ */ react.createElement(react.Fragment, null, children);
	252	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	253	+ ref,
	254	+ placement: "right",
	255	+ arrow: false,
	256	+ content: /* @__PURE__ */ react.createElement(InfoAlert, { sx: { maxWidth: 325 } }, content)
	257	+ }, /* @__PURE__ */ react.createElement("div", {
	258	+ style: {
	259	+ pointerEvents: "initial",
	260	+ width: "100%"
	261	+ },
	262	+ onClick: (e) => e.stopPropagation()
	263	+ }, children));
	264	+ });
	265	+
	266	+//#endregion
	267	+//#region packages/packages/libs/editor-ui/src/components/infotip-card.tsx
	268	+ var InfoTipCard = ({ content, svgIcon, learnMoreButton, ctaButton }) => {
	269	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Card, {
	270	+ elevation: 0,
	271	+ sx: { width: 320 }
	272	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.CardContent, { sx: { pb: 0 } }, /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	273	+ display: "flex",
	274	+ alignItems: "start"
	275	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.SvgIcon, {
	276	+ fontSize: "tiny",
	277	+ sx: { mr: .5 }
	278	+ }, svgIcon), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "body2" }, content, learnMoreButton && /* @__PURE__ */ react.createElement(react.Fragment, null, "\xA0", /* @__PURE__ */ react.createElement(_elementor_ui.Link, {
	279	+ color: "info.main",
	280	+ href: learnMoreButton.href,
	281	+ target: "_blank"
	282	+ }, learnMoreButton.label))))), ctaButton && /* @__PURE__ */ react.createElement(_elementor_ui.CardActions, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	283	+ size: "small",
	284	+ color: "secondary",
	285	+ variant: "contained",
	286	+ onClick: ctaButton.onClick,
	287	+ sx: { marginInlineStart: "1rem" }
	288	+ }, ctaButton.label)));
	289	+ };
	290	+
	291	+//#endregion
	292	+//#region packages/packages/libs/editor-ui/src/components/warning-infotip.tsx
	293	+ var WarningInfotip = (0, react.forwardRef)(({ children, open, title, text, placement, width, offset, hasError = true }, ref) => {
	294	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	295	+ ref,
	296	+ open,
	297	+ placement,
	298	+ PopperProps: {
	299	+ sx: {
	300	+ width: width ? width : "initial",
	301	+ ".MuiTooltip-tooltip": {
	302	+ marginLeft: 0,
	303	+ marginRight: 0
	304	+ }
	305	+ },
	306	+ modifiers: offset ? [{
	307	+ name: "offset",
	308	+ options: { offset }
	309	+ }] : []
	310	+ },
	311	+ arrow: false,
	312	+ content: /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	313	+ color: hasError ? "error" : "secondary",
	314	+ severity: "warning",
	315	+ variant: "standard",
	316	+ size: "small"
	317	+ }, title ? /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, title) : null, text)
	318	+ }, children);
	319	+ });
	320	+
	321	+//#endregion
	322	+//#region packages/packages/libs/editor-ui/src/components/global-dialog/subscribers.ts
	323	+ var currentDialogState = null;
	324	+ var stateSubscribers = /* @__PURE__ */ new Set();
	325	+ var subscribeToDialogState = (callback) => {
	326	+ stateSubscribers.add(callback);
	327	+ callback(currentDialogState);
	328	+ return () => stateSubscribers.delete(callback);
	329	+ };
	330	+ var notifySubscribers = () => {
	331	+ stateSubscribers.forEach((callback) => callback(currentDialogState));
	332	+ };
	333	+ var openDialog = ({ component }) => {
	334	+ currentDialogState = { component };
	335	+ notifySubscribers();
	336	+ };
	337	+ var closeDialog = () => {
	338	+ currentDialogState = null;
	339	+ notifySubscribers();
	340	+ };
	341	+
	342	+//#endregion
	343	+//#region packages/packages/libs/editor-ui/src/components/global-dialog/components/global-dialog.tsx
	344	+ var GlobalDialog = () => {
	345	+ const [content, setContent] = (0, react.useState)(null);
	346	+ (0, react.useEffect)(() => {
	347	+ const unsubscribe = subscribeToDialogState(setContent);
	348	+ return () => {
	349	+ unsubscribe();
	350	+ };
	351	+ }, []);
	352	+ if (!content) return null;
	353	+ return /* @__PURE__ */ react.createElement(ThemeProvider, null, /* @__PURE__ */ react.createElement(_elementor_ui.Dialog, {
	354	+ role: "dialog",
	355	+ open: true,
	356	+ onClose: closeDialog,
	357	+ maxWidth: "sm",
	358	+ fullWidth: true
	359	+ }, content.component));
	360	+ };
	361	+
	362	+//#endregion
	363	+//#region packages/packages/libs/editor-ui/src/components/search-field.tsx
	364	+ var SIZE$2 = "tiny";
	365	+ var SearchField = ({ value, onSearch, placeholder, id, sx }) => {
	366	+ const inputRef = (0, react.useRef)(null);
	367	+ const handleClear = () => {
	368	+ onSearch("");
	369	+ inputRef.current?.focus();
	370	+ };
	371	+ const handleInputChange = (event) => {
	372	+ onSearch(event.target.value);
	373	+ };
	374	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	375	+ px: 2,
	376	+ pb: 1.5,
	377	+ ...sx
	378	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.TextField, {
	379	+ autoFocus: true,
	380	+ fullWidth: true,
	381	+ id,
	382	+ size: SIZE$2,
	383	+ value,
	384	+ inputRef,
	385	+ onChange: handleInputChange,
	386	+ placeholder,
	387	+ InputProps: {
	388	+ startAdornment: /* @__PURE__ */ react.createElement(_elementor_ui.InputAdornment, { position: "start" }, /* @__PURE__ */ react.createElement(_elementor_icons.SearchIcon, { fontSize: SIZE$2 })),
	389	+ endAdornment: value && /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	390	+ size: SIZE$2,
	391	+ onClick: handleClear,
	392	+ "aria-label": (0, _wordpress_i18n.__)("Clear", "elementor")
	393	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.XIcon, {
	394	+ color: "action",
	395	+ fontSize: SIZE$2
	396	+ }))
	397	+ }
	398	+ }));
	399	+ };
	400	+
	401	+//#endregion
	402	+//#region packages/packages/libs/editor-ui/src/components/form.tsx
	403	+ var Form = ({ children, onSubmit, "data-testid": dataTestId }) => {
	404	+ const formRef = (0, react.useRef)(null);
	405	+ const handleSubmit = (e) => {
	406	+ e.preventDefault();
	407	+ onSubmit?.();
	408	+ };
	409	+ const handleKeyDown = (e) => {
	410	+ const { target } = e;
	411	+ if (e.key === "Enter" && target instanceof HTMLInputElement && target.type !== "submit") {
	412	+ e.preventDefault();
	413	+ formRef.current?.requestSubmit();
	414	+ }
	415	+ };
	416	+ return /* @__PURE__ */ react.createElement("form", {
	417	+ onSubmit: handleSubmit,
	418	+ ref: formRef,
	419	+ onKeyDown: handleKeyDown,
	420	+ ...dataTestId ? { "data-testid": dataTestId } : {}
	421	+ }, children);
	422	+ };
	423	+
	424	+//#endregion
	425	+//#region packages/packages/libs/editor-ui/src/components/cta-button.tsx
	426	+ var CtaButton = ({ href, children, showIcon = true, ...props }) => /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	427	+ variant: "contained",
	428	+ color: "promotion",
	429	+ href,
	430	+ target: "_blank",
	431	+ startIcon: showIcon ? /* @__PURE__ */ react.createElement(_elementor_icons.CrownFilledIcon, null) : void 0,
	432	+ ...props
	433	+ }, children ?? (0, _wordpress_i18n.__)("Upgrade Now", "elementor"));
	434	+
	435	+//#endregion
	436	+//#region packages/packages/libs/editor-ui/src/hooks/use-scroll-to-selected.ts
	437	+ var useScrollToSelected = ({ selectedValue, items, virtualizer }) => {
	438	+ (0, react.useEffect)(() => {
	439	+ if (!selectedValue || items.length === 0) return;
	440	+ const selectedIndex = items.findIndex((item) => item.value === selectedValue);
	441	+ if (selectedIndex !== -1) virtualizer.scrollToIndex(selectedIndex, { align: "center" });
	442	+ }, [
	443	+ selectedValue,
	444	+ items,
	445	+ virtualizer
	446	+ ]);
	447	+ };
	448	+
	449	+//#endregion
	450	+//#region packages/packages/libs/editor-ui/src/hooks/use-scroll-top.ts
	451	+ var useScrollTop = ({ containerRef }) => {
	452	+ const [scrollTop, setScrollTop] = (0, react.useState)(0);
	453	+ (0, react.useEffect)(() => {
	454	+ const container = containerRef.current;
	455	+ if (!container) return;
	456	+ const handleScroll = () => {
	457	+ setScrollTop(container.scrollTop);
	458	+ };
	459	+ container.addEventListener("scroll", handleScroll);
	460	+ return () => container.removeEventListener("scroll", handleScroll);
	461	+ }, [containerRef]);
	462	+ return scrollTop;
	463	+ };
	464	+
	465	+//#endregion
	466	+//#region packages/packages/libs/editor-ui/src/hooks/use-text-field-auto-select.ts
	467	+ var useTextFieldAutoSelect = () => {
	468	+ const inputRef = (0, react.useRef)(null);
	469	+ (0, react.useEffect)(() => {
	470	+ if (inputRef.current) {
	471	+ inputRef.current.focus();
	472	+ inputRef.current.select();
	473	+ }
	474	+ }, []);
	475	+ return inputRef;
	476	+ };
	477	+
	478	+//#endregion
	479	+//#region packages/packages/libs/editor-ui/src/hooks/use-canvas-click-handler.tsx
	480	+ var useCanvasClickHandler = (isActive, onClickAway) => {
	481	+ (0, react.useEffect)(() => {
	482	+ const canvasDocument = isActive ? (0, _elementor_editor_v1_adapters.getCanvasIframeDocument)() : null;
	483	+ if (!canvasDocument) return;
	484	+ canvasDocument.addEventListener("mousedown", onClickAway);
	485	+ return () => canvasDocument.removeEventListener("mousedown", onClickAway);
	486	+ }, [isActive, onClickAway]);
	487	+ };
	488	+
	489	+//#endregion
	490	+//#region packages/packages/libs/editor-ui/src/components/promotions/promotion-infotip.tsx
	491	+ var PromotionInfotip = ({ children, open, onClose, onCtaClick, ...cardProps }) => {
	492	+ useCanvasClickHandler(!!open, onClose);
	493	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	494	+ placement: "right",
	495	+ content: /* @__PURE__ */ react.createElement(InfotipCard, {
	496	+ onClose,
	497	+ onCtaClick,
	498	+ ...cardProps
	499	+ }),
	500	+ open
	501	+ }, children);
	502	+ };
	503	+ function InfotipCard({ title, content, assetUrl, ctaUrl, onClose, onCtaClick }) {
	504	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, {
	505	+ disableReactTree: true,
	506	+ mouseEvent: "onMouseDown",
	507	+ touchEvent: "onTouchStart",
	508	+ onClickAway: onClose
	509	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Card, {
	510	+ elevation: 0,
	511	+ sx: { maxWidth: 296 }
	512	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.CardHeader, {
	513	+ title,
	514	+ action: /* @__PURE__ */ react.createElement(_elementor_ui.CloseButton, {
	515	+ slotProps: { icon: { fontSize: "tiny" } },
	516	+ onClick: onClose
	517	+ })
	518	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.CardMedia, {
	519	+ component: "img",
	520	+ image: assetUrl,
	521	+ alt: "",
	522	+ sx: {
	523	+ width: "100%",
	524	+ aspectRatio: "16 / 9"
	525	+ }
	526	+ }), /* @__PURE__ */ react.createElement(_elementor_ui.CardContent, null, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	527	+ variant: "body2",
	528	+ color: "text.secondary"
	529	+ }, content)), /* @__PURE__ */ react.createElement(_elementor_ui.CardActions, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ react.createElement(CtaButton, {
	530	+ href: ctaUrl,
	531	+ onClick: onCtaClick
	532	+ }))));
	533	+ }
	534	+
	535	+//#endregion
	536	+//#region packages/packages/libs/editor-ui/src/components/promotions/promotion-popover.tsx
	537	+ var PromotionPopover = ({ children, open, placement = "right", slotProps, anchorRef, ...cardProps }) => {
	538	+ const anchorEl = anchorRef?.current;
	539	+ const defaultSlotProps = { popper: {
	540	+ ...anchorEl && { anchorEl },
	541	+ modifiers: [{
	542	+ name: "offset",
	543	+ options: { offset: anchorRef ? [0, 4] : [0, 10] }
	544	+ }]
	545	+ } };
	546	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Infotip, {
	547	+ placement,
	548	+ arrow: false,
	549	+ content: /* @__PURE__ */ react.createElement(PopoverAlert, { ...cardProps }),
	550	+ open,
	551	+ slotProps: slotProps || defaultSlotProps
	552	+ }, children);
	553	+ };
	554	+ function PopoverAlert({ title, content, ctaUrl, ctaText, onClose, onCtaClick }) {
	555	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ClickAwayListener, {
	556	+ disableReactTree: true,
	557	+ mouseEvent: "onMouseDown",
	558	+ touchEvent: "onTouchStart",
	559	+ onClickAway: onClose
	560	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	561	+ variant: "standard",
	562	+ color: "promotion",
	563	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.CrownFilledIcon, { fontSize: "tiny" }),
	564	+ onClose,
	565	+ onMouseDown: (e) => e.stopPropagation(),
	566	+ role: "dialog",
	567	+ "aria-label": "promotion-popover-title",
	568	+ action: /* @__PURE__ */ react.createElement(_elementor_ui.AlertAction, {
	569	+ variant: "contained",
	570	+ color: "promotion",
	571	+ href: ctaUrl,
	572	+ target: "_blank",
	573	+ rel: "noopener noreferrer",
	574	+ onClick: onCtaClick
	575	+ }, ctaText),
	576	+ sx: { maxWidth: 296 }
	577	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Box, { sx: {
	578	+ gap: .5,
	579	+ display: "flex",
	580	+ flexDirection: "column"
	581	+ } }, /* @__PURE__ */ react.createElement(_elementor_ui.AlertTitle, null, title), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "body2" }, content))));
	582	+ }
	583	+
	584	+//#endregion
	585	+//#region packages/packages/libs/editor-ui/src/components/promotions/promotion-chip.tsx
	586	+ var PromotionChip = react.forwardRef(({ ...props }, ref) => {
	587	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Chip, {
	588	+ "aria-label": "Promotion chip",
	589	+ ref,
	590	+ size: "tiny",
	591	+ color: "promotion",
	592	+ variant: "standard",
	593	+ icon: /* @__PURE__ */ react.createElement(_elementor_icons.CrownFilledIcon, null),
	594	+ sx: {
	595	+ ml: 1,
	596	+ width: "20px",
	597	+ "& .MuiChip-label": { display: "none" }
	598	+ },
	599	+ ...props
	600	+ });
	601	+ });
	602	+
	603	+//#endregion
	604	+//#region packages/packages/libs/editor-ui/src/components/promotions/promotion-alert.tsx
	605	+ var PromotionAlert = ({ message, upgradeUrl, onCtaClick }) => /* @__PURE__ */ react.createElement(_elementor_ui.Alert, {
	606	+ variant: "standard",
	607	+ color: "promotion",
	608	+ icon: false,
	609	+ role: "dialog",
	610	+ "aria-label": "promotion-alert",
	611	+ size: "small",
	612	+ sx: {
	613	+ m: 2,
	614	+ mt: 1,
	615	+ pt: .5,
	616	+ pb: .5
	617	+ }
	618	+ }, message, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	619	+ size: "tiny",
	620	+ variant: "text",
	621	+ color: "promotion",
	622	+ target: "_blank",
	623	+ href: upgradeUrl,
	624	+ rel: "noopener noreferrer",
	625	+ startIcon: /* @__PURE__ */ react.createElement(_elementor_icons.CrownFilledIcon, { fontSize: "tiny" }),
	626	+ onClick: onCtaClick
	627	+ }, (0, _wordpress_i18n.__)("Upgrade now", "elementor")));
	628	+
	629	+//#endregion
	630	+//#region packages/packages/libs/editor-ui/src/components/floating-bar.tsx
	631	+ var FloatingBarContainer = (0, _elementor_ui.styled)("span")`
17	632	display: contents;
18	633
19	634	.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {
20	635	display: none;
		@@ -22,6 +637,1465 @@
22	637
23	638	.MuiFloatingActionBar-popper {
24	639	z-index: 1000;
25	640	}
26		-`,s=(0,o.createContext)(null);function FloatingActionsBar({actions:e,children:t}){const[n,a]=(0,o.useState)(!1);return o.createElement(s.Provider,{value:{open:n,setOpen:a}},o.createElement(i,null,o.createElement(r.UnstableFloatingActionBar,{actions:e,open:n||void 0},t)))}function useFloatingActionsBar(){const e=(0,o.useContext)(s);if(!e)throw new Error("useFloatingActions must be used within a FloatingActionsBar");return e}},"./packages/packages/libs/editor-ui/src/components/form.tsx":function(e,t,n){n.r(t),n.d(t,{Form:function(){return Form}});var o=n("react");function _extends(){return _extends=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},_extends.apply(null,arguments)}const Form=({children:e,onSubmit:t,"data-testid":n})=>{const r=(0,o.useRef)(null);return o.createElement("form",_extends({onSubmit:e=>{e.preventDefault(),t?.()},ref:r,onKeyDown:e=>{const{target:t}=e;"Enter"===e.key&&t instanceof HTMLInputElement&&"submit"!==t.type&&(e.preventDefault(),r.current?.requestSubmit())}},n?{"data-testid":n}:{}),e)}},"./packages/packages/libs/editor-ui/src/components/global-dialog/components/global-dialog.tsx":function(e,t,n){n.r(t),n.d(t,{GlobalDialog:function(){return GlobalDialog}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/packages/libs/editor-ui/src/components/theme-provider.tsx"),s=n("./packages/packages/libs/editor-ui/src/components/global-dialog/subscribers.ts");const GlobalDialog=()=>{const[e,t]=(0,o.useState)(null);return(0,o.useEffect)(()=>{const e=(0,s.subscribeToDialogState)(t);return()=>{e()}},[]),e?o.createElement(i.default,null,o.createElement(r.Dialog,{role:"dialog",open:!0,onClose:s.closeDialog,maxWidth:"sm",fullWidth:!0},e.component)):null}},"./packages/packages/libs/editor-ui/src/components/global-dialog/index.ts":function(e,t,n){n.r(t),n.d(t,{GlobalDialog:function(){return o.GlobalDialog},closeDialog:function(){return r.closeDialog},openDialog:function(){return r.openDialog}});var o=n("./packages/packages/libs/editor-ui/src/components/global-dialog/components/global-dialog.tsx"),r=n("./packages/packages/libs/editor-ui/src/components/global-dialog/subscribers.ts")},"./packages/packages/libs/editor-ui/src/components/global-dialog/subscribers.ts":function(e,t,n){n.r(t),n.d(t,{closeDialog:function(){return closeDialog},openDialog:function(){return openDialog},subscribeToDialogState:function(){return subscribeToDialogState}});let o=null;const r=new Set,subscribeToDialogState=e=>(r.add(e),e(o),()=>r.delete(e)),notifySubscribers=()=>{r.forEach(e=>e(o))},openDialog=({component:e})=>{o={component:e},notifySubscribers()},closeDialog=()=>{o=null,notifySubscribers()}},"./packages/packages/libs/editor-ui/src/components/info-alert.tsx":function(e,t,n){n.r(t),n.d(t,{InfoAlert:function(){return InfoAlert}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const InfoAlert=e=>o.createElement(i.Alert,_extends({icon:o.createElement(r.InfoCircleFilledIcon,{fontSize:"small",color:"secondary"}),variant:"standard",color:"secondary",elevation:0,size:"small"},e))},"./packages/packages/libs/editor-ui/src/components/infotip-card.tsx":function(e,t,n){n.r(t),n.d(t,{InfoTipCard:function(){return InfoTipCard}});var o=n("react"),r=n("@elementor/ui");const InfoTipCard=({content:e,svgIcon:t,learnMoreButton:n,ctaButton:i})=>o.createElement(r.Card,{elevation:0,sx:{width:320}},o.createElement(r.CardContent,{sx:{pb:0}},o.createElement(r.Box,{display:"flex",alignItems:"start"},o.createElement(r.SvgIcon,{fontSize:"tiny",sx:{mr:.5}},t),o.createElement(r.Typography,{variant:"body2"},e,n&&o.createElement(o.Fragment,null," ",o.createElement(r.Link,{color:"info.main",href:n.href,target:"_blank"},n.label))))),i&&o.createElement(r.CardActions,{sx:{justifyContent:"flex-start"}},o.createElement(r.Button,{size:"small",color:"secondary",variant:"contained",onClick:i.onClick,sx:{marginInlineStart:"1rem"}},i.label)))},"./packages/packages/libs/editor-ui/src/components/introduction-modal.tsx":function(e,t,n){n.r(t),n.d(t,{IntroductionModal:function(){return IntroductionModal}});var o=n("react"),r=n("@elementor/ui"),i=n("@wordpress/i18n");function _extends(){return _extends=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},_extends.apply(null,arguments)}const IntroductionModal=({open:e,handleClose:t,title:n,children:a})=>{const[l,c]=(0,o.useState)(!0);return o.createElement(r.Dialog,{open:e,onClose:t,maxWidth:"sm",TransitionComponent:s},n&&o.createElement(r.DialogHeader,{logo:!1},o.createElement(r.DialogTitle,null,n)),a,o.createElement(r.DialogActions,null,o.createElement(r.FormControlLabel,{sx:{marginRight:"auto"},control:o.createElement(r.Checkbox,{checked:!l,onChange:()=>c(!l)}),label:o.createElement(r.Typography,{variant:"body2"},(0,i.__)("Don't show this again","elementor"))}),o.createElement(r.Button,{size:"medium",variant:"contained",sx:{minWidth:"135px"},"aria-label":(0,i.__)("Got it introduction","elementor"),onClick:()=>t(l)},(0,i.__)("Got it","elementor"))))},s=o.forwardRef((e,t)=>o.createElement(r.Fade,_extends({ref:t},e,{timeout:{enter:1e3,exit:200}})))},"./packages/packages/libs/editor-ui/src/components/menu-item.tsx":function(e,t,n){n.r(t),n.d(t,{MenuItemInfotip:function(){return s},MenuListItem:function(){return MenuListItem}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/packages/libs/editor-ui/src/components/info-alert.tsx");function _extends(){return _extends=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},_extends.apply(null,arguments)}const MenuListItem=({children:e,menuItemTextProps:t,primaryTypographyProps:n={variant:"caption"},...i})=>o.createElement(r.MenuItem,_extends({dense:!0},i,{sx:{...i.sx??{}}}),o.createElement(r.MenuItemText,_extends({primary:e,primaryTypographyProps:n},t))),s=(0,o.forwardRef)(({showInfoTip:e=!1,children:t,content:n},s)=>e?o.createElement(r.Infotip,{ref:s,placement:"right",arrow:!1,content:o.createElement(i.InfoAlert,{sx:{maxWidth:325}},n)},o.createElement("div",{style:{pointerEvents:"initial",width:"100%"},onClick:e=>e.stopPropagation()},t)):o.createElement(o.Fragment,null,t))},"./packages/packages/libs/editor-ui/src/components/popover/body.tsx":function(e,t,n){n.r(t),n.d(t,{PopoverBody:function(){return PopoverBody}});var o=n("react"),r=n("@elementor/ui");const PopoverBody=({children:e,height:t=348,width:n,id:i})=>o.createElement(r.Box,{display:"flex",flexDirection:"column",sx:{height:t,overflow:"hidden",width:(n?n-32:220)+"px",maxWidth:496},id:i},e)},"./packages/packages/libs/editor-ui/src/components/popover/header.tsx":function(e,t,n){n.r(t),n.d(t,{PopoverHeader:function(){return PopoverHeader}});var o=n("react"),r=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const PopoverHeader=({title:e,onClose:t,icon:n,actions:i})=>o.createElement(r.Stack,_extends({direction:"row",alignItems:"center"},{pl:2,pr:1,py:1.5,maxHeight:36},{sx:{columnGap:.5}}),n,o.createElement(r.Typography,{variant:"subtitle2",sx:{fontSize:"12px",mt:.25}},e),o.createElement(r.Stack,{direction:"row",sx:{ml:"auto"}},i,o.createElement(r.CloseButton,{slotProps:{icon:{fontSize:"tiny"}},sx:{ml:"auto"},onClick:t})))},"./packages/packages/libs/editor-ui/src/components/popover/index.ts":function(e,t,n){n.r(t),n.d(t,{ITEM_HEIGHT:function(){return s.ITEM_HEIGHT},PopoverAction:function(){return a.PopoverAction},PopoverBody:function(){return o.PopoverBody},PopoverHeader:function(){return i.PopoverHeader},PopoverMenuList:function(){return s.PopoverMenuList},SectionPopoverBody:function(){return r.SectionPopoverBody},StyledMenuList:function(){return s.StyledMenuList}});var o=n("./packages/packages/libs/editor-ui/src/components/popover/body.tsx"),r=n("./packages/packages/libs/editor-ui/src/components/popover/section-popover-body.tsx"),i=n("./packages/packages/libs/editor-ui/src/components/popover/header.tsx"),s=n("./packages/packages/libs/editor-ui/src/components/popover/menu-list.tsx"),a=n("./packages/packages/libs/editor-ui/src/components/popover/popover-action.tsx")},"./packages/packages/libs/editor-ui/src/components/popover/menu-list.tsx":function(e,t,n){n.r(t),n.d(t,{ITEM_HEIGHT:function(){return a},PopoverMenuList:function(){return PopoverMenuList},StyledMenuList:function(){return l}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/node_modules/@tanstack/react-virtual/dist/esm/index.js"),s=n("./packages/packages/libs/editor-ui/src/hooks/index.ts");const a=32,PopoverMenuList=({items:e,onSelect:t,onClose:n,selectedValue:c,itemStyle:u,onChange:d,"data-testid":p,menuItemContentTemplate:m,categoryItemContentTemplate:h,noResultsComponent:f,menuListTemplate:g})=>{const b=(0,o.useRef)(null),v=(0,s.useScrollTop)({containerRef:b}),x=(0,r.useTheme)(),k=g||l,_=(0,o.useMemo)(()=>e.reduce((e,t,n)=>("category"===t.type&&e.push(n),e),[]),[e]),onChangeCallback=({getVirtualIndexes:t})=>{const n=t().map(t=>e[t]);d?.(n)},E=(0,i.useVirtualizer)({count:e.length,getScrollElement:()=>b.current,estimateSize:()=>a,overscan:6,rangeExtractor:e=>{const t=[];for(let n=e.startIndex;n<=e.endIndex;n++)t.push(n);const n=((e,t)=>[...e.filter(e=>e<t.startIndex).slice(-2),...e.filter(e=>e>t.endIndex).slice(0,2)])(_,e);return n.forEach(e=>{t.includes(e)||t.push(e)}),t.sort((e,t)=>e-t)},onChange:onChangeCallback});(0,o.useEffect)(()=>{onChangeCallback(E)},[e]),(0,s.useScrollToSelected)({selectedValue:c,items:e,virtualizer:E});const w=E.getVirtualItems();return o.createElement(r.Box,{ref:b,sx:{height:"100%",overflowY:"auto"}},0===e.length&&f?f:o.createElement(k,{role:"listbox",style:{height:`${E.getTotalSize()}px`},"data-testid":p},w.map(i=>{const s=e[i.index],a=i.index===e.length-1,l="category"===e[0]?.type?1===i.index:0===i.index,d=c===s.value,p=c?-1:0;if(!s)return null;if("category"===s.type){const e=i.start+8<=v;return o.createElement(r.MenuSubheader,{key:i.key,style:e?{}:(f=i.start,{position:"absolute",transform:`translateY(${f+8}px)`}),sx:{fontWeight:"400",color:"text.tertiary"}},h?h(s):s.label||s.value)}var f;const g=s.disabled;return o.createElement(r.ListItem,{key:i.key,role:"option","aria-selected":d,"aria-disabled":g,onClick:g?void 0:e=>{e.target.closest("button")||(t(s.value),n())},onKeyDown:e=>{"Enter"!==e.key||g||(t(s.value),n()),"ArrowDown"===e.key&&a&&(e.preventDefault(),e.stopPropagation()),"ArrowUp"===e.key&&l&&(e.preventDefault(),e.stopPropagation())},tabIndex:d?0:p,sx:{transform:`translateY(${i.start+8}px)`,...x.typography.caption,...u?u(s):{}}},m?m(s):s.label||s.value)})))},l=(0,r.styled)(r.MenuList)(({theme:e})=>({"& > li":{height:a,width:"100%",display:"flex",alignItems:"center"},'& > [role="option"]':{lineHeight:"inherit",padding:e.spacing(.75,2,.75,4),"&:hover, &:focus":{backgroundColor:e.palette.action.hover},'&[aria-selected="true"]':{backgroundColor:e.palette.action.selected},'&[aria-disabled="true"]':{color:e.palette.text.disabled},cursor:"pointer",textOverflow:"ellipsis",position:"absolute",top:0,left:0},width:"100%",position:"relative"}))},"./packages/packages/libs/editor-ui/src/components/popover/popover-action.tsx":function(e,t,n){n.r(t),n.d(t,{PopoverAction:function(){return PopoverAction},useFloatingActionsPopover:function(){return useFloatingActionsPopover}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/packages/libs/editor-ui/src/components/floating-bar.tsx");function _extends(){return _extends=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},_extends.apply(null,arguments)}const s="tiny";function PopoverAction({title:e,visible:t=!0,icon:n,content:i}){const{popupState:a,triggerProps:l,popoverProps:c}=useFloatingActionsPopover();return t?o.createElement(o.Fragment,null,o.createElement(r.Tooltip,{placement:"top",title:e},o.createElement(r.IconButton,_extends({"aria-label":e,size:s},l),o.createElement(n,{fontSize:s}))),o.createElement(r.Popover,_extends({disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{my:2.5}}},c),o.createElement(i,{close:a.close}))):null}function useFloatingActionsPopover(){const{setOpen:e}=(0,i.useFloatingActionsBar)(),t=(0,r.usePopupState)({variant:"popover"}),n=(0,r.bindTrigger)(t),o=(0,r.bindPopover)(t);return{popupState:{...t,close:()=>{t.close(),e(!1)}},triggerProps:{...n,onClick:t=>{n.onClick(t),e(!0)}},popoverProps:{...o,onClose:()=>{o.onClose(),e(!1)}}}}},"./packages/packages/libs/editor-ui/src/components/popover/section-popover-body.tsx":function(e,t,n){n.r(t),n.d(t,{SectionPopoverBody:function(){return SectionPopoverBody}});var o=n("react"),r=n("./packages/packages/libs/editor-ui/src/contexts/section-context.tsx"),i=n("./packages/packages/libs/editor-ui/src/components/popover/body.tsx");function _extends(){return _extends=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},_extends.apply(null,arguments)}const SectionPopoverBody=e=>{const t=(0,r.useSectionWidth)();return o.createElement(i.PopoverBody,_extends({},e,{width:t}))}},"./packages/packages/libs/editor-ui/src/components/promotions/promotion-alert.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionAlert:function(){return PromotionAlert}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");const PromotionAlert=({message:e,upgradeUrl:t,onCtaClick:n})=>o.createElement(i.Alert,{variant:"standard",color:"promotion",icon:!1,role:"dialog","aria-label":"promotion-alert",size:"small",sx:{m:2,mt:1,pt:.5,pb:.5}},e,o.createElement(i.Button,{size:"tiny",variant:"text",color:"promotion",target:"_blank",href:t,rel:"noopener noreferrer",startIcon:o.createElement(r.CrownFilledIcon,{fontSize:"tiny"}),onClick:n},(0,s.__)("Upgrade now","elementor")))},"./packages/packages/libs/editor-ui/src/components/promotions/promotion-chip.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionChip:function(){return s}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const s=o.forwardRef(({...e},t)=>o.createElement(i.Chip,_extends({"aria-label":"Promotion chip",ref:t,size:"tiny",color:"promotion",variant:"standard",icon:o.createElement(r.CrownFilledIcon,null),sx:{ml:1,width:"20px","& .MuiChip-label":{display:"none"}}},e)))},"./packages/packages/libs/editor-ui/src/components/promotions/promotion-infotip.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionInfotip:function(){return PromotionInfotip}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/packages/libs/editor-ui/src/hooks/index.ts"),s=n("./packages/packages/libs/editor-ui/src/components/cta-button.tsx");function _extends(){return _extends=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},_extends.apply(null,arguments)}const PromotionInfotip=({children:e,open:t,onClose:n,onCtaClick:s,...a})=>((0,i.useCanvasClickHandler)(!!t,n),o.createElement(r.Infotip,{placement:"right",content:o.createElement(InfotipCard,_extends({onClose:n,onCtaClick:s},a)),open:t},e));function InfotipCard({title:e,content:t,assetUrl:n,ctaUrl:i,onClose:a,onCtaClick:l}){return o.createElement(r.ClickAwayListener,{disableReactTree:!0,mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:a},o.createElement(r.Card,{elevation:0,sx:{maxWidth:296}},o.createElement(r.CardHeader,{title:e,action:o.createElement(r.CloseButton,{slotProps:{icon:{fontSize:"tiny"}},onClick:a})}),o.createElement(r.CardMedia,{component:"img",image:n,alt:"",sx:{width:"100%",aspectRatio:"16 / 9"}}),o.createElement(r.CardContent,null,o.createElement(r.Typography,{variant:"body2",color:"text.secondary"},t)),o.createElement(r.CardActions,{sx:{justifyContent:"flex-start"}},o.createElement(s.CtaButton,{href:i,onClick:l}))))}},"./packages/packages/libs/editor-ui/src/components/promotions/promotion-popover.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionPopover:function(){return PromotionPopover}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui");const PromotionPopover=({children:e,open:t,placement:n="right",slotProps:r,anchorRef:s,...a})=>{const l=s?.current,c={popper:{...l&&{anchorEl:l},modifiers:[{name:"offset",options:{offset:s?[0,4]:[0,10]}}]}};return o.createElement(i.Infotip,{placement:n,arrow:!1,content:o.createElement(PopoverAlert,a),open:t,slotProps:r||c},e)};function PopoverAlert({title:e,content:t,ctaUrl:n,ctaText:s,onClose:a,onCtaClick:l}){return o.createElement(i.ClickAwayListener,{disableReactTree:!0,mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:a},o.createElement(i.Alert,{variant:"standard",color:"promotion",icon:o.createElement(r.CrownFilledIcon,{fontSize:"tiny"}),onClose:a,onMouseDown:e=>e.stopPropagation(),role:"dialog","aria-label":"promotion-popover-title",action:o.createElement(i.AlertAction,{variant:"contained",color:"promotion",href:n,target:"_blank",rel:"noopener noreferrer",onClick:l},s),sx:{maxWidth:296}},o.createElement(i.Box,{sx:{gap:.5,display:"flex",flexDirection:"column"}},o.createElement(i.AlertTitle,null,e),o.createElement(i.Typography,{variant:"body2"},t))))}},"./packages/packages/libs/editor-ui/src/components/save-changes-dialog.tsx":function(e,t,n){n.r(t),n.d(t,{SaveChangesDialog:function(){return SaveChangesDialog},useDialog:function(){return useDialog}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui");function _extends(){return _extends=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},_extends.apply(null,arguments)}const s="save-changes-dialog",SaveChangesDialog=({children:e,onClose:t})=>o.createElement(i.Dialog,{open:!0,onClose:t,"aria-labelledby":s,maxWidth:"xs"},e);SaveChangesDialog.Title=({children:e,onClose:t})=>o.createElement(i.DialogTitle,{id:s,display:"flex",alignItems:"center",gap:1,sx:{lineHeight:1,justifyContent:"space-between"}},o.createElement(i.Stack,{direction:"row",alignItems:"center",gap:1},o.createElement(r.AlertTriangleFilledIcon,{color:"secondary"}),e),t&&o.createElement(i.IconButton,{onClick:t,size:"small"},o.createElement(r.XIcon,null))),SaveChangesDialog.Content=({children:e})=>o.createElement(i.DialogContent,null,e),SaveChangesDialog.ContentText=e=>o.createElement(i.DialogContentText,_extends({variant:"body2",color:"textPrimary",display:"flex",flexDirection:"column"},e)),SaveChangesDialog.Actions=({actions:e})=>{const[t,n]=(0,o.useState)(!1),{cancel:r,confirm:s,discard:a}=e;return o.createElement(i.DialogActions,null,r&&o.createElement(i.Button,{variant:"text",color:"secondary",onClick:r.action},r.label),a&&o.createElement(i.Button,{variant:"text",color:"secondary",onClick:a.action},a.label),o.createElement(i.Button,{variant:"contained",color:"secondary",onClick:async()=>{n(!0),await s.action(),n(!1)},loading:t},s.label))};const useDialog=()=>{const[e,t]=(0,o.useState)(!1);return{isOpen:e,open:()=>t(!0),close:()=>t(!1)}}},"./packages/packages/libs/editor-ui/src/components/search-field.tsx":function(e,t,n){n.r(t),n.d(t,{SearchField:function(){return SearchField}});var o=n("react"),r=n("@elementor/icons"),i=n("@elementor/ui"),s=n("@wordpress/i18n");const a="tiny",SearchField=({value:e,onSearch:t,placeholder:n,id:l,sx:c})=>{const u=(0,o.useRef)(null);return o.createElement(i.Box,{sx:{px:2,pb:1.5,...c}},o.createElement(i.TextField,{autoFocus:!0,fullWidth:!0,id:l,size:a,value:e,inputRef:u,onChange:e=>{t(e.target.value)},placeholder:n,InputProps:{startAdornment:o.createElement(i.InputAdornment,{position:"start"},o.createElement(r.SearchIcon,{fontSize:a})),endAdornment:e&&o.createElement(i.IconButton,{size:a,onClick:()=>{t(""),u.current?.focus()},"aria-label":(0,s.__)("Clear","elementor")},o.createElement(r.XIcon,{color:"action",fontSize:a}))}}))}},"./packages/packages/libs/editor-ui/src/components/theme-provider.tsx":function(e,t,n){n.r(t),n.d(t,{default:function(){return ThemeProvider}});var o=n("react"),r=n("@elementor/ui"),i=n("./packages/packages/libs/editor-ui/src/hooks/use-color-scheme.ts");const s="unstable";function ThemeProvider({children:e}){const t=(0,i.useColorScheme)();return o.createElement(r.ThemeProvider,{colorScheme:t,palette:s},e)}},"./packages/packages/libs/editor-ui/src/components/warning-infotip.tsx":function(e,t,n){n.r(t),n.d(t,{WarningInfotip:function(){return i}});var o=n("react"),r=n("@elementor/ui");const i=(0,o.forwardRef)(({children:e,open:t,title:n,text:i,placement:s,width:a,offset:l,hasError:c=!0},u)=>o.createElement(r.Infotip,{ref:u,open:t,placement:s,PopperProps:{sx:{width:a||"initial",".MuiTooltip-tooltip":{marginLeft:0,marginRight:0}},modifiers:l?[{name:"offset",options:{offset:l}}]:[]},arrow:!1,content:o.createElement(r.Alert,{color:c?"error":"secondary",severity:"warning",variant:"standard",size:"small"},n?o.createElement(r.AlertTitle,null,n):null,i)},e))},"./packages/packages/libs/editor-ui/src/contexts/section-context.tsx":function(e,t,n){n.r(t),n.d(t,{SectionRefContext:function(){return r},useSectionWidth:function(){return useSectionWidth}});var o=n("react");const r=(0,o.createContext)(null),useSectionWidth=()=>{const e=(0,o.useContext)(r);return e?.current?.offsetWidth??320}},"./packages/packages/libs/editor-ui/src/hooks/index.ts":function(e,t,n){n.r(t),n.d(t,{useCanvasClickHandler:function(){return s.useCanvasClickHandler},useScrollToSelected:function(){return o.useScrollToSelected},useScrollTop:function(){return r.useScrollTop},useTextFieldAutoSelect:function(){return i.useTextFieldAutoSelect}});var o=n("./packages/packages/libs/editor-ui/src/hooks/use-scroll-to-selected.ts"),r=n("./packages/packages/libs/editor-ui/src/hooks/use-scroll-top.ts"),i=n("./packages/packages/libs/editor-ui/src/hooks/use-text-field-auto-select.ts"),s=n("./packages/packages/libs/editor-ui/src/hooks/use-canvas-click-handler.tsx")},"./packages/packages/libs/editor-ui/src/hooks/use-canvas-click-handler.tsx":function(e,t,n){n.r(t),n.d(t,{useCanvasClickHandler:function(){return useCanvasClickHandler}});var o=n("react"),r=n("@elementor/editor-v1-adapters");const useCanvasClickHandler=(e,t)=>{(0,o.useEffect)(()=>{const n=e?(0,r.getCanvasIframeDocument)():null;if(n)return n.addEventListener("mousedown",t),()=>n.removeEventListener("mousedown",t)},[e,t])}},"./packages/packages/libs/editor-ui/src/hooks/use-color-scheme.ts":function(e,t,n){n.r(t),n.d(t,{useColorScheme:function(){return useColorScheme}});var o=n("react"),r=n("@elementor/editor-v1-adapters");function useColorScheme(){const[e,t]=(0,o.useState)(()=>getV1ColorScheme());return(0,o.useEffect)(()=>(0,r.__privateListenTo)((0,r.v1ReadyEvent)(),()=>t(getV1ColorScheme())),[]),(0,o.useEffect)(()=>(0,r.__privateListenTo)((0,r.commandEndEvent)("document/elements/settings"),e=>{const n=e;n.args?.settings&&"ui_theme"in n.args.settings&&t(getV1ColorScheme())}),[]),e}function getV1ColorScheme(){return window.elementor?.getPreferences?.("ui_theme")||"auto"}},"./packages/packages/libs/editor-ui/src/hooks/use-editable.ts":function(e,t,n){n.r(t),n.d(t,{useEditable:function(){return useEditable}});var o=n("react");const useEditable=({value:e,onSubmit:t,validation:n,onClick:r,onError:i})=>{const[s,a]=(0,o.useState)(!1),[l,c]=(0,o.useState)(null),u=useSelection(s),isDirty=t=>t!==e,closeEditMode=()=>{c(null),i?.(null),a(!1)},d={onClick:e=>{s&&e.stopPropagation(),r?.(e)},onKeyDown:e=>{if(e.stopPropagation(),["Escape"].includes(e.key))return closeEditMode();["Enter"].includes(e.key)&&(e.preventDefault(),l||u.current?.blur())},onInput:e=>{const{innerText:t}=e.target;if(n){const e=isDirty(t)?n(t):null;c(e),i?.(e)}},onBlur:()=>{l?closeEditMode():(e=>{if(isDirty(e)){if(!l)try{t(e)}finally{closeEditMode()}}else closeEditMode()})(u.current.innerText)}},p={value:e,role:"textbox",contentEditable:s,...s&&{suppressContentEditableWarning:!0}};return{ref:u,isEditing:s,openEditMode:()=>{a(!0)},closeEditMode:closeEditMode,value:e,error:l,getProps:()=>({...d,...p})}},useSelection=e=>{const t=(0,o.useRef)(null);return(0,o.useEffect)(()=>{e&&selectAll(t.current)},[e]),t},selectAll=e=>{const t=getSelection();if(!t||!e)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}},"./packages/packages/libs/editor-ui/src/hooks/use-scroll-to-selected.ts":function(e,t,n){n.r(t),n.d(t,{useScrollToSelected:function(){return useScrollToSelected}});var o=n("react");const useScrollToSelected=({selectedValue:e,items:t,virtualizer:n})=>{(0,o.useEffect)(()=>{if(!e||0===t.length)return;const o=t.findIndex(t=>t.value===e);-1!==o&&n.scrollToIndex(o,{align:"center"})},[e,t,n])}},"./packages/packages/libs/editor-ui/src/hooks/use-scroll-top.ts":function(e,t,n){n.r(t),n.d(t,{useScrollTop:function(){return useScrollTop}});var o=n("react");const useScrollTop=({containerRef:e})=>{const[t,n]=(0,o.useState)(0);return(0,o.useEffect)(()=>{const t=e.current;if(!t)return;const handleScroll=()=>{n(t.scrollTop)};return t.addEventListener("scroll",handleScroll),()=>t.removeEventListener("scroll",handleScroll)},[e]),t}},"./packages/packages/libs/editor-ui/src/hooks/use-text-field-auto-select.ts":function(e,t,n){n.r(t),n.d(t,{useTextFieldAutoSelect:function(){return useTextFieldAutoSelect}});var o=n("react");const useTextFieldAutoSelect=()=>{const e=(0,o.useRef)(null);return(0,o.useEffect)(()=>{e.current&&(e.current.focus(),e.current.select())},[]),e}},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@wordpress/i18n":function(e){e.exports=window.wp.i18n},react:function(e){e.exports=window.React},"react-dom":function(e){e.exports=window.ReactDOM}},t={};function __webpack_require__(n){var o=t[n];if(void 0!==o)return o.exports;var r=t[n]={exports:{}};return e[n](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};!function(){__webpack_require__.r(n),__webpack_require__.d(n,{CollapseIcon:function(){return e.CollapseIcon},CollapsibleContent:function(){return t.CollapsibleContent},ConfirmationDialog:function(){return w.ConfirmationDialog},CtaButton:function(){return h.CtaButton},EditableField:function(){return r.EditableField},EllipsisWithTooltip:function(){return o.EllipsisWithTooltip},FileUploadDropzone:function(){return k.FileUploadDropzone},FileUploadRow:function(){return k.FileUploadRow},FloatingActionsBar:function(){return x.FloatingActionsBar},Form:function(){return m.Form},GlobalDialog:function(){return d.GlobalDialog},ITEM_HEIGHT:function(){return _.ITEM_HEIGHT},InfoAlert:function(){return c.InfoAlert},InfoTipCard:function(){return l.InfoTipCard},IntroductionModal:function(){return i.IntroductionModal},MenuItemInfotip:function(){return a.MenuItemInfotip},MenuListItem:function(){return a.MenuListItem},PopoverAction:function(){return _.PopoverAction},PopoverBody:function(){return _.PopoverBody},PopoverHeader:function(){return _.PopoverHeader},PopoverMenuList:function(){return _.PopoverMenuList},PromotionAlert:function(){return v.PromotionAlert},PromotionChip:function(){return b.PromotionChip},PromotionInfotip:function(){return f.PromotionInfotip},PromotionPopover:function(){return g.PromotionPopover},SaveChangesDialog:function(){return E.SaveChangesDialog},SearchField:function(){return p.SearchField},SectionPopoverBody:function(){return _.SectionPopoverBody},SectionRefContext:function(){return y.SectionRefContext},StyledMenuList:function(){return _.StyledMenuList},ThemeProvider:function(){return s.default},WarningInfotip:function(){return u.WarningInfotip},closeDialog:function(){return d.closeDialog},getCollapsibleValue:function(){return t.getCollapsibleValue},openDialog:function(){return d.openDialog},useCanvasClickHandler:function(){return I.useCanvasClickHandler},useDialog:function(){return E.useDialog},useEditable:function(){return S.useEditable},useFloatingActionsBar:function(){return x.useFloatingActionsBar},useSectionWidth:function(){return y.useSectionWidth},useTextFieldAutoSelect:function(){return C.useTextFieldAutoSelect}});var e=__webpack_require__("./packages/packages/libs/editor-ui/src/components/collapse-icon.tsx"),t=__webpack_require__("./packages/packages/libs/editor-ui/src/components/collapsible-content.tsx"),o=__webpack_require__("./packages/packages/libs/editor-ui/src/components/ellipsis-with-tooltip.tsx"),r=__webpack_require__("./packages/packages/libs/editor-ui/src/components/editable-field.tsx"),i=__webpack_require__("./packages/packages/libs/editor-ui/src/components/introduction-modal.tsx"),s=__webpack_require__("./packages/packages/libs/editor-ui/src/components/theme-provider.tsx"),a=__webpack_require__("./packages/packages/libs/editor-ui/src/components/menu-item.tsx"),l=__webpack_require__("./packages/packages/libs/editor-ui/src/components/infotip-card.tsx"),c=__webpack_require__("./packages/packages/libs/editor-ui/src/components/info-alert.tsx"),u=__webpack_require__("./packages/packages/libs/editor-ui/src/components/warning-infotip.tsx"),d=__webpack_require__("./packages/packages/libs/editor-ui/src/components/global-dialog/index.ts"),p=__webpack_require__("./packages/packages/libs/editor-ui/src/components/search-field.tsx"),m=__webpack_require__("./packages/packages/libs/editor-ui/src/components/form.tsx"),h=__webpack_require__("./packages/packages/libs/editor-ui/src/components/cta-button.tsx"),f=__webpack_require__("./packages/packages/libs/editor-ui/src/components/promotions/promotion-infotip.tsx"),g=__webpack_require__("./packages/packages/libs/editor-ui/src/components/promotions/promotion-popover.tsx"),b=__webpack_require__("./packages/packages/libs/editor-ui/src/components/promotions/promotion-chip.tsx"),v=__webpack_require__("./packages/packages/libs/editor-ui/src/components/promotions/promotion-alert.tsx"),x=__webpack_require__("./packages/packages/libs/editor-ui/src/components/floating-bar.tsx"),k=__webpack_require__("./packages/packages/libs/editor-ui/src/components/file-upload/index.ts"),_=__webpack_require__("./packages/packages/libs/editor-ui/src/components/popover/index.ts"),E=__webpack_require__("./packages/packages/libs/editor-ui/src/components/save-changes-dialog.tsx"),w=__webpack_require__("./packages/packages/libs/editor-ui/src/components/confirmation-dialog.tsx"),y=__webpack_require__("./packages/packages/libs/editor-ui/src/contexts/section-context.tsx"),S=__webpack_require__("./packages/packages/libs/editor-ui/src/hooks/use-editable.ts"),C=__webpack_require__("./packages/packages/libs/editor-ui/src/hooks/use-text-field-auto-select.ts"),I=__webpack_require__("./packages/packages/libs/editor-ui/src/hooks/use-canvas-click-handler.tsx")}(),(window.elementorV2=window.elementorV2||{}).editorUi=n}(),window.elementorV2.editorUi?.init?.();
	641	+`;
	642	+ var FloatingActionsContext = (0, react.createContext)(null);
	643	+ function FloatingActionsBar({ actions, children }) {
	644	+ const [open, setOpen] = (0, react.useState)(false);
	645	+ return /* @__PURE__ */ react.createElement(FloatingActionsContext.Provider, { value: {
	646	+ open,
	647	+ setOpen
	648	+ } }, /* @__PURE__ */ react.createElement(FloatingBarContainer, null, /* @__PURE__ */ react.createElement(_elementor_ui.UnstableFloatingActionBar, {
	649	+ actions,
	650	+ open: open || void 0
	651	+ }, children)));
	652	+ }
	653	+ function useFloatingActionsBar() {
	654	+ const context = (0, react.useContext)(FloatingActionsContext);
	655	+ if (!context) throw new Error("useFloatingActions must be used within a FloatingActionsBar");
	656	+ return context;
	657	+ }
	658	+
	659	+//#endregion
	660	+//#region packages/packages/libs/editor-ui/src/components/file-upload/file-upload-dropzone.tsx
	661	+ var cardSx$1 = {
	662	+ minHeight: 152,
	663	+ border: "2px dashed",
	664	+ borderColor: "divider",
	665	+ borderRadius: 1
	666	+ };
	667	+ var FileUploadDropzone = ({ onFileSelected, allowedFileTypes, accept, regionLabel, primaryLabel, secondaryLabel, helperText }) => {
	668	+ const fileInputRef = (0, react.useRef)(null);
	669	+ const { getDropZoneProps } = (0, _elementor_ui.useUnstableDropZone)({
	670	+ allowedFileTypes,
	671	+ onChange: ({ valid }) => {
	672	+ if (valid[0]) onFileSelected(valid[0]);
	673	+ }
	674	+ });
	675	+ const dropZoneProps = getDropZoneProps();
	676	+ const handleBrowseClick = () => fileInputRef.current?.click();
	677	+ const handleFileInputChange = (event) => {
	678	+ const file = event.target.files?.[0];
	679	+ if (file) onFileSelected(file);
	680	+ event.target.value = "";
	681	+ };
	682	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Card, {
	683	+ variant: "outlined",
	684	+ role: "region",
	685	+ "aria-label": regionLabel ?? (0, _wordpress_i18n.__)("File dropzone", "elementor"),
	686	+ onDrop: dropZoneProps.onDrop,
	687	+ onDragEnter: dropZoneProps.onDragEnter,
	688	+ onDragLeave: dropZoneProps.onDragLeave,
	689	+ onDragOver: dropZoneProps.onDragOver,
	690	+ sx: cardSx$1
	691	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	692	+ alignItems: "center",
	693	+ spacing: 1,
	694	+ padding: 3
	695	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.UploadIcon, { fontSize: "medium" }), /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	696	+ direction: "row",
	697	+ spacing: .5,
	698	+ alignItems: "center"
	699	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Link, {
	700	+ component: "button",
	701	+ type: "button",
	702	+ underline: "always",
	703	+ onClick: handleBrowseClick
	704	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	705	+ variant: "body1",
	706	+ component: "span"
	707	+ }, primaryLabel ?? (0, _wordpress_i18n.__)("Upload file", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, { variant: "body1" }, secondaryLabel ?? (0, _wordpress_i18n.__)("or drag and drop", "elementor"))), helperText ? /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	708	+ variant: "caption",
	709	+ color: "text.secondary"
	710	+ }, helperText) : null), /* @__PURE__ */ react.createElement("input", {
	711	+ ref: fileInputRef,
	712	+ type: "file",
	713	+ accept,
	714	+ hidden: true,
	715	+ onChange: handleFileInputChange
	716	+ }));
	717	+ };
	718	+
	719	+//#endregion
	720	+//#region packages/packages/libs/editor-ui/src/components/file-upload/file-upload-row.tsx
	721	+ var BYTES_PER_KILOBYTE = 1024;
	722	+ var cardSx = {
	723	+ minHeight: 152,
	724	+ border: "2px dashed",
	725	+ borderColor: "divider",
	726	+ borderRadius: 1
	727	+ };
	728	+ var formatFileSize = (sizeInBytes) => {
	729	+ return `${Math.max(1, Math.round(sizeInBytes / BYTES_PER_KILOBYTE))}kb`;
	730	+ };
	731	+ var FileUploadRow = ({ file, onRemove, statusLabel }) => {
	732	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Card, {
	733	+ variant: "outlined",
	734	+ sx: cardSx
	735	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	736	+ direction: "row",
	737	+ alignItems: "center",
	738	+ justifyContent: "space-between",
	739	+ padding: 2,
	740	+ spacing: 2,
	741	+ minHeight: 152
	742	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	743	+ direction: "column",
	744	+ spacing: .5,
	745	+ minWidth: 0,
	746	+ flex: 1
	747	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	748	+ variant: "subtitle2",
	749	+ noWrap: true
	750	+ }, file.name), /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	751	+ variant: "caption",
	752	+ color: "text.secondary",
	753	+ noWrap: true
	754	+ }, formatFileSize(file.size), " · ", statusLabel ?? (0, _wordpress_i18n.__)("Complete", "elementor"))), /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	755	+ size: "small",
	756	+ onClick: onRemove,
	757	+ "aria-label": (0, _wordpress_i18n.__)("Remove file", "elementor")
	758	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.XIcon, { fontSize: "inherit" }))));
	759	+ };
	760	+
	761	+//#endregion
	762	+//#region packages/packages/libs/editor-ui/src/components/popover/body.tsx
	763	+ var SECTION_PADDING_INLINE = 32;
	764	+ var DEFAULT_POPOVER_HEIGHT = 348;
	765	+ var FALLBACK_POPOVER_WIDTH = 220;
	766	+ var PopoverBody = ({ children, height = DEFAULT_POPOVER_HEIGHT, width, id }) => {
	767	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	768	+ display: "flex",
	769	+ flexDirection: "column",
	770	+ sx: {
	771	+ height,
	772	+ overflow: "hidden",
	773	+ width: `${width ? width - SECTION_PADDING_INLINE : FALLBACK_POPOVER_WIDTH}px`,
	774	+ maxWidth: 496
	775	+ },
	776	+ id
	777	+ }, children);
	778	+ };
	779	+
	780	+//#endregion
	781	+//#region packages/packages/libs/editor-ui/src/contexts/section-context.tsx
	782	+ var FALLBACK_SECTION_WIDTH = 320;
	783	+ var SectionRefContext = (0, react.createContext)(null);
	784	+ var useSectionRef = () => (0, react.useContext)(SectionRefContext);
	785	+ var useSectionWidth = () => {
	786	+ return useSectionRef()?.current?.offsetWidth ?? FALLBACK_SECTION_WIDTH;
	787	+ };
	788	+
	789	+//#endregion
	790	+//#region packages/packages/libs/editor-ui/src/components/popover/section-popover-body.tsx
	791	+ var SectionPopoverBody = (props) => {
	792	+ const sectionWidth = useSectionWidth();
	793	+ return /* @__PURE__ */ react.createElement(PopoverBody, {
	794	+ ...props,
	795	+ width: sectionWidth
	796	+ });
	797	+ };
	798	+
	799	+//#endregion
	800	+//#region packages/packages/libs/editor-ui/src/components/popover/header.tsx
	801	+ var SIZE$1 = "tiny";
	802	+ var PopoverHeader = ({ title, onClose, icon, actions }) => {
	803	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	804	+ direction: "row",
	805	+ alignItems: "center",
	806	+ pl: 2,
	807	+ pr: 1,
	808	+ py: 1.5,
	809	+ maxHeight: 36,
	810	+ sx: { columnGap: .5 }
	811	+ }, icon, /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	812	+ variant: "subtitle2",
	813	+ sx: {
	814	+ fontSize: "12px",
	815	+ mt: .25
	816	+ }
	817	+ }, title), /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	818	+ direction: "row",
	819	+ sx: { ml: "auto" }
	820	+ }, actions, /* @__PURE__ */ react.createElement(_elementor_ui.CloseButton, {
	821	+ slotProps: { icon: { fontSize: SIZE$1 } },
	822	+ sx: { ml: "auto" },
	823	+ onClick: onClose
	824	+ })));
	825	+ };
	826	+
	827	+//#endregion
	828	+//#region packages/node_modules/@tanstack/virtual-core/dist/esm/utils.js
	829	+ function memo(getDeps, fn, opts) {
	830	+ let deps = opts.initialDeps ?? [];
	831	+ let result;
	832	+ let isInitial = true;
	833	+ function memoizedFunction() {
	834	+ var _a;
	835	+ var _b;
	836	+ var _c;
	837	+ let depTime;
	838	+ if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
	839	+ const newDeps = getDeps();
	840	+ if (!(newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep))) return result;
	841	+ deps = newDeps;
	842	+ let resultTime;
	843	+ if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
	844	+ result = fn(...newDeps);
	845	+ if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
	846	+ const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
	847	+ const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
	848	+ const resultFpsPercentage = resultEndTime / 16;
	849	+ const pad = (str, num) => {
	850	+ str = String(str);
	851	+ while (str.length < num) str = " " + str;
	852	+ return str;
	853	+ };
	854	+ console.info(`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`, `
	855	+ font-size: .6rem;
	856	+ font-weight: bold;
	857	+ color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts == null ? void 0 : opts.key);
	858	+ }
	859	+ if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) opts.onChange(result);
	860	+ isInitial = false;
	861	+ return result;
	862	+ }
	863	+ memoizedFunction.updateDeps = (newDeps) => {
	864	+ deps = newDeps;
	865	+ };
	866	+ return memoizedFunction;
	867	+ }
	868	+ function notUndefined(value, msg) {
	869	+ if (value === void 0) throw new Error(`Unexpected undefined${msg ? `: ${msg}` : ""}`);
	870	+ else return value;
	871	+ }
	872	+ var approxEqual = (a, b) => Math.abs(a - b) < 1.01;
	873	+ var debounce = (targetWindow, fn, ms) => {
	874	+ let timeoutId;
	875	+ return function(...args) {
	876	+ targetWindow.clearTimeout(timeoutId);
	877	+ timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
	878	+ };
	879	+ };
	880	+
	881	+//#endregion
	882	+//#region packages/node_modules/@tanstack/virtual-core/dist/esm/index.js
	883	+ var getRect = (element) => {
	884	+ const { offsetWidth, offsetHeight } = element;
	885	+ return {
	886	+ width: offsetWidth,
	887	+ height: offsetHeight
	888	+ };
	889	+ };
	890	+ var defaultKeyExtractor = (index) => index;
	891	+ var defaultRangeExtractor = (range) => {
	892	+ const start = Math.max(range.startIndex - range.overscan, 0);
	893	+ const end = Math.min(range.endIndex + range.overscan, range.count - 1);
	894	+ const arr = [];
	895	+ for (let i = start; i <= end; i++) arr.push(i);
	896	+ return arr;
	897	+ };
	898	+ var observeElementRect = (instance, cb) => {
	899	+ const element = instance.scrollElement;
	900	+ if (!element) return;
	901	+ const targetWindow = instance.targetWindow;
	902	+ if (!targetWindow) return;
	903	+ const handler = (rect) => {
	904	+ const { width, height } = rect;
	905	+ cb({
	906	+ width: Math.round(width),
	907	+ height: Math.round(height)
	908	+ });
	909	+ };
	910	+ handler(getRect(element));
	911	+ if (!targetWindow.ResizeObserver) return () => {};
	912	+ const observer = new targetWindow.ResizeObserver((entries) => {
	913	+ const run = () => {
	914	+ const entry = entries[0];
	915	+ if (entry == null ? void 0 : entry.borderBoxSize) {
	916	+ const box = entry.borderBoxSize[0];
	917	+ if (box) {
	918	+ handler({
	919	+ width: box.inlineSize,
	920	+ height: box.blockSize
	921	+ });
	922	+ return;
	923	+ }
	924	+ }
	925	+ handler(getRect(element));
	926	+ };
	927	+ instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
	928	+ });
	929	+ observer.observe(element, { box: "border-box" });
	930	+ return () => {
	931	+ observer.unobserve(element);
	932	+ };
	933	+ };
	934	+ var addEventListenerOptions = { passive: true };
	935	+ var supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
	936	+ var observeElementOffset = (instance, cb) => {
	937	+ const element = instance.scrollElement;
	938	+ if (!element) return;
	939	+ const targetWindow = instance.targetWindow;
	940	+ if (!targetWindow) return;
	941	+ let offset = 0;
	942	+ const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(targetWindow, () => {
	943	+ cb(offset, false);
	944	+ }, instance.options.isScrollingResetDelay);
	945	+ const createHandler = (isScrolling) => () => {
	946	+ const { horizontal, isRtl } = instance.options;
	947	+ offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
	948	+ fallback();
	949	+ cb(offset, isScrolling);
	950	+ };
	951	+ const handler = createHandler(true);
	952	+ const endHandler = createHandler(false);
	953	+ element.addEventListener("scroll", handler, addEventListenerOptions);
	954	+ const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
	955	+ if (registerScrollendEvent) element.addEventListener("scrollend", endHandler, addEventListenerOptions);
	956	+ return () => {
	957	+ element.removeEventListener("scroll", handler);
	958	+ if (registerScrollendEvent) element.removeEventListener("scrollend", endHandler);
	959	+ };
	960	+ };
	961	+ var measureElement = (element, entry, instance) => {
	962	+ if (entry == null ? void 0 : entry.borderBoxSize) {
	963	+ const box = entry.borderBoxSize[0];
	964	+ if (box) return Math.round(box[instance.options.horizontal ? "inlineSize" : "blockSize"]);
	965	+ }
	966	+ return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
	967	+ };
	968	+ var elementScroll = (offset, { adjustments = 0, behavior }, instance) => {
	969	+ var _a;
	970	+ var _b;
	971	+ const toOffset = offset + adjustments;
	972	+ (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null || _b.call(_a, {
	973	+ [instance.options.horizontal ? "left" : "top"]: toOffset,
	974	+ behavior
	975	+ });
	976	+ };
	977	+ var Virtualizer = class {
	978	+ constructor(opts) {
	979	+ this.unsubs = [];
	980	+ this.scrollElement = null;
	981	+ this.targetWindow = null;
	982	+ this.isScrolling = false;
	983	+ this.scrollState = null;
	984	+ this.measurementsCache = [];
	985	+ this.itemSizeCache = /* @__PURE__ */ new Map();
	986	+ this.laneAssignments = /* @__PURE__ */ new Map();
	987	+ this.pendingMeasuredCacheIndexes = [];
	988	+ this.prevLanes = void 0;
	989	+ this.lanesChangedFlag = false;
	990	+ this.lanesSettling = false;
	991	+ this.scrollRect = null;
	992	+ this.scrollOffset = null;
	993	+ this.scrollDirection = null;
	994	+ this.scrollAdjustments = 0;
	995	+ this.elementsCache = /* @__PURE__ */ new Map();
	996	+ this.now = () => {
	997	+ var _a;
	998	+ var _b;
	999	+ var _c;
	1000	+ return ((_c = (_b = (_a = this.targetWindow) == null ? void 0 : _a.performance) == null ? void 0 : _b.now) == null ? void 0 : _c.call(_b)) ?? Date.now();
	1001	+ };
	1002	+ this.observer = /* @__PURE__ */ (() => {
	1003	+ let _ro = null;
	1004	+ const get = () => {
	1005	+ if (_ro) return _ro;
	1006	+ if (!this.targetWindow || !this.targetWindow.ResizeObserver) return null;
	1007	+ return _ro = new this.targetWindow.ResizeObserver((entries) => {
	1008	+ entries.forEach((entry) => {
	1009	+ const run = () => {
	1010	+ const node = entry.target;
	1011	+ const index = this.indexFromElement(node);
	1012	+ if (!node.isConnected) {
	1013	+ this.observer.unobserve(node);
	1014	+ return;
	1015	+ }
	1016	+ if (this.shouldMeasureDuringScroll(index)) this.resizeItem(index, this.options.measureElement(node, entry, this));
	1017	+ };
	1018	+ this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
	1019	+ });
	1020	+ });
	1021	+ };
	1022	+ return {
	1023	+ disconnect: () => {
	1024	+ var _a;
	1025	+ (_a = get()) == null || _a.disconnect();
	1026	+ _ro = null;
	1027	+ },
	1028	+ observe: (target) => {
	1029	+ var _a;
	1030	+ return (_a = get()) == null ? void 0 : _a.observe(target, { box: "border-box" });
	1031	+ },
	1032	+ unobserve: (target) => {
	1033	+ var _a;
	1034	+ return (_a = get()) == null ? void 0 : _a.unobserve(target);
	1035	+ }
	1036	+ };
	1037	+ })();
	1038	+ this.range = null;
	1039	+ this.setOptions = (opts2) => {
	1040	+ Object.entries(opts2).forEach(([key, value]) => {
	1041	+ if (typeof value === "undefined") delete opts2[key];
	1042	+ });
	1043	+ this.options = {
	1044	+ debug: false,
	1045	+ initialOffset: 0,
	1046	+ overscan: 1,
	1047	+ paddingStart: 0,
	1048	+ paddingEnd: 0,
	1049	+ scrollPaddingStart: 0,
	1050	+ scrollPaddingEnd: 0,
	1051	+ horizontal: false,
	1052	+ getItemKey: defaultKeyExtractor,
	1053	+ rangeExtractor: defaultRangeExtractor,
	1054	+ onChange: () => {},
	1055	+ measureElement,
	1056	+ initialRect: {
	1057	+ width: 0,
	1058	+ height: 0
	1059	+ },
	1060	+ scrollMargin: 0,
	1061	+ gap: 0,
	1062	+ indexAttribute: "data-index",
	1063	+ initialMeasurementsCache: [],
	1064	+ lanes: 1,
	1065	+ isScrollingResetDelay: 150,
	1066	+ enabled: true,
	1067	+ isRtl: false,
	1068	+ useScrollendEvent: false,
	1069	+ useAnimationFrameWithResizeObserver: false,
	1070	+ laneAssignmentMode: "estimate",
	1071	+ ...opts2
	1072	+ };
	1073	+ };
	1074	+ this.notify = (sync) => {
	1075	+ var _a;
	1076	+ var _b;
	1077	+ (_b = (_a = this.options).onChange) == null || _b.call(_a, this, sync);
	1078	+ };
	1079	+ this.maybeNotify = memo(() => {
	1080	+ this.calculateRange();
	1081	+ return [
	1082	+ this.isScrolling,
	1083	+ this.range ? this.range.startIndex : null,
	1084	+ this.range ? this.range.endIndex : null
	1085	+ ];
	1086	+ }, (isScrolling) => {
	1087	+ this.notify(isScrolling);
	1088	+ }, {
	1089	+ key: "maybeNotify",
	1090	+ debug: () => this.options.debug,
	1091	+ initialDeps: [
	1092	+ this.isScrolling,
	1093	+ this.range ? this.range.startIndex : null,
	1094	+ this.range ? this.range.endIndex : null
	1095	+ ]
	1096	+ });
	1097	+ this.cleanup = () => {
	1098	+ this.unsubs.filter(Boolean).forEach((d) => d());
	1099	+ this.unsubs = [];
	1100	+ this.observer.disconnect();
	1101	+ if (this.rafId != null && this.targetWindow) {
	1102	+ this.targetWindow.cancelAnimationFrame(this.rafId);
	1103	+ this.rafId = null;
	1104	+ }
	1105	+ this.scrollState = null;
	1106	+ this.scrollElement = null;
	1107	+ this.targetWindow = null;
	1108	+ };
	1109	+ this._didMount = () => {
	1110	+ return () => {
	1111	+ this.cleanup();
	1112	+ };
	1113	+ };
	1114	+ this._willUpdate = () => {
	1115	+ var _a;
	1116	+ const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;
	1117	+ if (this.scrollElement !== scrollElement) {
	1118	+ this.cleanup();
	1119	+ if (!scrollElement) {
	1120	+ this.maybeNotify();
	1121	+ return;
	1122	+ }
	1123	+ this.scrollElement = scrollElement;
	1124	+ if (this.scrollElement && "ownerDocument" in this.scrollElement) this.targetWindow = this.scrollElement.ownerDocument.defaultView;
	1125	+ else this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
	1126	+ this.elementsCache.forEach((cached) => {
	1127	+ this.observer.observe(cached);
	1128	+ });
	1129	+ this.unsubs.push(this.options.observeElementRect(this, (rect) => {
	1130	+ this.scrollRect = rect;
	1131	+ this.maybeNotify();
	1132	+ }));
	1133	+ this.unsubs.push(this.options.observeElementOffset(this, (offset, isScrolling) => {
	1134	+ this.scrollAdjustments = 0;
	1135	+ this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
	1136	+ this.scrollOffset = offset;
	1137	+ this.isScrolling = isScrolling;
	1138	+ if (this.scrollState) this.scheduleScrollReconcile();
	1139	+ this.maybeNotify();
	1140	+ }));
	1141	+ this._scrollToOffset(this.getScrollOffset(), {
	1142	+ adjustments: void 0,
	1143	+ behavior: void 0
	1144	+ });
	1145	+ }
	1146	+ };
	1147	+ this.rafId = null;
	1148	+ this.getSize = () => {
	1149	+ if (!this.options.enabled) {
	1150	+ this.scrollRect = null;
	1151	+ return 0;
	1152	+ }
	1153	+ this.scrollRect = this.scrollRect ?? this.options.initialRect;
	1154	+ return this.scrollRect[this.options.horizontal ? "width" : "height"];
	1155	+ };
	1156	+ this.getScrollOffset = () => {
	1157	+ if (!this.options.enabled) {
	1158	+ this.scrollOffset = null;
	1159	+ return 0;
	1160	+ }
	1161	+ this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset);
	1162	+ return this.scrollOffset;
	1163	+ };
	1164	+ this.getFurthestMeasurement = (measurements, index) => {
	1165	+ const furthestMeasurementsFound = /* @__PURE__ */ new Map();
	1166	+ const furthestMeasurements = /* @__PURE__ */ new Map();
	1167	+ for (let m = index - 1; m >= 0; m--) {
	1168	+ const measurement = measurements[m];
	1169	+ if (furthestMeasurementsFound.has(measurement.lane)) continue;
	1170	+ const previousFurthestMeasurement = furthestMeasurements.get(measurement.lane);
	1171	+ if (previousFurthestMeasurement == null || measurement.end > previousFurthestMeasurement.end) furthestMeasurements.set(measurement.lane, measurement);
	1172	+ else if (measurement.end < previousFurthestMeasurement.end) furthestMeasurementsFound.set(measurement.lane, true);
	1173	+ if (furthestMeasurementsFound.size === this.options.lanes) break;
	1174	+ }
	1175	+ return furthestMeasurements.size === this.options.lanes ? Array.from(furthestMeasurements.values()).sort((a, b) => {
	1176	+ if (a.end === b.end) return a.index - b.index;
	1177	+ return a.end - b.end;
	1178	+ })[0] : void 0;
	1179	+ };
	1180	+ this.getMeasurementOptions = memo(() => [
	1181	+ this.options.count,
	1182	+ this.options.paddingStart,
	1183	+ this.options.scrollMargin,
	1184	+ this.options.getItemKey,
	1185	+ this.options.enabled,
	1186	+ this.options.lanes,
	1187	+ this.options.laneAssignmentMode
	1188	+ ], (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
	1189	+ if (this.prevLanes !== void 0 && this.prevLanes !== lanes) this.lanesChangedFlag = true;
	1190	+ this.prevLanes = lanes;
	1191	+ this.pendingMeasuredCacheIndexes = [];
	1192	+ return {
	1193	+ count,
	1194	+ paddingStart,
	1195	+ scrollMargin,
	1196	+ getItemKey,
	1197	+ enabled,
	1198	+ lanes,
	1199	+ laneAssignmentMode
	1200	+ };
	1201	+ }, { key: false });
	1202	+ this.getMeasurements = memo(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode }, itemSizeCache) => {
	1203	+ if (!enabled) {
	1204	+ this.measurementsCache = [];
	1205	+ this.itemSizeCache.clear();
	1206	+ this.laneAssignments.clear();
	1207	+ return [];
	1208	+ }
	1209	+ if (this.laneAssignments.size > count) {
	1210	+ for (const index of this.laneAssignments.keys()) if (index >= count) this.laneAssignments.delete(index);
	1211	+ }
	1212	+ if (this.lanesChangedFlag) {
	1213	+ this.lanesChangedFlag = false;
	1214	+ this.lanesSettling = true;
	1215	+ this.measurementsCache = [];
	1216	+ this.itemSizeCache.clear();
	1217	+ this.laneAssignments.clear();
	1218	+ this.pendingMeasuredCacheIndexes = [];
	1219	+ }
	1220	+ if (this.measurementsCache.length === 0 && !this.lanesSettling) {
	1221	+ this.measurementsCache = this.options.initialMeasurementsCache;
	1222	+ this.measurementsCache.forEach((item) => {
	1223	+ this.itemSizeCache.set(item.key, item.size);
	1224	+ });
	1225	+ }
	1226	+ const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
	1227	+ this.pendingMeasuredCacheIndexes = [];
	1228	+ if (this.lanesSettling && this.measurementsCache.length === count) this.lanesSettling = false;
	1229	+ const measurements = this.measurementsCache.slice(0, min);
	1230	+ const laneLastIndex = new Array(lanes).fill(void 0);
	1231	+ for (let m = 0; m < min; m++) {
	1232	+ const item = measurements[m];
	1233	+ if (item) laneLastIndex[item.lane] = m;
	1234	+ }
	1235	+ for (let i = min; i < count; i++) {
	1236	+ const key = getItemKey(i);
	1237	+ const cachedLane = this.laneAssignments.get(i);
	1238	+ let lane;
	1239	+ let start;
	1240	+ const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
	1241	+ if (cachedLane !== void 0 && this.options.lanes > 1) {
	1242	+ lane = cachedLane;
	1243	+ const prevIndex = laneLastIndex[lane];
	1244	+ const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
	1245	+ start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
	1246	+ } else {
	1247	+ const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
	1248	+ start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
	1249	+ lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
	1250	+ if (this.options.lanes > 1 && shouldCacheLane) this.laneAssignments.set(i, lane);
	1251	+ }
	1252	+ const measuredSize = itemSizeCache.get(key);
	1253	+ const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
	1254	+ const end = start + size;
	1255	+ measurements[i] = {
	1256	+ index: i,
	1257	+ start,
	1258	+ size,
	1259	+ end,
	1260	+ key,
	1261	+ lane
	1262	+ };
	1263	+ laneLastIndex[lane] = i;
	1264	+ }
	1265	+ this.measurementsCache = measurements;
	1266	+ return measurements;
	1267	+ }, {
	1268	+ key: "getMeasurements",
	1269	+ debug: () => this.options.debug
	1270	+ });
	1271	+ this.calculateRange = memo(() => [
	1272	+ this.getMeasurements(),
	1273	+ this.getSize(),
	1274	+ this.getScrollOffset(),
	1275	+ this.options.lanes
	1276	+ ], (measurements, outerSize, scrollOffset, lanes) => {
	1277	+ return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({
	1278	+ measurements,
	1279	+ outerSize,
	1280	+ scrollOffset,
	1281	+ lanes
	1282	+ }) : null;
	1283	+ }, {
	1284	+ key: "calculateRange",
	1285	+ debug: () => this.options.debug
	1286	+ });
	1287	+ this.getVirtualIndexes = memo(() => {
	1288	+ let startIndex = null;
	1289	+ let endIndex = null;
	1290	+ const range = this.calculateRange();
	1291	+ if (range) {
	1292	+ startIndex = range.startIndex;
	1293	+ endIndex = range.endIndex;
	1294	+ }
	1295	+ this.maybeNotify.updateDeps([
	1296	+ this.isScrolling,
	1297	+ startIndex,
	1298	+ endIndex
	1299	+ ]);
	1300	+ return [
	1301	+ this.options.rangeExtractor,
	1302	+ this.options.overscan,
	1303	+ this.options.count,
	1304	+ startIndex,
	1305	+ endIndex
	1306	+ ];
	1307	+ }, (rangeExtractor, overscan, count, startIndex, endIndex) => {
	1308	+ return startIndex === null || endIndex === null ? [] : rangeExtractor({
	1309	+ startIndex,
	1310	+ endIndex,
	1311	+ overscan,
	1312	+ count
	1313	+ });
	1314	+ }, {
	1315	+ key: "getVirtualIndexes",
	1316	+ debug: () => this.options.debug
	1317	+ });
	1318	+ this.indexFromElement = (node) => {
	1319	+ const attributeName = this.options.indexAttribute;
	1320	+ const indexStr = node.getAttribute(attributeName);
	1321	+ if (!indexStr) {
	1322	+ console.warn(`Missing attribute name '${attributeName}={index}' on measured element.`);
	1323	+ return -1;
	1324	+ }
	1325	+ return parseInt(indexStr, 10);
	1326	+ };
	1327	+ this.shouldMeasureDuringScroll = (index) => {
	1328	+ var _a;
	1329	+ if (!this.scrollState || this.scrollState.behavior !== "smooth") return true;
	1330	+ const scrollIndex = this.scrollState.index ?? ((_a = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : _a.index);
	1331	+ if (scrollIndex !== void 0 && this.range) {
	1332	+ const bufferSize = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2));
	1333	+ const minIndex = Math.max(0, scrollIndex - bufferSize);
	1334	+ const maxIndex = Math.min(this.options.count - 1, scrollIndex + bufferSize);
	1335	+ return index >= minIndex && index <= maxIndex;
	1336	+ }
	1337	+ return true;
	1338	+ };
	1339	+ this.measureElement = (node) => {
	1340	+ if (!node) {
	1341	+ this.elementsCache.forEach((cached, key2) => {
	1342	+ if (!cached.isConnected) {
	1343	+ this.observer.unobserve(cached);
	1344	+ this.elementsCache.delete(key2);
	1345	+ }
	1346	+ });
	1347	+ return;
	1348	+ }
	1349	+ const index = this.indexFromElement(node);
	1350	+ const key = this.options.getItemKey(index);
	1351	+ const prevNode = this.elementsCache.get(key);
	1352	+ if (prevNode !== node) {
	1353	+ if (prevNode) this.observer.unobserve(prevNode);
	1354	+ this.observer.observe(node);
	1355	+ this.elementsCache.set(key, node);
	1356	+ }
	1357	+ if ((!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(index)) this.resizeItem(index, this.options.measureElement(node, void 0, this));
	1358	+ };
	1359	+ this.resizeItem = (index, size) => {
	1360	+ var _a;
	1361	+ const item = this.measurementsCache[index];
	1362	+ if (!item) return;
	1363	+ const delta = size - (this.itemSizeCache.get(item.key) ?? item.size);
	1364	+ if (delta !== 0) {
	1365	+ if (((_a = this.scrollState) == null ? void 0 : _a.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments)) {
	1366	+ if (this.options.debug) console.info("correction", delta);
	1367	+ this._scrollToOffset(this.getScrollOffset(), {
	1368	+ adjustments: this.scrollAdjustments += delta,
	1369	+ behavior: void 0
	1370	+ });
	1371	+ }
	1372	+ this.pendingMeasuredCacheIndexes.push(item.index);
	1373	+ this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
	1374	+ this.notify(false);
	1375	+ }
	1376	+ };
	1377	+ this.getVirtualItems = memo(() => [this.getVirtualIndexes(), this.getMeasurements()], (indexes, measurements) => {
	1378	+ const virtualItems = [];
	1379	+ for (let k = 0, len = indexes.length; k < len; k++) {
	1380	+ const measurement = measurements[indexes[k]];
	1381	+ virtualItems.push(measurement);
	1382	+ }
	1383	+ return virtualItems;
	1384	+ }, {
	1385	+ key: "getVirtualItems",
	1386	+ debug: () => this.options.debug
	1387	+ });
	1388	+ this.getVirtualItemForOffset = (offset) => {
	1389	+ const measurements = this.getMeasurements();
	1390	+ if (measurements.length === 0) return;
	1391	+ return notUndefined(measurements[findNearestBinarySearch(0, measurements.length - 1, (index) => notUndefined(measurements[index]).start, offset)]);
	1392	+ };
	1393	+ this.getMaxScrollOffset = () => {
	1394	+ if (!this.scrollElement) return 0;
	1395	+ if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
	1396	+ else {
	1397	+ const doc = this.scrollElement.document.documentElement;
	1398	+ return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
	1399	+ }
	1400	+ };
	1401	+ this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
	1402	+ if (!this.scrollElement) return 0;
	1403	+ const size = this.getSize();
	1404	+ const scrollOffset = this.getScrollOffset();
	1405	+ if (align === "auto") align = toOffset >= scrollOffset + size ? "end" : "start";
	1406	+ if (align === "center") toOffset += (itemSize - size) / 2;
	1407	+ else if (align === "end") toOffset -= size;
	1408	+ const maxOffset = this.getMaxScrollOffset();
	1409	+ return Math.max(Math.min(maxOffset, toOffset), 0);
	1410	+ };
	1411	+ this.getOffsetForIndex = (index, align = "auto") => {
	1412	+ index = Math.max(0, Math.min(index, this.options.count - 1));
	1413	+ const size = this.getSize();
	1414	+ const scrollOffset = this.getScrollOffset();
	1415	+ const item = this.measurementsCache[index];
	1416	+ if (!item) return;
	1417	+ if (align === "auto") if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) align = "end";
	1418	+ else if (item.start <= scrollOffset + this.options.scrollPaddingStart) align = "start";
	1419	+ else return [scrollOffset, align];
	1420	+ if (align === "end" && index === this.options.count - 1) return [this.getMaxScrollOffset(), align];
	1421	+ const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
	1422	+ return [this.getOffsetForAlignment(toOffset, align, item.size), align];
	1423	+ };
	1424	+ this.scrollToOffset = (toOffset, { align = "start", behavior = "auto" } = {}) => {
	1425	+ const offset = this.getOffsetForAlignment(toOffset, align);
	1426	+ const now = this.now();
	1427	+ this.scrollState = {
	1428	+ index: null,
	1429	+ align,
	1430	+ behavior,
	1431	+ startedAt: now,
	1432	+ lastTargetOffset: offset,
	1433	+ stableFrames: 0
	1434	+ };
	1435	+ this._scrollToOffset(offset, {
	1436	+ adjustments: void 0,
	1437	+ behavior
	1438	+ });
	1439	+ this.scheduleScrollReconcile();
	1440	+ };
	1441	+ this.scrollToIndex = (index, { align: initialAlign = "auto", behavior = "auto" } = {}) => {
	1442	+ index = Math.max(0, Math.min(index, this.options.count - 1));
	1443	+ const offsetInfo = this.getOffsetForIndex(index, initialAlign);
	1444	+ if (!offsetInfo) return;
	1445	+ const [offset, align] = offsetInfo;
	1446	+ const now = this.now();
	1447	+ this.scrollState = {
	1448	+ index,
	1449	+ align,
	1450	+ behavior,
	1451	+ startedAt: now,
	1452	+ lastTargetOffset: offset,
	1453	+ stableFrames: 0
	1454	+ };
	1455	+ this._scrollToOffset(offset, {
	1456	+ adjustments: void 0,
	1457	+ behavior
	1458	+ });
	1459	+ this.scheduleScrollReconcile();
	1460	+ };
	1461	+ this.scrollBy = (delta, { behavior = "auto" } = {}) => {
	1462	+ const offset = this.getScrollOffset() + delta;
	1463	+ const now = this.now();
	1464	+ this.scrollState = {
	1465	+ index: null,
	1466	+ align: "start",
	1467	+ behavior,
	1468	+ startedAt: now,
	1469	+ lastTargetOffset: offset,
	1470	+ stableFrames: 0
	1471	+ };
	1472	+ this._scrollToOffset(offset, {
	1473	+ adjustments: void 0,
	1474	+ behavior
	1475	+ });
	1476	+ this.scheduleScrollReconcile();
	1477	+ };
	1478	+ this.getTotalSize = () => {
	1479	+ var _a;
	1480	+ const measurements = this.getMeasurements();
	1481	+ let end;
	1482	+ if (measurements.length === 0) end = this.options.paddingStart;
	1483	+ else if (this.options.lanes === 1) end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
	1484	+ else {
	1485	+ const endByLane = Array(this.options.lanes).fill(null);
	1486	+ let endIndex = measurements.length - 1;
	1487	+ while (endIndex >= 0 && endByLane.some((val) => val === null)) {
	1488	+ const item = measurements[endIndex];
	1489	+ if (endByLane[item.lane] === null) endByLane[item.lane] = item.end;
	1490	+ endIndex--;
	1491	+ }
	1492	+ end = Math.max(...endByLane.filter((val) => val !== null));
	1493	+ }
	1494	+ return Math.max(end - this.options.scrollMargin + this.options.paddingEnd, 0);
	1495	+ };
	1496	+ this._scrollToOffset = (offset, { adjustments, behavior }) => {
	1497	+ this.options.scrollToFn(offset, {
	1498	+ behavior,
	1499	+ adjustments
	1500	+ }, this);
	1501	+ };
	1502	+ this.measure = () => {
	1503	+ this.itemSizeCache = /* @__PURE__ */ new Map();
	1504	+ this.laneAssignments = /* @__PURE__ */ new Map();
	1505	+ this.notify(false);
	1506	+ };
	1507	+ this.setOptions(opts);
	1508	+ }
	1509	+ scheduleScrollReconcile() {
	1510	+ if (!this.targetWindow) {
	1511	+ this.scrollState = null;
	1512	+ return;
	1513	+ }
	1514	+ if (this.rafId != null) return;
	1515	+ this.rafId = this.targetWindow.requestAnimationFrame(() => {
	1516	+ this.rafId = null;
	1517	+ this.reconcileScroll();
	1518	+ });
	1519	+ }
	1520	+ reconcileScroll() {
	1521	+ if (!this.scrollState) return;
	1522	+ if (!this.scrollElement) return;
	1523	+ if (this.now() - this.scrollState.startedAt > 5e3) {
	1524	+ this.scrollState = null;
	1525	+ return;
	1526	+ }
	1527	+ const offsetInfo = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0;
	1528	+ const targetOffset = offsetInfo ? offsetInfo[0] : this.scrollState.lastTargetOffset;
	1529	+ const STABLE_FRAMES = 1;
	1530	+ const targetChanged = targetOffset !== this.scrollState.lastTargetOffset;
	1531	+ if (!targetChanged && approxEqual(targetOffset, this.getScrollOffset())) {
	1532	+ this.scrollState.stableFrames++;
	1533	+ if (this.scrollState.stableFrames >= STABLE_FRAMES) {
	1534	+ this.scrollState = null;
	1535	+ return;
	1536	+ }
	1537	+ } else {
	1538	+ this.scrollState.stableFrames = 0;
	1539	+ if (targetChanged) {
	1540	+ this.scrollState.lastTargetOffset = targetOffset;
	1541	+ this.scrollState.behavior = "auto";
	1542	+ this._scrollToOffset(targetOffset, {
	1543	+ adjustments: void 0,
	1544	+ behavior: "auto"
	1545	+ });
	1546	+ }
	1547	+ }
	1548	+ this.scheduleScrollReconcile();
	1549	+ }
	1550	+ };
	1551	+ var findNearestBinarySearch = (low, high, getCurrentValue, value) => {
	1552	+ while (low <= high) {
	1553	+ const middle = (low + high) / 2 | 0;
	1554	+ const currentValue = getCurrentValue(middle);
	1555	+ if (currentValue < value) low = middle + 1;
	1556	+ else if (currentValue > value) high = middle - 1;
	1557	+ else return middle;
	1558	+ }
	1559	+ if (low > 0) return low - 1;
	1560	+ else return 0;
	1561	+ };
	1562	+ function calculateRange({ measurements, outerSize, scrollOffset, lanes }) {
	1563	+ const lastIndex = measurements.length - 1;
	1564	+ const getOffset = (index) => measurements[index].start;
	1565	+ if (measurements.length <= lanes) return {
	1566	+ startIndex: 0,
	1567	+ endIndex: lastIndex
	1568	+ };
	1569	+ let startIndex = findNearestBinarySearch(0, lastIndex, getOffset, scrollOffset);
	1570	+ let endIndex = startIndex;
	1571	+ if (lanes === 1) while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) endIndex++;
	1572	+ else if (lanes > 1) {
	1573	+ const endPerLane = Array(lanes).fill(0);
	1574	+ while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
	1575	+ const item = measurements[endIndex];
	1576	+ endPerLane[item.lane] = item.end;
	1577	+ endIndex++;
	1578	+ }
	1579	+ const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
	1580	+ while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
	1581	+ const item = measurements[startIndex];
	1582	+ startPerLane[item.lane] = item.start;
	1583	+ startIndex--;
	1584	+ }
	1585	+ startIndex = Math.max(0, startIndex - startIndex % lanes);
	1586	+ endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
	1587	+ }
	1588	+ return {
	1589	+ startIndex,
	1590	+ endIndex
	1591	+ };
	1592	+ }
	1593	+
	1594	+//#endregion
	1595	+//#region packages/node_modules/@tanstack/react-virtual/dist/esm/index.js
	1596	+ var useIsomorphicLayoutEffect = typeof document !== "undefined" ? react$1.useLayoutEffect : react$1.useEffect;
	1597	+ function useVirtualizerBase({ useFlushSync = true, ...options }) {
	1598	+ const rerender = react$1.useReducer(() => ({}), {})[1];
	1599	+ const resolvedOptions = {
	1600	+ ...options,
	1601	+ onChange: (instance2, sync) => {
	1602	+ var _a;
	1603	+ if (useFlushSync && sync) (0, react_dom.flushSync)(rerender);
	1604	+ else rerender();
	1605	+ (_a = options.onChange) == null || _a.call(options, instance2, sync);
	1606	+ }
	1607	+ };
	1608	+ const [instance] = react$1.useState(() => new Virtualizer(resolvedOptions));
	1609	+ instance.setOptions(resolvedOptions);
	1610	+ useIsomorphicLayoutEffect(() => {
	1611	+ return instance._didMount();
	1612	+ }, []);
	1613	+ useIsomorphicLayoutEffect(() => {
	1614	+ return instance._willUpdate();
	1615	+ });
	1616	+ return instance;
	1617	+ }
	1618	+ function useVirtualizer(options) {
	1619	+ return useVirtualizerBase({
	1620	+ observeElementRect,
	1621	+ observeElementOffset,
	1622	+ scrollToFn: elementScroll,
	1623	+ ...options
	1624	+ });
	1625	+ }
	1626	+
	1627	+//#endregion
	1628	+//#region packages/packages/libs/editor-ui/src/components/popover/menu-list.tsx
	1629	+ var ITEM_HEIGHT = 32;
	1630	+ var LIST_ITEMS_BUFFER = 6;
	1631	+ var MENU_LIST_PADDING_TOP = 8;
	1632	+ var menuSubHeaderAbsoluteStyling = (start) => ({
	1633	+ position: "absolute",
	1634	+ transform: `translateY(${start + MENU_LIST_PADDING_TOP}px)`
	1635	+ });
	1636	+ var getAdjacentStickyIndices = (stickyIndices, range) => {
	1637	+ const previousTwoStickyIndices = stickyIndices.filter((stickyIndex) => stickyIndex < range.startIndex).slice(-2);
	1638	+ const nextTwoStickyIndices = stickyIndices.filter((stickyIndex) => stickyIndex > range.endIndex).slice(0, 2);
	1639	+ return [...previousTwoStickyIndices, ...nextTwoStickyIndices];
	1640	+ };
	1641	+ var PopoverMenuList = ({ items, onSelect, onClose, selectedValue, itemStyle, onChange, "data-testid": dataTestId, menuItemContentTemplate, categoryItemContentTemplate, noResultsComponent, menuListTemplate: CustomMenuList }) => {
	1642	+ const containerRef = (0, react.useRef)(null);
	1643	+ const scrollTop = useScrollTop({ containerRef });
	1644	+ const theme = (0, _elementor_ui.useTheme)();
	1645	+ const MenuListComponent = CustomMenuList || StyledMenuList;
	1646	+ const stickyIndices = (0, react.useMemo)(() => items.reduce((categoryIndices, item, index) => {
	1647	+ if (item.type === "category") categoryIndices.push(index);
	1648	+ return categoryIndices;
	1649	+ }, []), [items]);
	1650	+ const getActiveItemIndices = (range) => {
	1651	+ const visibleAndStickyIndexes = [];
	1652	+ for (let i = range.startIndex; i <= range.endIndex; i++) visibleAndStickyIndexes.push(i);
	1653	+ getAdjacentStickyIndices(stickyIndices, range).forEach((stickyIndex) => {
	1654	+ if (!visibleAndStickyIndexes.includes(stickyIndex)) visibleAndStickyIndexes.push(stickyIndex);
	1655	+ });
	1656	+ return visibleAndStickyIndexes.sort((a, b) => a - b);
	1657	+ };
	1658	+ const onChangeCallback = ({ getVirtualIndexes }) => {
	1659	+ const visibleItems = getVirtualIndexes().map((index) => items[index]);
	1660	+ onChange?.(visibleItems);
	1661	+ };
	1662	+ const virtualizer = useVirtualizer({
	1663	+ count: items.length,
	1664	+ getScrollElement: () => containerRef.current,
	1665	+ estimateSize: () => 32,
	1666	+ overscan: LIST_ITEMS_BUFFER,
	1667	+ rangeExtractor: getActiveItemIndices,
	1668	+ onChange: onChangeCallback
	1669	+ });
	1670	+ (0, react.useEffect)(() => {
	1671	+ onChangeCallback(virtualizer);
	1672	+ }, [items]);
	1673	+ useScrollToSelected({
	1674	+ selectedValue,
	1675	+ items,
	1676	+ virtualizer
	1677	+ });
	1678	+ const virtualItems = virtualizer.getVirtualItems();
	1679	+ return /* @__PURE__ */ react.createElement(_elementor_ui.Box, {
	1680	+ ref: containerRef,
	1681	+ sx: {
	1682	+ height: "100%",
	1683	+ overflowY: "auto"
	1684	+ }
	1685	+ }, items.length === 0 && noResultsComponent ? noResultsComponent : /* @__PURE__ */ react.createElement(MenuListComponent, {
	1686	+ role: "listbox",
	1687	+ style: { height: `${virtualizer.getTotalSize()}px` },
	1688	+ "data-testid": dataTestId
	1689	+ }, virtualItems.map((virtualRow) => {
	1690	+ const item = items[virtualRow.index];
	1691	+ const isLast = virtualRow.index === items.length - 1;
	1692	+ const isFirst = items[0]?.type === "category" ? virtualRow.index === 1 : virtualRow.index === 0;
	1693	+ const isSelected = selectedValue === item.value;
	1694	+ const tabIndexFallback = !selectedValue ? 0 : -1;
	1695	+ if (!item) return null;
	1696	+ if (item.type === "category") {
	1697	+ const shouldStick = virtualRow.start + MENU_LIST_PADDING_TOP <= scrollTop;
	1698	+ return /* @__PURE__ */ react.createElement(_elementor_ui.MenuSubheader, {
	1699	+ key: virtualRow.key,
	1700	+ style: shouldStick ? {} : menuSubHeaderAbsoluteStyling(virtualRow.start),
	1701	+ sx: {
	1702	+ fontWeight: "400",
	1703	+ color: "text.tertiary"
	1704	+ }
	1705	+ }, categoryItemContentTemplate ? categoryItemContentTemplate(item) : item.label || item.value);
	1706	+ }
	1707	+ const isDisabled = item.disabled;
	1708	+ return /* @__PURE__ */ react.createElement(_elementor_ui.ListItem, {
	1709	+ key: virtualRow.key,
	1710	+ role: "option",
	1711	+ "aria-selected": isSelected,
	1712	+ "aria-disabled": isDisabled,
	1713	+ onClick: isDisabled ? void 0 : (e) => {
	1714	+ if (e.target.closest("button")) return;
	1715	+ onSelect(item.value);
	1716	+ onClose();
	1717	+ },
	1718	+ onKeyDown: (event) => {
	1719	+ if (event.key === "Enter" && !isDisabled) {
	1720	+ onSelect(item.value);
	1721	+ onClose();
	1722	+ }
	1723	+ if (event.key === "ArrowDown" && isLast) {
	1724	+ event.preventDefault();
	1725	+ event.stopPropagation();
	1726	+ }
	1727	+ if (event.key === "ArrowUp" && isFirst) {
	1728	+ event.preventDefault();
	1729	+ event.stopPropagation();
	1730	+ }
	1731	+ },
	1732	+ tabIndex: isSelected ? 0 : tabIndexFallback,
	1733	+ sx: {
	1734	+ transform: `translateY(${virtualRow.start + MENU_LIST_PADDING_TOP}px)`,
	1735	+ ...theme.typography.caption,
	1736	+ ...itemStyle ? itemStyle(item) : {}
	1737	+ }
	1738	+ }, menuItemContentTemplate ? menuItemContentTemplate(item) : item.label || item.value);
	1739	+ })));
	1740	+ };
	1741	+ var StyledMenuList = (0, _elementor_ui.styled)(_elementor_ui.MenuList)(({ theme }) => ({
	1742	+ "& > li": {
	1743	+ height: 32,
	1744	+ width: "100%",
	1745	+ display: "flex",
	1746	+ alignItems: "center"
	1747	+ },
	1748	+ "& > [role=\"option\"]": {
	1749	+ lineHeight: "inherit",
	1750	+ padding: theme.spacing(.75, 2, .75, 4),
	1751	+ "&:hover, &:focus": { backgroundColor: theme.palette.action.hover },
	1752	+ "&[aria-selected=\"true\"]": { backgroundColor: theme.palette.action.selected },
	1753	+ "&[aria-disabled=\"true\"]": { color: theme.palette.text.disabled },
	1754	+ cursor: "pointer",
	1755	+ textOverflow: "ellipsis",
	1756	+ position: "absolute",
	1757	+ top: 0,
	1758	+ left: 0
	1759	+ },
	1760	+ width: "100%",
	1761	+ position: "relative"
	1762	+ }));
	1763	+
	1764	+//#endregion
	1765	+//#region packages/packages/libs/editor-ui/src/components/popover/popover-action.tsx
	1766	+ var SIZE = "tiny";
	1767	+ function PopoverAction({ title, visible = true, icon: Icon, content: PopoverContent }) {
	1768	+ const { popupState, triggerProps, popoverProps } = useFloatingActionsPopover();
	1769	+ if (!visible) return null;
	1770	+ return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(_elementor_ui.Tooltip, {
	1771	+ placement: "top",
	1772	+ title
	1773	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	1774	+ "aria-label": title,
	1775	+ size: SIZE,
	1776	+ ...triggerProps
	1777	+ }, /* @__PURE__ */ react.createElement(Icon, { fontSize: SIZE }))), /* @__PURE__ */ react.createElement(_elementor_ui.Popover, {
	1778	+ disableScrollLock: true,
	1779	+ anchorOrigin: {
	1780	+ vertical: "bottom",
	1781	+ horizontal: "right"
	1782	+ },
	1783	+ transformOrigin: {
	1784	+ vertical: "top",
	1785	+ horizontal: "right"
	1786	+ },
	1787	+ PaperProps: { sx: { my: 2.5 } },
	1788	+ ...popoverProps
	1789	+ }, /* @__PURE__ */ react.createElement(PopoverContent, { close: popupState.close })));
	1790	+ }
	1791	+ function useFloatingActionsPopover() {
	1792	+ const { setOpen } = useFloatingActionsBar();
	1793	+ const popupState = (0, _elementor_ui.usePopupState)({ variant: "popover" });
	1794	+ const triggerProps = (0, _elementor_ui.bindTrigger)(popupState);
	1795	+ const popoverProps = (0, _elementor_ui.bindPopover)(popupState);
	1796	+ const onClick = (e) => {
	1797	+ triggerProps.onClick(e);
	1798	+ setOpen(true);
	1799	+ };
	1800	+ const onClose = () => {
	1801	+ popoverProps.onClose();
	1802	+ setOpen(false);
	1803	+ };
	1804	+ const close = () => {
	1805	+ popupState.close();
	1806	+ setOpen(false);
	1807	+ };
	1808	+ return {
	1809	+ popupState: {
	1810	+ ...popupState,
	1811	+ close
	1812	+ },
	1813	+ triggerProps: {
	1814	+ ...triggerProps,
	1815	+ onClick
	1816	+ },
	1817	+ popoverProps: {
	1818	+ ...popoverProps,
	1819	+ onClose
	1820	+ }
	1821	+ };
	1822	+ }
	1823	+
	1824	+//#endregion
	1825	+//#region packages/packages/libs/editor-ui/src/components/save-changes-dialog.tsx
	1826	+ var TITLE_ID$1 = "save-changes-dialog";
	1827	+ var SaveChangesDialog = ({ children, onClose }) => /* @__PURE__ */ react.createElement(_elementor_ui.Dialog, {
	1828	+ open: true,
	1829	+ onClose,
	1830	+ "aria-labelledby": TITLE_ID$1,
	1831	+ maxWidth: "xs"
	1832	+ }, children);
	1833	+ var SaveChangesDialogTitle = ({ children, onClose }) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogTitle, {
	1834	+ id: TITLE_ID$1,
	1835	+ display: "flex",
	1836	+ alignItems: "center",
	1837	+ gap: 1,
	1838	+ sx: {
	1839	+ lineHeight: 1,
	1840	+ justifyContent: "space-between"
	1841	+ }
	1842	+ }, /* @__PURE__ */ react.createElement(_elementor_ui.Stack, {
	1843	+ direction: "row",
	1844	+ alignItems: "center",
	1845	+ gap: 1
	1846	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.AlertTriangleFilledIcon, { color: "secondary" }), children), onClose && /* @__PURE__ */ react.createElement(_elementor_ui.IconButton, {
	1847	+ onClick: onClose,
	1848	+ size: "small"
	1849	+ }, /* @__PURE__ */ react.createElement(_elementor_icons.XIcon, null)));
	1850	+ var SaveChangesDialogContent = ({ children }) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogContent, null, children);
	1851	+ var SaveChangesDialogContentText = (props) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogContentText, {
	1852	+ variant: "body2",
	1853	+ color: "textPrimary",
	1854	+ display: "flex",
	1855	+ flexDirection: "column",
	1856	+ ...props
	1857	+ });
	1858	+ var SaveChangesDialogActions = ({ actions }) => {
	1859	+ const [isConfirming, setIsConfirming] = (0, react.useState)(false);
	1860	+ const { cancel, confirm, discard } = actions;
	1861	+ const onConfirm = async () => {
	1862	+ setIsConfirming(true);
	1863	+ await confirm.action();
	1864	+ setIsConfirming(false);
	1865	+ };
	1866	+ return /* @__PURE__ */ react.createElement(_elementor_ui.DialogActions, null, cancel && /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1867	+ variant: "text",
	1868	+ color: "secondary",
	1869	+ onClick: cancel.action
	1870	+ }, cancel.label), discard && /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1871	+ variant: "text",
	1872	+ color: "secondary",
	1873	+ onClick: discard.action
	1874	+ }, discard.label), /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1875	+ variant: "contained",
	1876	+ color: "secondary",
	1877	+ onClick: onConfirm,
	1878	+ loading: isConfirming
	1879	+ }, confirm.label));
	1880	+ };
	1881	+ SaveChangesDialog.Title = SaveChangesDialogTitle;
	1882	+ SaveChangesDialog.Content = SaveChangesDialogContent;
	1883	+ SaveChangesDialog.ContentText = SaveChangesDialogContentText;
	1884	+ SaveChangesDialog.Actions = SaveChangesDialogActions;
	1885	+ var useDialog = () => {
	1886	+ const [isOpen, setIsOpen] = (0, react.useState)(false);
	1887	+ const open = () => setIsOpen(true);
	1888	+ const close = () => setIsOpen(false);
	1889	+ return {
	1890	+ isOpen,
	1891	+ open,
	1892	+ close
	1893	+ };
	1894	+ };
	1895	+
	1896	+//#endregion
	1897	+//#region packages/packages/libs/editor-ui/src/components/confirmation-dialog.tsx
	1898	+ var TITLE_ID = "confirmation-dialog";
	1899	+ var ConfirmationDialog = ({ open, onClose, children }) => /* @__PURE__ */ react.createElement(_elementor_ui.Dialog, {
	1900	+ open,
	1901	+ onClose,
	1902	+ "aria-labelledby": TITLE_ID,
	1903	+ maxWidth: "sm"
	1904	+ }, children);
	1905	+ var ConfirmationDialogTitle = ({ children, icon: Icon = _elementor_icons.AlertOctagonFilledIcon, iconColor = "error" }) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogTitle, {
	1906	+ id: TITLE_ID,
	1907	+ display: "flex",
	1908	+ alignItems: "center",
	1909	+ gap: 1,
	1910	+ sx: { lineHeight: 1 }
	1911	+ }, /* @__PURE__ */ react.createElement(Icon, { color: iconColor }), children);
	1912	+ var ConfirmationDialogContent = ({ children }) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogContent, { sx: { mt: 2 } }, children);
	1913	+ var ConfirmationDialogContentText = (props) => /* @__PURE__ */ react.createElement(_elementor_ui.DialogContentText, {
	1914	+ variant: "body2",
	1915	+ color: "secondary",
	1916	+ ...props
	1917	+ });
	1918	+ var ConfirmationDialogActions = ({ onClose, onConfirm, cancelLabel, confirmLabel, color = "error", onSuppressMessage, suppressLabel = (0, _wordpress_i18n.__)("Don't show this again", "elementor") }) => {
	1919	+ const [dontShowAgain, setDontShowAgain] = (0, react.useState)(false);
	1920	+ const handleConfirm = () => {
	1921	+ if (dontShowAgain && onSuppressMessage) onSuppressMessage();
	1922	+ onConfirm();
	1923	+ };
	1924	+ return /* @__PURE__ */ react.createElement(_elementor_ui.DialogActions, { sx: onSuppressMessage ? {
	1925	+ justifyContent: "space-between",
	1926	+ alignItems: "center"
	1927	+ } : void 0 }, onSuppressMessage && /* @__PURE__ */ react.createElement(_elementor_ui.FormControlLabel, {
	1928	+ control: /* @__PURE__ */ react.createElement(_elementor_ui.Checkbox, {
	1929	+ checked: dontShowAgain,
	1930	+ onChange: (event) => setDontShowAgain(event.target.checked),
	1931	+ size: "medium",
	1932	+ color: "secondary"
	1933	+ }),
	1934	+ label: /* @__PURE__ */ react.createElement(_elementor_ui.Typography, {
	1935	+ variant: "body2",
	1936	+ color: "text.secondary"
	1937	+ }, suppressLabel)
	1938	+ }), /* @__PURE__ */ react.createElement("div", null, /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1939	+ color: "secondary",
	1940	+ onClick: onClose
	1941	+ }, cancelLabel ?? (0, _wordpress_i18n.__)("Not now", "elementor")), /* @__PURE__ */ react.createElement(_elementor_ui.Button, {
	1942	+ autoFocus: true,
	1943	+ variant: "contained",
	1944	+ color,
	1945	+ onClick: handleConfirm,
	1946	+ sx: { ml: 1 }
	1947	+ }, confirmLabel ?? (0, _wordpress_i18n.__)("Delete", "elementor"))));
	1948	+ };
	1949	+ ConfirmationDialog.Title = ConfirmationDialogTitle;
	1950	+ ConfirmationDialog.Content = ConfirmationDialogContent;
	1951	+ ConfirmationDialog.ContentText = ConfirmationDialogContentText;
	1952	+ ConfirmationDialog.Actions = ConfirmationDialogActions;
	1953	+
	1954	+//#endregion
	1955	+//#region packages/packages/libs/editor-ui/src/hooks/use-editable.ts
	1956	+ var useEditable = ({ value, onSubmit, validation, onClick, onError }) => {
	1957	+ const [isEditing, setIsEditing] = (0, react.useState)(false);
	1958	+ const [error, setError] = (0, react.useState)(null);
	1959	+ const ref = useSelection(isEditing);
	1960	+ const isDirty = (newValue) => newValue !== value;
	1961	+ const openEditMode = () => {
	1962	+ setIsEditing(true);
	1963	+ };
	1964	+ const closeEditMode = () => {
	1965	+ setError(null);
	1966	+ onError?.(null);
	1967	+ setIsEditing(false);
	1968	+ };
	1969	+ const submit = (newValue) => {
	1970	+ if (!isDirty(newValue)) {
	1971	+ closeEditMode();
	1972	+ return;
	1973	+ }
	1974	+ if (!error) try {
	1975	+ onSubmit(newValue);
	1976	+ } finally {
	1977	+ closeEditMode();
	1978	+ }
	1979	+ };
	1980	+ const onChange = (event) => {
	1981	+ const { innerText: newValue } = event.target;
	1982	+ if (validation) {
	1983	+ const updatedError = isDirty(newValue) ? validation(newValue) : null;
	1984	+ setError(updatedError);
	1985	+ onError?.(updatedError);
	1986	+ }
	1987	+ };
	1988	+ const handleKeyDown = (event) => {
	1989	+ event.stopPropagation();
	1990	+ if (["Escape"].includes(event.key)) return closeEditMode();
	1991	+ if (["Enter"].includes(event.key)) {
	1992	+ event.preventDefault();
	1993	+ if (!error) ref.current?.blur();
	1994	+ }
	1995	+ };
	1996	+ const handleClick = (event) => {
	1997	+ if (isEditing) event.stopPropagation();
	1998	+ onClick?.(event);
	1999	+ };
	2000	+ const handleBlur = () => {
	2001	+ if (error) {
	2002	+ closeEditMode();
	2003	+ return;
	2004	+ }
	2005	+ submit(ref.current.innerText);
	2006	+ };
	2007	+ const listeners = {
	2008	+ onClick: handleClick,
	2009	+ onKeyDown: handleKeyDown,
	2010	+ onInput: onChange,
	2011	+ onBlur: handleBlur
	2012	+ };
	2013	+ const attributes = {
	2014	+ value,
	2015	+ role: "textbox",
	2016	+ contentEditable: isEditing,
	2017	+ ...isEditing && { suppressContentEditableWarning: true }
	2018	+ };
	2019	+ return {
	2020	+ ref,
	2021	+ isEditing,
	2022	+ openEditMode,
	2023	+ closeEditMode,
	2024	+ value,
	2025	+ error,
	2026	+ getProps: () => ({
	2027	+ ...listeners,
	2028	+ ...attributes
	2029	+ })
	2030	+ };
	2031	+ };
	2032	+ var useSelection = (isEditing) => {
	2033	+ const ref = (0, react.useRef)(null);
	2034	+ (0, react.useEffect)(() => {
	2035	+ if (isEditing) selectAll(ref.current);
	2036	+ }, [isEditing]);
	2037	+ return ref;
	2038	+ };
	2039	+ var selectAll = (el) => {
	2040	+ const selection = getSelection();
	2041	+ if (!selection || !el) return;
	2042	+ const range = document.createRange();
	2043	+ range.selectNodeContents(el);
	2044	+ selection.removeAllRanges();
	2045	+ selection.addRange(range);
	2046	+ };
	2047	+
	2048	+//#endregion
	2049	+//#region packages/packages/libs/editor-ui/src/index.ts
	2050	+ var src_exports = /* @__PURE__ */ __exportAll({
	2051	+ CollapseIcon: () => CollapseIcon,
	2052	+ CollapsibleContent: () => CollapsibleContent,
	2053	+ ConfirmationDialog: () => ConfirmationDialog,
	2054	+ CtaButton: () => CtaButton,
	2055	+ EditableField: () => EditableField,
	2056	+ EllipsisWithTooltip: () => EllipsisWithTooltip,
	2057	+ FileUploadDropzone: () => FileUploadDropzone,
	2058	+ FileUploadRow: () => FileUploadRow,
	2059	+ FloatingActionsBar: () => FloatingActionsBar,
	2060	+ Form: () => Form,
	2061	+ GlobalDialog: () => GlobalDialog,
	2062	+ ITEM_HEIGHT: () => 32,
	2063	+ InfoAlert: () => InfoAlert,
	2064	+ InfoTipCard: () => InfoTipCard,
	2065	+ IntroductionModal: () => IntroductionModal,
	2066	+ MenuItemInfotip: () => MenuItemInfotip,
	2067	+ MenuListItem: () => MenuListItem,
	2068	+ PopoverAction: () => PopoverAction,
	2069	+ PopoverBody: () => PopoverBody,
	2070	+ PopoverHeader: () => PopoverHeader,
	2071	+ PopoverMenuList: () => PopoverMenuList,
	2072	+ PromotionAlert: () => PromotionAlert,
	2073	+ PromotionChip: () => PromotionChip,
	2074	+ PromotionInfotip: () => PromotionInfotip,
	2075	+ PromotionPopover: () => PromotionPopover,
	2076	+ SaveChangesDialog: () => SaveChangesDialog,
	2077	+ SearchField: () => SearchField,
	2078	+ SectionPopoverBody: () => SectionPopoverBody,
	2079	+ SectionRefContext: () => SectionRefContext,
	2080	+ StyledMenuList: () => StyledMenuList,
	2081	+ ThemeProvider: () => ThemeProvider,
	2082	+ WarningInfotip: () => WarningInfotip,
	2083	+ closeDialog: () => closeDialog,
	2084	+ getCollapsibleValue: () => getCollapsibleValue,
	2085	+ openDialog: () => openDialog,
	2086	+ useCanvasClickHandler: () => useCanvasClickHandler,
	2087	+ useDialog: () => useDialog,
	2088	+ useEditable: () => useEditable,
	2089	+ useFloatingActionsBar: () => useFloatingActionsBar,
	2090	+ useSectionWidth: () => useSectionWidth,
	2091	+ useTextFieldAutoSelect: () => useTextFieldAutoSelect
	2092	+ });
	2093	+
	2094	+//#endregion
	2095	+//#region \0elementor-package-library-entry
	2096	+ (window.elementorV2 = window.elementorV2 || {}).editorUi = src_exports;
	2097	+
	2098	+//#endregion
	2099	+})(elementorV2.icons, elementorV2.ui, React, wp.i18n, elementorV2.editorV1Adapters, ReactDOM);
	2100	+window.elementorV2.editorUi?.init?.();
27	2101	//# sourceMappingURL=editor-ui.js.map