From f5ef5255721cfa935b72d8e7260baf53372653c7 Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Mon, 29 Apr 2024 08:49:27 -0600 Subject: [PATCH 01/10] Fix: Patterns not loading properly in Chrome --- src/pattern-library/components/pattern.js | 44 +++-------------------- 1 file changed, 5 insertions(+), 39 deletions(-) diff --git a/src/pattern-library/components/pattern.js b/src/pattern-library/components/pattern.js index 6a88e56ec..02a4fcdd1 100644 --- a/src/pattern-library/components/pattern.js +++ b/src/pattern-library/components/pattern.js @@ -15,7 +15,6 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS const [ height, setHeight ] = useState( 0 ); const [ injectContent, setInjectContent ] = useState( false ); const [ editorColors, setEditorColors ] = useState( {} ); - const [ isVisible, setIsVisible ] = useState( !! isActive ); const [ isLoaded, setIsLoaded ] = useState( false ); const [ patternWidth, setPatternWidth ] = useState( 0 ); const [ isResizing, setIsResizing ] = useState( false ); @@ -57,42 +56,11 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS } }, [ elementRef.current?.clientWidth, isResizing ] ); - /** - * Set up lazy loading on the iframes. - */ - useEffect( () => { - const intersectionObserver = new IntersectionObserver( - ( entries ) => { - entries.forEach( ( entry ) => { - if ( entry.isIntersecting ) { - setIsVisible( true ); - intersectionObserver.disconnect(); - } - } ); - }, - { - root: null, - rootMargin: '0px', - threshold: 0.01, - } - ); - - if ( elementRef.current ) { - intersectionObserver.observe( elementRef.current ); - } - - return () => { - if ( intersectionObserver ) { - intersectionObserver.disconnect(); - } - }; - }, [] ); - /** * Insert our pattern preview into the empty iframe. */ useEffect( () => { - if ( ! isVisible || ! injectContent ) { + if ( ! injectContent ) { return; } @@ -119,7 +87,7 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS setHeight( document.body.scrollHeight ); setIsLoaded( true ); } ); - }, [ injectContent, isVisible ] ); + }, [ injectContent ] ); /** * Store our editor background and text color. @@ -191,7 +159,7 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS firstVisibleElement.style.marginRight = 'auto'; } } - }, [ patternWidth, injectContent, isVisible ] ); + }, [ patternWidth, injectContent ] ); const viewportHeight = Math.round( height * ( viewport / iframe ) ); @@ -216,7 +184,7 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS className="gb-pattern" style={ ! isActive ? wrapperStyle : { minHeight: '200px' } } > - { !! isVisible && ! isLoaded && } + { ! isLoaded && }
{ - if ( isVisible ) { - setInjectContent( true ); - } + setInjectContent( true ); const iframeDoc = iframeRef.current.contentDocument || iframeRef.current.contentWindow.document; From 082ac626ef50b4aeee427aaa3c4c5604c88995e2 Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Tue, 30 Apr 2024 13:52:17 -0600 Subject: [PATCH 02/10] Tweak: Improve pattern loading performance --- src/pattern-library/components/pattern.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/pattern-library/components/pattern.js b/src/pattern-library/components/pattern.js index 02a4fcdd1..0b451feed 100644 --- a/src/pattern-library/components/pattern.js +++ b/src/pattern-library/components/pattern.js @@ -171,6 +171,14 @@ export default function Pattern( { pattern, isLoading, isActive = false, globalS justifyContent: ( viewportHeight + 40 ) < patternHeight ? 'center' : '', }; + const sandbox = [ + 'allow-same-origin', + ]; + + if ( isActive ) { + sandbox.push( 'allow-scripts' ); + } + return (
From 6f59389664ca026e476a61196858e24eb7893a57 Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Tue, 30 Apr 2024 15:42:03 -0600 Subject: [PATCH 03/10] Fix: Pattern search mixing up active libraries --- .../components/library-layout.js | 18 +++++++++++++----- .../components/pattern-search.js | 6 +++++- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/pattern-library/components/library-layout.js b/src/pattern-library/components/library-layout.js index 66d4a22a3..ed178c423 100644 --- a/src/pattern-library/components/library-layout.js +++ b/src/pattern-library/components/library-layout.js @@ -62,16 +62,19 @@ export default function LibraryLayout( { closeModal } ) { function maybeGetCachedSearchResult( value ) { const category = activeCategory === '' ? 'all' : activeCategory; + const library = activeLibrary?.id || ''; - if ( ! searchCache[ category ] ) { - searchCache[ category ] = {}; + if ( ! searchCache[ library ] || ! searchCache[ library ][ category ] ) { + searchCache[ library ] = searchCache[ library ] || {}; + searchCache[ library ][ category ] = searchCache[ library ][ category ] || {}; } - if ( ! searchCache[ category ][ value ] ) { + // Check if the value exists in the cache + if ( ! searchCache[ library ][ category ][ value ] ) { return false; } - return searchCache[ category ][ value ]; + return searchCache[ library ][ category ][ value ]; } const contentStyles = {}; @@ -147,6 +150,7 @@ export default function LibraryLayout( { closeModal } ) { setSearch( value ); const category = activeCategory === '' ? 'all' : activeCategory; + // Check if result has been cached already const cachedResult = maybeGetCachedSearchResult( value ); @@ -157,7 +161,11 @@ export default function LibraryLayout( { closeModal } ) { const newPatternList = filterPatterns( value ); - searchCache[ category ][ value ] = newPatternList; + const library = activeLibrary?.id; + + if ( library ) { + searchCache[ library ][ category ][ value ] = newPatternList; + } setFilteredPatterns( newPatternList ); } } /> diff --git a/src/pattern-library/components/pattern-search.js b/src/pattern-library/components/pattern-search.js index 263fdecfd..1ccb71f67 100644 --- a/src/pattern-library/components/pattern-search.js +++ b/src/pattern-library/components/pattern-search.js @@ -4,7 +4,7 @@ import { useDebounce } from '@wordpress/compose'; import { useLibrary } from './library-provider'; export default function PatternSearch( { onChange } ) { - const { setSearch } = useLibrary(); + const { setSearch, activeLibrary } = useLibrary(); const [ searchInput, setSearchInput ] = useState( '' ); const setDebouncedInput = useDebounce( setSearch, 500 ); @@ -12,6 +12,10 @@ export default function PatternSearch( { onChange } ) { setDebouncedInput( searchInput ); }, [ searchInput ] ); + useEffect( () => { + setSearchInput( '' ); + }, [ activeLibrary?.id ] ); + return ( Date: Thu, 2 May 2024 16:01:06 +0000 Subject: [PATCH 04/10] Update dist files --- dist/pattern-library.asset.php | 2 +- dist/pattern-library.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/pattern-library.asset.php b/dist/pattern-library.asset.php index a4e7c2c51..920298f56 100644 --- a/dist/pattern-library.asset.php +++ b/dist/pattern-library.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => '714757ab18b461bf9f2b'); + array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => '2a8e4abc0230e533553c'); diff --git a/dist/pattern-library.js b/dist/pattern-library.js index c82aca2fb..69310e88f 100644 --- a/dist/pattern-library.js +++ b/dist/pattern-library.js @@ -1,2 +1,2 @@ -!function(){var e={184:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{setTimeout((()=>{this.progress(e,t,n)}))};this.images.forEach((function(t){t.once("progress",e),t.check()}))},a.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emitEvent("progress",[this,e,t]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,e),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&r&&r.log(`progress: ${n}`,e,t)},a.prototype.complete=function(){let e=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(e,[this]),this.emitEvent("always",[this]),this.jqDeferred){let e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},s.prototype=Object.create(t.prototype),s.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},s.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},s.prototype.confirm=function(e,t){this.isLoaded=e;let{parentNode:n}=this.img,r="PICTURE"===n.nodeName?n:this.img;this.emitEvent("progress",[this,r,t])},s.prototype.handleEvent=function(e){let t="on"+e.type;this[t]&&this[t](e)},s.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},s.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},s.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype=Object.create(s.prototype),l.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},l.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype.confirm=function(e,t){this.isLoaded=e,this.emitEvent("progress",[this,this.element,t])},a.makeJQueryPlugin=function(t){(t=t||e.jQuery)&&(n=t,n.fn.imagesLoaded=function(e,t){return new a(this,e,t).jqDeferred.promise(n(this))})},a.makeJQueryPlugin(),a}))}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e=window.React,t=n.n(e),r=window.wp.components,a=window.wp.element,o=window.wp.i18n,i=window.wp.apiFetch,s=n.n(i),l=window.wp.url;const c=(0,a.createContext)(void 0);async function d(e=!0){return await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/libraries",{is_enabled:e}),method:"GET"})}function u({children:t}){const[n,r]=(0,a.useState)([]),[o,i]=(0,a.useState)([]),[u,g]=(0,a.useState)([]),[h,p]=(0,a.useState)(""),[f,m]=(0,a.useState)(""),[v,b]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[E,x]=(0,a.useState)(""),[C,k]=(0,a.useState)(""),[S,D]=(0,a.useState)(""),[I,R]=(0,a.useState)(!1),[L,M]=(0,a.useState)("100%"),[_,N]=(0,a.useState)(15),[P,B]=(0,a.useState)(0),[T,A]=(0,a.useReducer)((function(e,t){switch(t.type){case"ADD":return[...e,t.pattern];case"REMOVE":return e.filter((e=>e.id!==t.pattern.id));case"SET":return t.patterns;default:return e}}),[]),O={libraries:n,search:h,setSearch:p,activeLibrary:f,setActiveLibrary:m,activeCategory:E,setActiveCategory:x,activePatternId:C,setActivePatternId:k,selectedPatterns:T,selectedPatternsDispatch:A,categories:o,hoverPattern:S,setHoverPattern:D,patterns:u,isLocal:y,setIsLocal:w,setPublicKey:b,loading:I,setLoading:R,previewIframeWidth:L,setPreviewIframeWidth:M,setLibraryCategories:z,setLibraryPatterns:H,setLibraries:V,itemsPerPage:15,itemCount:_,setItemCount:N,scrollPosition:P,setScrollPosition:B};async function z(){var e,t;const{data:n}=await async function(e,t,n){const r=t?"-pro":"";try{var a;const o=await s()({path:(0,l.addQueryArgs)(`/generateblocks${r}/v1/pattern-library/categories`,{libraryId:e,isLocal:t}),method:"GET",headers:{"X-GB-Public-Key":n}});return null!==(a=o?.response)&&void 0!==a?a:[]}catch(e){return[]}}(f?.id,y,v),r=new Set(u.flatMap((e=>e.categories))),a=n.filter((e=>r.has(e.id)));i(null!=a?a:[]);const o=null!==(e=a.find((e=>generateBlocksPatternLibrary.defaultOpenCategory===e.name)))&&void 0!==e?e:"";x(null!==(t=o?.id)&&void 0!==t?t:"")}async function H(){R(!0),g([]);const{data:e}=await async function(e,t,n,r,a){const o=r?"-pro":"";try{var i;const t=await s()({path:(0,l.addQueryArgs)(`/generateblocks${o}/v1/pattern-library/patterns`,{libraryId:e,categoryId:"",search:"",isLocal:r}),method:"GET",headers:{"X-GB-Public-Key":a}});return null!==(i=t?.response)&&void 0!==i?i:[]}catch(e){return[]}}(f?.id,0,0,y,v);g(null!=e?e:[]),N(15),B(0),R(!1)}async function V(){var e,t,n,a;const{data:o}=await d();r(null!=o?o:[]);const i=null!==(e=null!==(t=o.find((e=>generateBlocksPatternLibrary.defaultOpenLibrary===e.id)))&&void 0!==t?t:o[0])&&void 0!==e?e:{};m(null!=i&&i),b(null!==(n=i?.publicKey)&&void 0!==n?n:""),w(null!==(a=i?.isLocal)&&void 0!==a&&a)}return(0,a.useEffect)((()=>{!async function(){V()}()}),[]),(0,a.useEffect)((()=>{f.id?z():i([])}),[f?.id,u]),(0,a.useEffect)((()=>{f.id?H():g([])}),[f?.id,v]),(0,e.createElement)(c.Provider,{value:O},t)}function g(){const e=(0,a.useContext)(c);if(!e)throw new Error((0,o.__)("useLibrary hook must be wrapped by a LibraryProvider.","generateblocks"));return e}var h=window.wp.primitives,p=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),f=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})),m=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),v=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}));function b({bulkInsertEnabled:t}){const{categories:n,activeCategory:a,setActiveCategory:i}=g();return(0,e.createElement)("div",{className:"pattern-category-list",style:{background:t?"none":""}},t?(0,e.createElement)(r.DropdownMenu,{className:"pattern-category-dropdown",icon:m,toggleProps:{variant:"secondary",children:(0,o.sprintf)(/* translators: %s: category name */ -(0,o.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,o.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{i(""),t()}},(0,o.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{i(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>i("")},(0,o.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>i(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,o.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:i}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,o.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:i})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:o,setPublicKey:i,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),o(!!t.isLocal),i(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:o=!1,globalStyleCSS:i}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!!o),[x,C]=(0,a.useState)(!1),[k,D]=(0,a.useState)(0),[I,R]=(0,a.useState)(!1),{previewIframeWidth:L}=g(),M=k,_=1280,N=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{R(!0),clearTimeout(e),e=setTimeout((()=>{R(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!I&&D(h.current?.clientWidth)}),[h.current?.clientWidth,I]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(E(!0),e.disconnect())}))}),{root:null,rootMargin:"0px",threshold:.01});return h.current&&e.observe(h.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{if(!w||!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=i;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),C(!0)}))}),[m,w]),(0,a.useEffect)((()=>{if(!N)return;const e=getComputedStyle(N);e&&y({background:e.backgroundColor,text:e.color})}),[N?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!o)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[L]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[k,m,w]);const P=Math.round(p*(M/_)),B={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:P+40<350?"center":""};return(0,e.createElement)("div",{className:"gb-pattern-frame",style:o?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:o?{minHeight:"200px"}:B},!!w&&!x&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:o?{}:{width:`${M}px`,height:`${P}px`}},(0,e.createElement)("div",{style:o?{}:{height:p+"px",width:_/M*100+"%",transformOrigin:"0 0",transform:`scale( ${M/_} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{w&&v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}o&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:o?"":"none",width:o?L:"1280px",opacity:x?1:0,display:o&&"100%"!==L?"block":"",margin:o&&"100%"!==L?"0 auto":""},tabIndex:"-1",loading:"lazy"})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,M=window.wp.blocks,_=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:i,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:i=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,_.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,o.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,M.parse)(t.pattern));var o,i;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),d()},patterns:[t],globalStyleData:c}),i&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:i,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,o.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,o.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,o.__)("Deselect this pattern","generateblocks"):(0,o.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:i}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n}=g(),[o,i]=(0,a.useState)(""),s=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{s(o)}),[o]),(0,e.createElement)(r.SearchControl,{value:o,onChange:e=>{t(e),i(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function oe(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const ie=oe(1),se=oe(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:o,screenReaderInstructions:i=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:o,value:i.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const Me=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);o.push({id:t,data:{droppableContainer:e,value:n}})}}return o.sort(Se)};function _e(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),i=a-r,s=o-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,o=n.get(r);if(o){const n=_e(o,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:o,x:i,y:s}=r,l=e.left-i-(1-a)*parseFloat(n),c=e.top-s-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=o?e.height/o:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:o,height:i,bottom:s,right:l}=n;return{top:r,left:a,width:o,height:i,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const o=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,o)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,o)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:o,left:i,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&o<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-o)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&i<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-i)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>ie(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const o of t)Object.defineProperty(this,o,{get:()=>{const t=a(n),i=r[e]-t;return this.rect[o]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function ot(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const it={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:o}=t(e);Ve(e)&&(a<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=it,coordinateGetter:o=st,scrollBehavior:i="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=o(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:o,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!o;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,o=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(o&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=o?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,o=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(o&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=o?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,ie(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=it,onActivation:a}=t,{active:o}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=o.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:o}=a;this.props=e,this.events=t,this.document=$(o),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(o)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,ot,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:o,options:{activationConstraint:i}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&i){if(ct(i)){if(null!=i.tolerance&&tt(l,i.tolerance))return this.handleCancel();if(tt(l,i.distance))return this.handleStart()}return dt(i)&&tt(l,i.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),o(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,o]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const o=n(t);return JSON.stringify(e)===JSON.stringify(o)?e:o}),null),i=function(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){o();break}}}}),s=kt({callback:o});return J((()=>{o(),t?(null==s||s.observe(t),null==i||i.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==i||i.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const Mt=[];const _t=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Bt(e.droppable.containers);return i.set(n,{...o,disabled:a}),{...e,droppable:{...e.droppable,containers:i}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const o=new Bt(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:o}=(0,e.useContext)(Ot),i=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&i&&null!=s){if(!le(i))return;if(document.activeElement===i.target)return;const e=o.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,o,s,i]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,o,i;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=_t,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),M=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),_=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:o}=n;const[i,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=o,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=i){const e=new Map;for(let n of t){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,i,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{i&&i.length>0&&s(null)}),[JSON.stringify(i)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=i}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:o=!0}=t;const i=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof o?{x:o,y:o}:o;J((()=>{if(!s&&!l||!n)return void(i.current=!1);if(i.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),i.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),oe=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),o=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),i=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==o||o.disconnect(),t&&(null==o||o.observe(t)),a(t?n(t):null)}),[n,o]),[s,l]=te(i);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(o=de.rect)?o:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[o,i]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):Mt}),Mt),s=kt({callback:i});return t.length>0&&o===Mt&&i(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),i())}),[t]),o}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:M,activeNodeRect:re,containerNodeRect:oe,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?ie(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),o=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const i=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(i.length?new Map(i):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",o)}))}}),[o,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>ie(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=ie(xe,De),Me=ge?Te(ge,xe):null,_e=M&&Me?g({active:M,collisionRect:Me,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(_e,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:ie(xe,Ie),null!=(i=null==Ae?void 0:Ae.rect)?i:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==_.current)return;const a=S.get(_.current);if(!a)return;const o=e.nativeEvent,i=new n({active:_.current,activeNode:a,event:o,options:r,context:se,onStart(e){const t=_.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let i=null;if(t&&a){const{cancelDrop:s}=A.current;i={activatorEvent:o,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(i))&&(e=we.DragCancel)}_.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=A.current[t];null==e||e(i),y({type:t,event:i})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(i),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,o=S.get(r);if(null!==_.current||!o||a.dndKit||a.defaultPrevented)return;const i={active:o};!0===e(n,t.options,i)&&(a.dndKit={capturedBy:t.sensor},_.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const o={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(o),y({type:"onDragMove",event:o})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==_.current||!t||!a)return;const{onDragOver:o}=A.current,i=r.get(Be),s=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==o||o(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:M,activeNode:U,collisionRect:Me,collisions:_e,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:Me}}),[M,U,_e,Me,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:o,enabled:i,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),o=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===o,[qe.Forward]:e.y[qe.Forward]||1===o}}}),[n,t,r])}({delta:g,disabled:!i}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return o}}),[r,o,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(i&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:o,speed:i}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return m(),w.current=e,f(E,s),v.current=i,void(b.current=o)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,i,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:Me,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:M,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:_e,containerNodeRect:oe,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[M,U,re,B,_e,oe,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:M,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,M,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const o=$t(t,r,n),i=t[a],s=o[a];return s&&i?{x:s.left-i.left,y:s.top-i.top,scaleX:s.width/i.width,scaleY:s.height/i.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:o,overIndex:i}=e;const s=null!=(t=o[n])?t:r;if(!s)return null;if(a===n){const e=o[i];return e?{x:0,y:nn&&a<=i?{x:0,y:-s.height-l,...en}:a=i?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:o,strategy:i=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:i})),[v,h,x.draggable,x.droppable,E,f,b,d,p,i]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:o,newIndex:i,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==o&&a===i||!n&&(i===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:o,getNewIndex:i=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...o})),[g,o,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:o}=t;const i=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...o},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:i,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:i,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:i,disabled:r}),u.current.disabled=r)}),[a,i,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:M,attributes:_,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:o}=t;const i=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=o?o:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:i,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===i&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:M,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?i({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:o}=t;const[i,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=o.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,o]),(0,e.useEffect)((()=>{i&&s(null)}),[i]),i}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:_,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:i,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];o.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const o=a.get(n.id);if(o)switch(e.code){case rt.Down:r.topo.top&&t.push(n);break;case rt.Left:r.left>o.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),i=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((i/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:s}})}}return o.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==i?void 0:i.id)&&d.length>1&&(u=d[1].id),null!=u){const e=o.get(n.id),t=o.get(u),i=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&i&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),o=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:i=(0,o.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:i,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:i,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,o.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:Me,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=i.findIndex((e=>e.id===n.id)),t=i.findIndex((e=>e.id===r.id));s($t(i,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:i,strategy:tn},i.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:i}){const{insertBlocks:s,replaceBlock:l}=(0,R.useDispatch)(L.store),{selectedPatterns:c=[],selectedPatternsDispatch:d,setActivePatternId:u,setScrollPosition:h}=g(),{getBlockInsertionPoint:p,getSelectedBlock:f}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:m}=(0,R.useDispatch)(L.store),v=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,o.__)("Bulk Insert","generateblocks")),!c.length&&(0,e.createElement)("p",null,(0,o.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:c,dragHandleLabel:(0,o.__)("Reorder Pattern","generateblocks"),setItems:e=>{d({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(v,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,o.__)("Remove Pattern","generateblocks"),onClick:()=>{d({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview Pattern","generateblocks"),showTooltip:!0,onClick:()=>{u(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,o.__)("Insert All","generateblocks"),patterns:c,globalStyleData:n,disabled:!c.length,onClick:async()=>{const e=c.reduce(((e,t)=>e+t.pattern),""),n=p(),r=P((0,M.parse)(e)),a=f();var o,i;r.forEach((e=>{e.attributes&&e.clientId&&m(e.clientId,e.attributes)})),B(a)?await l(a.clientId,r):await s(r,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>i(!1),isDestructive:!0},(0,o.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:i,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:i,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,o.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,o.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,o.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:i,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:i.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){i?.id&&f()}()}),[i?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,o.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:i?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:i}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},i?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!i&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s(o?.response?.data.length)},icon:Mn,label:(0,o.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,o.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[i,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=i.filter((e=>e.isDefault)),c=i.filter((e=>e.isLocal)),u=i.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,o.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:i,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[M,_]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:M}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,o.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{i(""),l(c)}},(0,o.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:_,cacheIsClearing:M}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,o.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d;return On[t]||(On[t]={}),!!On[t][e]&&On[t][e]}(e);if(n)return void S(n);const r=B(e);On[t][e]=r,S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,o.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[i,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,o.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:i},(0,o.__)("Open Pattern Library","generateblocks"))),t,!!i&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file +!function(){var e={184:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{setTimeout((()=>{this.progress(e,t,n)}))};this.images.forEach((function(t){t.once("progress",e),t.check()}))},a.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emitEvent("progress",[this,e,t]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,e),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&r&&r.log(`progress: ${n}`,e,t)},a.prototype.complete=function(){let e=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(e,[this]),this.emitEvent("always",[this]),this.jqDeferred){let e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},s.prototype=Object.create(t.prototype),s.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},s.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},s.prototype.confirm=function(e,t){this.isLoaded=e;let{parentNode:n}=this.img,r="PICTURE"===n.nodeName?n:this.img;this.emitEvent("progress",[this,r,t])},s.prototype.handleEvent=function(e){let t="on"+e.type;this[t]&&this[t](e)},s.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},s.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},s.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype=Object.create(s.prototype),l.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},l.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype.confirm=function(e,t){this.isLoaded=e,this.emitEvent("progress",[this,this.element,t])},a.makeJQueryPlugin=function(t){(t=t||e.jQuery)&&(n=t,n.fn.imagesLoaded=function(e,t){return new a(this,e,t).jqDeferred.promise(n(this))})},a.makeJQueryPlugin(),a}))}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e=window.React,t=n.n(e),r=window.wp.components,a=window.wp.element,o=window.wp.i18n,i=window.wp.apiFetch,s=n.n(i),l=window.wp.url;const c=(0,a.createContext)(void 0);async function d(e=!0){return await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/libraries",{is_enabled:e}),method:"GET"})}function u({children:t}){const[n,r]=(0,a.useState)([]),[o,i]=(0,a.useState)([]),[u,g]=(0,a.useState)([]),[h,p]=(0,a.useState)(""),[f,m]=(0,a.useState)(""),[v,b]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[E,x]=(0,a.useState)(""),[C,k]=(0,a.useState)(""),[S,D]=(0,a.useState)(""),[I,R]=(0,a.useState)(!1),[L,_]=(0,a.useState)("100%"),[M,N]=(0,a.useState)(15),[P,B]=(0,a.useState)(0),[T,A]=(0,a.useReducer)((function(e,t){switch(t.type){case"ADD":return[...e,t.pattern];case"REMOVE":return e.filter((e=>e.id!==t.pattern.id));case"SET":return t.patterns;default:return e}}),[]),O={libraries:n,search:h,setSearch:p,activeLibrary:f,setActiveLibrary:m,activeCategory:E,setActiveCategory:x,activePatternId:C,setActivePatternId:k,selectedPatterns:T,selectedPatternsDispatch:A,categories:o,hoverPattern:S,setHoverPattern:D,patterns:u,isLocal:y,setIsLocal:w,setPublicKey:b,loading:I,setLoading:R,previewIframeWidth:L,setPreviewIframeWidth:_,setLibraryCategories:z,setLibraryPatterns:H,setLibraries:V,itemsPerPage:15,itemCount:M,setItemCount:N,scrollPosition:P,setScrollPosition:B};async function z(){var e,t;const{data:n}=await async function(e,t,n){const r=t?"-pro":"";try{var a;const o=await s()({path:(0,l.addQueryArgs)(`/generateblocks${r}/v1/pattern-library/categories`,{libraryId:e,isLocal:t}),method:"GET",headers:{"X-GB-Public-Key":n}});return null!==(a=o?.response)&&void 0!==a?a:[]}catch(e){return[]}}(f?.id,y,v),r=new Set(u.flatMap((e=>e.categories))),a=n.filter((e=>r.has(e.id)));i(null!=a?a:[]);const o=null!==(e=a.find((e=>generateBlocksPatternLibrary.defaultOpenCategory===e.name)))&&void 0!==e?e:"";x(null!==(t=o?.id)&&void 0!==t?t:"")}async function H(){R(!0),g([]);const{data:e}=await async function(e,t,n,r,a){const o=r?"-pro":"";try{var i;const t=await s()({path:(0,l.addQueryArgs)(`/generateblocks${o}/v1/pattern-library/patterns`,{libraryId:e,categoryId:"",search:"",isLocal:r}),method:"GET",headers:{"X-GB-Public-Key":a}});return null!==(i=t?.response)&&void 0!==i?i:[]}catch(e){return[]}}(f?.id,0,0,y,v);g(null!=e?e:[]),N(15),B(0),R(!1)}async function V(){var e,t,n,a;const{data:o}=await d();r(null!=o?o:[]);const i=null!==(e=null!==(t=o.find((e=>generateBlocksPatternLibrary.defaultOpenLibrary===e.id)))&&void 0!==t?t:o[0])&&void 0!==e?e:{};m(null!=i&&i),b(null!==(n=i?.publicKey)&&void 0!==n?n:""),w(null!==(a=i?.isLocal)&&void 0!==a&&a)}return(0,a.useEffect)((()=>{!async function(){V()}()}),[]),(0,a.useEffect)((()=>{f.id?z():i([])}),[f?.id,u]),(0,a.useEffect)((()=>{f.id?H():g([])}),[f?.id,v]),(0,e.createElement)(c.Provider,{value:O},t)}function g(){const e=(0,a.useContext)(c);if(!e)throw new Error((0,o.__)("useLibrary hook must be wrapped by a LibraryProvider.","generateblocks"));return e}var h=window.wp.primitives,p=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),f=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})),m=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),v=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}));function b({bulkInsertEnabled:t}){const{categories:n,activeCategory:a,setActiveCategory:i}=g();return(0,e.createElement)("div",{className:"pattern-category-list",style:{background:t?"none":""}},t?(0,e.createElement)(r.DropdownMenu,{className:"pattern-category-dropdown",icon:m,toggleProps:{variant:"secondary",children:(0,o.sprintf)(/* translators: %s: category name */ +(0,o.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,o.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{i(""),t()}},(0,o.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{i(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>i("")},(0,o.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>i(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,o.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:i}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,o.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:i})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:o,setPublicKey:i,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),o(!!t.isLocal),i(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:o=!1,globalStyleCSS:i}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!1),[x,C]=(0,a.useState)(0),[k,D]=(0,a.useState)(!1),{previewIframeWidth:I}=g(),R=x,L=1280,_=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{D(!0),clearTimeout(e),e=setTimeout((()=>{D(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!k&&C(h.current?.clientWidth)}),[h.current?.clientWidth,k]),(0,a.useEffect)((()=>{if(!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=i;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),E(!0)}))}),[m]),(0,a.useEffect)((()=>{if(!_)return;const e=getComputedStyle(_);e&&y({background:e.backgroundColor,text:e.color})}),[_?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!o)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[I]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[x,m]);const M=Math.round(p*(R/L)),N={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:M+40<350?"center":""},P=["allow-same-origin"];return o&&P.push("allow-scripts"),(0,e.createElement)("div",{className:"gb-pattern-frame",style:o?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:o?{minHeight:"200px"}:N},!w&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:o?{}:{width:`${R}px`,height:`${M}px`}},(0,e.createElement)("div",{style:o?{}:{height:p+"px",width:L/R*100+"%",transformOrigin:"0 0",transform:`scale( ${R/L} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}o&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:o?"":"none",width:o?I:"1280px",opacity:w?1:0,display:o&&"100%"!==I?"block":"",margin:o&&"100%"!==I?"0 auto":""},tabIndex:"-1",loading:"lazy",sandbox:P.join(" ")})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,_=window.wp.blocks,M=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:i,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:i=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,M.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,o.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,_.parse)(t.pattern));var o,i;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),d()},patterns:[t],globalStyleData:c}),i&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:i,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,o.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,o.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,o.__)("Deselect this pattern","generateblocks"):(0,o.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:i}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n}=g(),[o,i]=(0,a.useState)(""),s=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{s(o)}),[o]),(0,e.createElement)(r.SearchControl,{value:o,onChange:e=>{t(e),i(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function oe(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const ie=oe(1),se=oe(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:o,screenReaderInstructions:i=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:o,value:i.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const _e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);o.push({id:t,data:{droppableContainer:e,value:n}})}}return o.sort(Se)};function Me(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),i=a-r,s=o-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,o=n.get(r);if(o){const n=Me(o,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:o,x:i,y:s}=r,l=e.left-i-(1-a)*parseFloat(n),c=e.top-s-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=o?e.height/o:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:o,height:i,bottom:s,right:l}=n;return{top:r,left:a,width:o,height:i,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const o=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,o)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,o)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:o,left:i,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&o<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-o)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&i<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-i)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>ie(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const o of t)Object.defineProperty(this,o,{get:()=>{const t=a(n),i=r[e]-t;return this.rect[o]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function ot(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const it={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:o}=t(e);Ve(e)&&(a<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=it,coordinateGetter:o=st,scrollBehavior:i="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=o(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:o,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!o;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,o=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(o&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=o?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,o=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(o&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=o?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,ie(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=it,onActivation:a}=t,{active:o}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=o.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:o}=a;this.props=e,this.events=t,this.document=$(o),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(o)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,ot,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:o,options:{activationConstraint:i}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&i){if(ct(i)){if(null!=i.tolerance&&tt(l,i.tolerance))return this.handleCancel();if(tt(l,i.distance))return this.handleStart()}return dt(i)&&tt(l,i.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),o(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,o]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const o=n(t);return JSON.stringify(e)===JSON.stringify(o)?e:o}),null),i=function(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){o();break}}}}),s=kt({callback:o});return J((()=>{o(),t?(null==s||s.observe(t),null==i||i.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==i||i.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const _t=[];const Mt=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Bt(e.droppable.containers);return i.set(n,{...o,disabled:a}),{...e,droppable:{...e.droppable,containers:i}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const o=new Bt(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:o}=(0,e.useContext)(Ot),i=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&i&&null!=s){if(!le(i))return;if(document.activeElement===i.target)return;const e=o.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,o,s,i]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,o,i;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=Mt,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),_=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),M=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:o}=n;const[i,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=o,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=i){const e=new Map;for(let n of t){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,i,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{i&&i.length>0&&s(null)}),[JSON.stringify(i)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=i}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:o=!0}=t;const i=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof o?{x:o,y:o}:o;J((()=>{if(!s&&!l||!n)return void(i.current=!1);if(i.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),i.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),oe=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),o=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),i=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==o||o.disconnect(),t&&(null==o||o.observe(t)),a(t?n(t):null)}),[n,o]),[s,l]=te(i);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(o=de.rect)?o:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[o,i]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):_t}),_t),s=kt({callback:i});return t.length>0&&o===_t&&i(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),i())}),[t]),o}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:_,activeNodeRect:re,containerNodeRect:oe,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?ie(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),o=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const i=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(i.length?new Map(i):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",o)}))}}),[o,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>ie(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=ie(xe,De),_e=ge?Te(ge,xe):null,Me=_&&_e?g({active:_,collisionRect:_e,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(Me,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:ie(xe,Ie),null!=(i=null==Ae?void 0:Ae.rect)?i:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const a=S.get(M.current);if(!a)return;const o=e.nativeEvent,i=new n({active:M.current,activeNode:a,event:o,options:r,context:se,onStart(e){const t=M.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let i=null;if(t&&a){const{cancelDrop:s}=A.current;i={activatorEvent:o,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(i))&&(e=we.DragCancel)}M.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=A.current[t];null==e||e(i),y({type:t,event:i})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(i),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,o=S.get(r);if(null!==M.current||!o||a.dndKit||a.defaultPrevented)return;const i={active:o};!0===e(n,t.options,i)&&(a.dndKit={capturedBy:t.sensor},M.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const o={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(o),y({type:"onDragMove",event:o})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==M.current||!t||!a)return;const{onDragOver:o}=A.current,i=r.get(Be),s=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==o||o(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:_,activeNode:U,collisionRect:_e,collisions:Me,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:_e}}),[_,U,Me,_e,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:o,enabled:i,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),o=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===o,[qe.Forward]:e.y[qe.Forward]||1===o}}}),[n,t,r])}({delta:g,disabled:!i}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return o}}),[r,o,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(i&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:o,speed:i}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return m(),w.current=e,f(E,s),v.current=i,void(b.current=o)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,i,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:_e,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:_,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:Me,containerNodeRect:oe,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[_,U,re,B,Me,oe,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:_,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,_,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const o=$t(t,r,n),i=t[a],s=o[a];return s&&i?{x:s.left-i.left,y:s.top-i.top,scaleX:s.width/i.width,scaleY:s.height/i.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:o,overIndex:i}=e;const s=null!=(t=o[n])?t:r;if(!s)return null;if(a===n){const e=o[i];return e?{x:0,y:nn&&a<=i?{x:0,y:-s.height-l,...en}:a=i?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:o,strategy:i=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:i})),[v,h,x.draggable,x.droppable,E,f,b,d,p,i]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:o,newIndex:i,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==o&&a===i||!n&&(i===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:o,getNewIndex:i=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...o})),[g,o,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:o}=t;const i=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...o},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:i,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:i,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:i,disabled:r}),u.current.disabled=r)}),[a,i,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:_,attributes:M,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:o}=t;const i=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=o?o:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:i,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===i&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:_,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?i({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:o}=t;const[i,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=o.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,o]),(0,e.useEffect)((()=>{i&&s(null)}),[i]),i}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:M,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:i,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];o.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const o=a.get(n.id);if(o)switch(e.code){case rt.Down:r.topo.top&&t.push(n);break;case rt.Left:r.left>o.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),i=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((i/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:s}})}}return o.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==i?void 0:i.id)&&d.length>1&&(u=d[1].id),null!=u){const e=o.get(n.id),t=o.get(u),i=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&i&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),o=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:i=(0,o.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:i,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:i,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,o.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:_e,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=i.findIndex((e=>e.id===n.id)),t=i.findIndex((e=>e.id===r.id));s($t(i,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:i,strategy:tn},i.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:i}){const{insertBlocks:s,replaceBlock:l}=(0,R.useDispatch)(L.store),{selectedPatterns:c=[],selectedPatternsDispatch:d,setActivePatternId:u,setScrollPosition:h}=g(),{getBlockInsertionPoint:p,getSelectedBlock:f}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:m}=(0,R.useDispatch)(L.store),v=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,o.__)("Bulk Insert","generateblocks")),!c.length&&(0,e.createElement)("p",null,(0,o.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:c,dragHandleLabel:(0,o.__)("Reorder Pattern","generateblocks"),setItems:e=>{d({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(v,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,o.__)("Remove Pattern","generateblocks"),onClick:()=>{d({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview Pattern","generateblocks"),showTooltip:!0,onClick:()=>{u(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,o.__)("Insert All","generateblocks"),patterns:c,globalStyleData:n,disabled:!c.length,onClick:async()=>{const e=c.reduce(((e,t)=>e+t.pattern),""),n=p(),r=P((0,_.parse)(e)),a=f();var o,i;r.forEach((e=>{e.attributes&&e.clientId&&m(e.clientId,e.attributes)})),B(a)?await l(a.clientId,r):await s(r,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>i(!1),isDestructive:!0},(0,o.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:i,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:i,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,o.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,o.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,o.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:i,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:i.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){i?.id&&f()}()}),[i?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,o.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:i?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:i}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},i?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!i&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s(o?.response?.data.length)},icon:Mn,label:(0,o.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,o.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[i,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=i.filter((e=>e.isDefault)),c=i.filter((e=>e.isLocal)),u=i.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,o.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:i,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:_}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,o.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{i(""),l(c)}},(0,o.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:M,cacheIsClearing:_}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,o.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d;return On[t]||(On[t]={}),!!On[t][e]&&On[t][e]}(e);if(n)return void S(n);const r=B(e);On[t][e]=r,S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,o.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[i,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,o.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:i},(0,o.__)("Open Pattern Library","generateblocks"))),t,!!i&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file From 886417207e8cc3a18366d6992b38c73d998d6856 Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 2 May 2024 16:08:12 +0000 Subject: [PATCH 05/10] Update dist files --- dist/pattern-library.asset.php | 2 +- dist/pattern-library.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/dist/pattern-library.asset.php b/dist/pattern-library.asset.php index 920298f56..f49ccfd7c 100644 --- a/dist/pattern-library.asset.php +++ b/dist/pattern-library.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => '2a8e4abc0230e533553c'); + array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => 'eb13096ab00a9043eeda'); diff --git a/dist/pattern-library.js b/dist/pattern-library.js index 69310e88f..6522e96fb 100644 --- a/dist/pattern-library.js +++ b/dist/pattern-library.js @@ -1,2 +1,2 @@ !function(){var e={184:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{setTimeout((()=>{this.progress(e,t,n)}))};this.images.forEach((function(t){t.once("progress",e),t.check()}))},a.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emitEvent("progress",[this,e,t]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,e),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&r&&r.log(`progress: ${n}`,e,t)},a.prototype.complete=function(){let e=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(e,[this]),this.emitEvent("always",[this]),this.jqDeferred){let e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},s.prototype=Object.create(t.prototype),s.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},s.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},s.prototype.confirm=function(e,t){this.isLoaded=e;let{parentNode:n}=this.img,r="PICTURE"===n.nodeName?n:this.img;this.emitEvent("progress",[this,r,t])},s.prototype.handleEvent=function(e){let t="on"+e.type;this[t]&&this[t](e)},s.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},s.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},s.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype=Object.create(s.prototype),l.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},l.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype.confirm=function(e,t){this.isLoaded=e,this.emitEvent("progress",[this,this.element,t])},a.makeJQueryPlugin=function(t){(t=t||e.jQuery)&&(n=t,n.fn.imagesLoaded=function(e,t){return new a(this,e,t).jqDeferred.promise(n(this))})},a.makeJQueryPlugin(),a}))}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e=window.React,t=n.n(e),r=window.wp.components,a=window.wp.element,o=window.wp.i18n,i=window.wp.apiFetch,s=n.n(i),l=window.wp.url;const c=(0,a.createContext)(void 0);async function d(e=!0){return await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/libraries",{is_enabled:e}),method:"GET"})}function u({children:t}){const[n,r]=(0,a.useState)([]),[o,i]=(0,a.useState)([]),[u,g]=(0,a.useState)([]),[h,p]=(0,a.useState)(""),[f,m]=(0,a.useState)(""),[v,b]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[E,x]=(0,a.useState)(""),[C,k]=(0,a.useState)(""),[S,D]=(0,a.useState)(""),[I,R]=(0,a.useState)(!1),[L,_]=(0,a.useState)("100%"),[M,N]=(0,a.useState)(15),[P,B]=(0,a.useState)(0),[T,A]=(0,a.useReducer)((function(e,t){switch(t.type){case"ADD":return[...e,t.pattern];case"REMOVE":return e.filter((e=>e.id!==t.pattern.id));case"SET":return t.patterns;default:return e}}),[]),O={libraries:n,search:h,setSearch:p,activeLibrary:f,setActiveLibrary:m,activeCategory:E,setActiveCategory:x,activePatternId:C,setActivePatternId:k,selectedPatterns:T,selectedPatternsDispatch:A,categories:o,hoverPattern:S,setHoverPattern:D,patterns:u,isLocal:y,setIsLocal:w,setPublicKey:b,loading:I,setLoading:R,previewIframeWidth:L,setPreviewIframeWidth:_,setLibraryCategories:z,setLibraryPatterns:H,setLibraries:V,itemsPerPage:15,itemCount:M,setItemCount:N,scrollPosition:P,setScrollPosition:B};async function z(){var e,t;const{data:n}=await async function(e,t,n){const r=t?"-pro":"";try{var a;const o=await s()({path:(0,l.addQueryArgs)(`/generateblocks${r}/v1/pattern-library/categories`,{libraryId:e,isLocal:t}),method:"GET",headers:{"X-GB-Public-Key":n}});return null!==(a=o?.response)&&void 0!==a?a:[]}catch(e){return[]}}(f?.id,y,v),r=new Set(u.flatMap((e=>e.categories))),a=n.filter((e=>r.has(e.id)));i(null!=a?a:[]);const o=null!==(e=a.find((e=>generateBlocksPatternLibrary.defaultOpenCategory===e.name)))&&void 0!==e?e:"";x(null!==(t=o?.id)&&void 0!==t?t:"")}async function H(){R(!0),g([]);const{data:e}=await async function(e,t,n,r,a){const o=r?"-pro":"";try{var i;const t=await s()({path:(0,l.addQueryArgs)(`/generateblocks${o}/v1/pattern-library/patterns`,{libraryId:e,categoryId:"",search:"",isLocal:r}),method:"GET",headers:{"X-GB-Public-Key":a}});return null!==(i=t?.response)&&void 0!==i?i:[]}catch(e){return[]}}(f?.id,0,0,y,v);g(null!=e?e:[]),N(15),B(0),R(!1)}async function V(){var e,t,n,a;const{data:o}=await d();r(null!=o?o:[]);const i=null!==(e=null!==(t=o.find((e=>generateBlocksPatternLibrary.defaultOpenLibrary===e.id)))&&void 0!==t?t:o[0])&&void 0!==e?e:{};m(null!=i&&i),b(null!==(n=i?.publicKey)&&void 0!==n?n:""),w(null!==(a=i?.isLocal)&&void 0!==a&&a)}return(0,a.useEffect)((()=>{!async function(){V()}()}),[]),(0,a.useEffect)((()=>{f.id?z():i([])}),[f?.id,u]),(0,a.useEffect)((()=>{f.id?H():g([])}),[f?.id,v]),(0,e.createElement)(c.Provider,{value:O},t)}function g(){const e=(0,a.useContext)(c);if(!e)throw new Error((0,o.__)("useLibrary hook must be wrapped by a LibraryProvider.","generateblocks"));return e}var h=window.wp.primitives,p=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),f=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})),m=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),v=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}));function b({bulkInsertEnabled:t}){const{categories:n,activeCategory:a,setActiveCategory:i}=g();return(0,e.createElement)("div",{className:"pattern-category-list",style:{background:t?"none":""}},t?(0,e.createElement)(r.DropdownMenu,{className:"pattern-category-dropdown",icon:m,toggleProps:{variant:"secondary",children:(0,o.sprintf)(/* translators: %s: category name */ -(0,o.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,o.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{i(""),t()}},(0,o.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{i(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>i("")},(0,o.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>i(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,o.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:i}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,o.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:i})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:o,setPublicKey:i,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),o(!!t.isLocal),i(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:o=!1,globalStyleCSS:i}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!1),[x,C]=(0,a.useState)(0),[k,D]=(0,a.useState)(!1),{previewIframeWidth:I}=g(),R=x,L=1280,_=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{D(!0),clearTimeout(e),e=setTimeout((()=>{D(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!k&&C(h.current?.clientWidth)}),[h.current?.clientWidth,k]),(0,a.useEffect)((()=>{if(!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=i;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),E(!0)}))}),[m]),(0,a.useEffect)((()=>{if(!_)return;const e=getComputedStyle(_);e&&y({background:e.backgroundColor,text:e.color})}),[_?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!o)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[I]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[x,m]);const M=Math.round(p*(R/L)),N={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:M+40<350?"center":""},P=["allow-same-origin"];return o&&P.push("allow-scripts"),(0,e.createElement)("div",{className:"gb-pattern-frame",style:o?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:o?{minHeight:"200px"}:N},!w&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:o?{}:{width:`${R}px`,height:`${M}px`}},(0,e.createElement)("div",{style:o?{}:{height:p+"px",width:L/R*100+"%",transformOrigin:"0 0",transform:`scale( ${R/L} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}o&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:o?"":"none",width:o?I:"1280px",opacity:w?1:0,display:o&&"100%"!==I?"block":"",margin:o&&"100%"!==I?"0 auto":""},tabIndex:"-1",loading:"lazy",sandbox:P.join(" ")})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,_=window.wp.blocks,M=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:i,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:i=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,M.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,o.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,_.parse)(t.pattern));var o,i;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),d()},patterns:[t],globalStyleData:c}),i&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:i,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,o.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,o.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,o.__)("Deselect this pattern","generateblocks"):(0,o.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:i}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n}=g(),[o,i]=(0,a.useState)(""),s=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{s(o)}),[o]),(0,e.createElement)(r.SearchControl,{value:o,onChange:e=>{t(e),i(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function oe(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const ie=oe(1),se=oe(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:o,screenReaderInstructions:i=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:o,value:i.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const _e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);o.push({id:t,data:{droppableContainer:e,value:n}})}}return o.sort(Se)};function Me(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),i=a-r,s=o-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,o=n.get(r);if(o){const n=Me(o,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:o,x:i,y:s}=r,l=e.left-i-(1-a)*parseFloat(n),c=e.top-s-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=o?e.height/o:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:o,height:i,bottom:s,right:l}=n;return{top:r,left:a,width:o,height:i,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const o=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,o)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,o)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:o,left:i,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&o<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-o)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&i<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-i)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>ie(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const o of t)Object.defineProperty(this,o,{get:()=>{const t=a(n),i=r[e]-t;return this.rect[o]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function ot(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const it={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:o}=t(e);Ve(e)&&(a<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=it,coordinateGetter:o=st,scrollBehavior:i="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=o(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:o,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!o;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,o=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(o&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=o?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,o=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(o&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=o?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,ie(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=it,onActivation:a}=t,{active:o}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=o.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:o}=a;this.props=e,this.events=t,this.document=$(o),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(o)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,ot,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:o,options:{activationConstraint:i}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&i){if(ct(i)){if(null!=i.tolerance&&tt(l,i.tolerance))return this.handleCancel();if(tt(l,i.distance))return this.handleStart()}return dt(i)&&tt(l,i.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),o(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,o]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const o=n(t);return JSON.stringify(e)===JSON.stringify(o)?e:o}),null),i=function(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){o();break}}}}),s=kt({callback:o});return J((()=>{o(),t?(null==s||s.observe(t),null==i||i.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==i||i.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const _t=[];const Mt=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Bt(e.droppable.containers);return i.set(n,{...o,disabled:a}),{...e,droppable:{...e.droppable,containers:i}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const o=new Bt(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:o}=(0,e.useContext)(Ot),i=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&i&&null!=s){if(!le(i))return;if(document.activeElement===i.target)return;const e=o.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,o,s,i]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,o,i;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=Mt,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),_=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),M=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:o}=n;const[i,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=o,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=i){const e=new Map;for(let n of t){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,i,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{i&&i.length>0&&s(null)}),[JSON.stringify(i)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=i}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:o=!0}=t;const i=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof o?{x:o,y:o}:o;J((()=>{if(!s&&!l||!n)return void(i.current=!1);if(i.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),i.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),oe=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),o=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),i=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==o||o.disconnect(),t&&(null==o||o.observe(t)),a(t?n(t):null)}),[n,o]),[s,l]=te(i);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(o=de.rect)?o:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[o,i]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):_t}),_t),s=kt({callback:i});return t.length>0&&o===_t&&i(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),i())}),[t]),o}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:_,activeNodeRect:re,containerNodeRect:oe,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?ie(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),o=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const i=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(i.length?new Map(i):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",o)}))}}),[o,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>ie(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=ie(xe,De),_e=ge?Te(ge,xe):null,Me=_&&_e?g({active:_,collisionRect:_e,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(Me,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:ie(xe,Ie),null!=(i=null==Ae?void 0:Ae.rect)?i:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const a=S.get(M.current);if(!a)return;const o=e.nativeEvent,i=new n({active:M.current,activeNode:a,event:o,options:r,context:se,onStart(e){const t=M.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let i=null;if(t&&a){const{cancelDrop:s}=A.current;i={activatorEvent:o,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(i))&&(e=we.DragCancel)}M.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=A.current[t];null==e||e(i),y({type:t,event:i})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(i),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,o=S.get(r);if(null!==M.current||!o||a.dndKit||a.defaultPrevented)return;const i={active:o};!0===e(n,t.options,i)&&(a.dndKit={capturedBy:t.sensor},M.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const o={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(o),y({type:"onDragMove",event:o})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==M.current||!t||!a)return;const{onDragOver:o}=A.current,i=r.get(Be),s=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==o||o(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:_,activeNode:U,collisionRect:_e,collisions:Me,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:_e}}),[_,U,Me,_e,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:o,enabled:i,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),o=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===o,[qe.Forward]:e.y[qe.Forward]||1===o}}}),[n,t,r])}({delta:g,disabled:!i}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return o}}),[r,o,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(i&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:o,speed:i}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return m(),w.current=e,f(E,s),v.current=i,void(b.current=o)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,i,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:_e,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:_,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:Me,containerNodeRect:oe,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[_,U,re,B,Me,oe,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:_,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,_,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const o=$t(t,r,n),i=t[a],s=o[a];return s&&i?{x:s.left-i.left,y:s.top-i.top,scaleX:s.width/i.width,scaleY:s.height/i.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:o,overIndex:i}=e;const s=null!=(t=o[n])?t:r;if(!s)return null;if(a===n){const e=o[i];return e?{x:0,y:nn&&a<=i?{x:0,y:-s.height-l,...en}:a=i?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:o,strategy:i=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:i})),[v,h,x.draggable,x.droppable,E,f,b,d,p,i]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:o,newIndex:i,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==o&&a===i||!n&&(i===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:o,getNewIndex:i=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...o})),[g,o,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:o}=t;const i=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...o},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:i,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:i,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:i,disabled:r}),u.current.disabled=r)}),[a,i,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:_,attributes:M,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:o}=t;const i=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=o?o:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:i,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===i&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:_,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?i({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:o}=t;const[i,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=o.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,o]),(0,e.useEffect)((()=>{i&&s(null)}),[i]),i}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:M,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:i,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];o.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const o=a.get(n.id);if(o)switch(e.code){case rt.Down:r.topo.top&&t.push(n);break;case rt.Left:r.left>o.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),i=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((i/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:s}})}}return o.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==i?void 0:i.id)&&d.length>1&&(u=d[1].id),null!=u){const e=o.get(n.id),t=o.get(u),i=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&i&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),o=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:i=(0,o.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:i,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:i,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,o.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:_e,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=i.findIndex((e=>e.id===n.id)),t=i.findIndex((e=>e.id===r.id));s($t(i,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:i,strategy:tn},i.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:i}){const{insertBlocks:s,replaceBlock:l}=(0,R.useDispatch)(L.store),{selectedPatterns:c=[],selectedPatternsDispatch:d,setActivePatternId:u,setScrollPosition:h}=g(),{getBlockInsertionPoint:p,getSelectedBlock:f}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:m}=(0,R.useDispatch)(L.store),v=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,o.__)("Bulk Insert","generateblocks")),!c.length&&(0,e.createElement)("p",null,(0,o.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:c,dragHandleLabel:(0,o.__)("Reorder Pattern","generateblocks"),setItems:e=>{d({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(v,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,o.__)("Remove Pattern","generateblocks"),onClick:()=>{d({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview Pattern","generateblocks"),showTooltip:!0,onClick:()=>{u(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,o.__)("Insert All","generateblocks"),patterns:c,globalStyleData:n,disabled:!c.length,onClick:async()=>{const e=c.reduce(((e,t)=>e+t.pattern),""),n=p(),r=P((0,_.parse)(e)),a=f();var o,i;r.forEach((e=>{e.attributes&&e.clientId&&m(e.clientId,e.attributes)})),B(a)?await l(a.clientId,r):await s(r,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>i(!1),isDestructive:!0},(0,o.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:i,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:i,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,o.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,o.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,o.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:i,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:i.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){i?.id&&f()}()}),[i?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,o.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:i?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:i}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},i?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!i&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s(o?.response?.data.length)},icon:Mn,label:(0,o.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,o.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[i,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=i.filter((e=>e.isDefault)),c=i.filter((e=>e.isLocal)),u=i.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,o.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:i,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:_}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,o.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{i(""),l(c)}},(0,o.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:M,cacheIsClearing:_}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,o.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d;return On[t]||(On[t]={}),!!On[t][e]&&On[t][e]}(e);if(n)return void S(n);const r=B(e);On[t][e]=r,S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,o.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[i,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,o.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:i},(0,o.__)("Open Pattern Library","generateblocks"))),t,!!i&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file +(0,o.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,o.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{i(""),t()}},(0,o.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{i(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>i("")},(0,o.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>i(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,o.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:i}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,o.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:i})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:o,setPublicKey:i,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),o(!!t.isLocal),i(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:o=!1,globalStyleCSS:i}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!1),[x,C]=(0,a.useState)(0),[k,D]=(0,a.useState)(!1),{previewIframeWidth:I}=g(),R=x,L=1280,_=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{D(!0),clearTimeout(e),e=setTimeout((()=>{D(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!k&&C(h.current?.clientWidth)}),[h.current?.clientWidth,k]),(0,a.useEffect)((()=>{if(!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=i;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),E(!0)}))}),[m]),(0,a.useEffect)((()=>{if(!_)return;const e=getComputedStyle(_);e&&y({background:e.backgroundColor,text:e.color})}),[_?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!o)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[I]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[x,m]);const M=Math.round(p*(R/L)),N={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:M+40<350?"center":""},P=["allow-same-origin"];return o&&P.push("allow-scripts"),(0,e.createElement)("div",{className:"gb-pattern-frame",style:o?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:o?{minHeight:"200px"}:N},!w&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:o?{}:{width:`${R}px`,height:`${M}px`}},(0,e.createElement)("div",{style:o?{}:{height:p+"px",width:L/R*100+"%",transformOrigin:"0 0",transform:`scale( ${R/L} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}o&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:o?"":"none",width:o?I:"1280px",opacity:w?1:0,display:o&&"100%"!==I?"block":"",margin:o&&"100%"!==I?"0 auto":""},tabIndex:"-1",loading:"lazy",sandbox:P.join(" ")})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,_=window.wp.blocks,M=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:i,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:i=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,M.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,o.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,_.parse)(t.pattern));var o,i;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),d()},patterns:[t],globalStyleData:c}),i&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:i,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,o.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,o.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,o.__)("Deselect this pattern","generateblocks"):(0,o.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:i}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n,activeLibrary:o}=g(),[i,s]=(0,a.useState)(""),l=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{l(i)}),[i]),(0,a.useEffect)((()=>{s("")}),[o?.id]),(0,e.createElement)(r.SearchControl,{value:i,onChange:e=>{t(e),s(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function oe(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const ie=oe(1),se=oe(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:o,screenReaderInstructions:i=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:o,value:i.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const _e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);o.push({id:t,data:{droppableContainer:e,value:n}})}}return o.sort(Se)};function Me(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),i=a-r,s=o-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,o=n.get(r);if(o){const n=Me(o,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:o,x:i,y:s}=r,l=e.left-i-(1-a)*parseFloat(n),c=e.top-s-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=o?e.height/o:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:o,height:i,bottom:s,right:l}=n;return{top:r,left:a,width:o,height:i,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const o=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,o)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,o)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:o,left:i,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&o<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-o)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&i<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-i)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>ie(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const o of t)Object.defineProperty(this,o,{get:()=>{const t=a(n),i=r[e]-t;return this.rect[o]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function ot(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const it={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:o}=t(e);Ve(e)&&(a<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=it,coordinateGetter:o=st,scrollBehavior:i="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=o(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:o,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!o;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,o=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(o&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=o?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,o=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(o&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=o?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,ie(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=it,onActivation:a}=t,{active:o}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=o.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:o}=a;this.props=e,this.events=t,this.document=$(o),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(o)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,ot,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:o,options:{activationConstraint:i}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&i){if(ct(i)){if(null!=i.tolerance&&tt(l,i.tolerance))return this.handleCancel();if(tt(l,i.distance))return this.handleStart()}return dt(i)&&tt(l,i.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),o(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,o]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const o=n(t);return JSON.stringify(e)===JSON.stringify(o)?e:o}),null),i=function(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){o();break}}}}),s=kt({callback:o});return J((()=>{o(),t?(null==s||s.observe(t),null==i||i.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==i||i.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const _t=[];const Mt=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Bt(e.droppable.containers);return i.set(n,{...o,disabled:a}),{...e,droppable:{...e.droppable,containers:i}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const o=new Bt(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:o}=(0,e.useContext)(Ot),i=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&i&&null!=s){if(!le(i))return;if(document.activeElement===i.target)return;const e=o.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,o,s,i]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,o,i;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=Mt,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),_=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),M=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:o}=n;const[i,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=o,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=i){const e=new Map;for(let n of t){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,i,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{i&&i.length>0&&s(null)}),[JSON.stringify(i)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=i}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:o=!0}=t;const i=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof o?{x:o,y:o}:o;J((()=>{if(!s&&!l||!n)return void(i.current=!1);if(i.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),i.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),oe=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),o=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),i=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==o||o.disconnect(),t&&(null==o||o.observe(t)),a(t?n(t):null)}),[n,o]),[s,l]=te(i);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(o=de.rect)?o:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[o,i]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):_t}),_t),s=kt({callback:i});return t.length>0&&o===_t&&i(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),i())}),[t]),o}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:_,activeNodeRect:re,containerNodeRect:oe,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?ie(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),o=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const i=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(i.length?new Map(i):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",o)}))}}),[o,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>ie(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=ie(xe,De),_e=ge?Te(ge,xe):null,Me=_&&_e?g({active:_,collisionRect:_e,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(Me,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:ie(xe,Ie),null!=(i=null==Ae?void 0:Ae.rect)?i:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const a=S.get(M.current);if(!a)return;const o=e.nativeEvent,i=new n({active:M.current,activeNode:a,event:o,options:r,context:se,onStart(e){const t=M.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let i=null;if(t&&a){const{cancelDrop:s}=A.current;i={activatorEvent:o,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(i))&&(e=we.DragCancel)}M.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=A.current[t];null==e||e(i),y({type:t,event:i})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(i),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,o=S.get(r);if(null!==M.current||!o||a.dndKit||a.defaultPrevented)return;const i={active:o};!0===e(n,t.options,i)&&(a.dndKit={capturedBy:t.sensor},M.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const o={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(o),y({type:"onDragMove",event:o})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==M.current||!t||!a)return;const{onDragOver:o}=A.current,i=r.get(Be),s=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==o||o(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:_,activeNode:U,collisionRect:_e,collisions:Me,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:_e}}),[_,U,Me,_e,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:o,enabled:i,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),o=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===o,[qe.Forward]:e.y[qe.Forward]||1===o}}}),[n,t,r])}({delta:g,disabled:!i}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return o}}),[r,o,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(i&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:o,speed:i}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return m(),w.current=e,f(E,s),v.current=i,void(b.current=o)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,i,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:_e,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:_,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:Me,containerNodeRect:oe,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[_,U,re,B,Me,oe,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:_,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,_,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const o=$t(t,r,n),i=t[a],s=o[a];return s&&i?{x:s.left-i.left,y:s.top-i.top,scaleX:s.width/i.width,scaleY:s.height/i.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:o,overIndex:i}=e;const s=null!=(t=o[n])?t:r;if(!s)return null;if(a===n){const e=o[i];return e?{x:0,y:nn&&a<=i?{x:0,y:-s.height-l,...en}:a=i?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:o,strategy:i=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:i})),[v,h,x.draggable,x.droppable,E,f,b,d,p,i]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:o,newIndex:i,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==o&&a===i||!n&&(i===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:o,getNewIndex:i=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...o})),[g,o,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:o}=t;const i=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...o},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:i,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:i,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:i,disabled:r}),u.current.disabled=r)}),[a,i,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:_,attributes:M,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:o}=t;const i=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=o?o:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:i,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===i&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:_,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?i({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:o}=t;const[i,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=o.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,o]),(0,e.useEffect)((()=>{i&&s(null)}),[i]),i}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:M,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:i,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];o.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const o=a.get(n.id);if(o)switch(e.code){case rt.Down:r.topo.top&&t.push(n);break;case rt.Left:r.left>o.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),i=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((i/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:s}})}}return o.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==i?void 0:i.id)&&d.length>1&&(u=d[1].id),null!=u){const e=o.get(n.id),t=o.get(u),i=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&i&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),o=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:i=(0,o.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:i,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:i,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,o.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:_e,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=i.findIndex((e=>e.id===n.id)),t=i.findIndex((e=>e.id===r.id));s($t(i,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:i,strategy:tn},i.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:i}){const{insertBlocks:s,replaceBlock:l}=(0,R.useDispatch)(L.store),{selectedPatterns:c=[],selectedPatternsDispatch:d,setActivePatternId:u,setScrollPosition:h}=g(),{getBlockInsertionPoint:p,getSelectedBlock:f}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:m}=(0,R.useDispatch)(L.store),v=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,o.__)("Bulk Insert","generateblocks")),!c.length&&(0,e.createElement)("p",null,(0,o.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:c,dragHandleLabel:(0,o.__)("Reorder Pattern","generateblocks"),setItems:e=>{d({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(v,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,o.__)("Remove Pattern","generateblocks"),onClick:()=>{d({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview Pattern","generateblocks"),showTooltip:!0,onClick:()=>{u(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,o.__)("Insert All","generateblocks"),patterns:c,globalStyleData:n,disabled:!c.length,onClick:async()=>{const e=c.reduce(((e,t)=>e+t.pattern),""),n=p(),r=P((0,_.parse)(e)),a=f();var o,i;r.forEach((e=>{e.attributes&&e.clientId&&m(e.clientId,e.attributes)})),B(a)?await l(a.clientId,r):await s(r,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>i(!1),isDestructive:!0},(0,o.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:i,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:i,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,o.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,o.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,o.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:i,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:i.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){i?.id&&f()}()}),[i?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,o.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:i?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:i}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},i?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!i&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s(o?.response?.data.length)},icon:Mn,label:(0,o.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,o.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[i,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=i.filter((e=>e.isDefault)),c=i.filter((e=>e.isLocal)),u=i.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,o.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:i,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:_}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,o.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{i(""),l(c)}},(0,o.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:M,cacheIsClearing:_}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,o.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d,n=v?.id||"";return On[n]&&On[n][t]||(On[n]=On[n]||{},On[n][t]=On[n][t]||{}),!!On[n][t][e]&&On[n][t][e]}(e);if(n)return void S(n);const r=B(e),a=v?.id;a&&(On[a][t][e]=r),S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,o.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[i,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,o.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:i},(0,o.__)("Open Pattern Library","generateblocks"))),t,!!i&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file From bc2517ce35f3cd5508bfbedb8356ad0ca0b0edc1 Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Sun, 5 May 2024 20:01:49 -0600 Subject: [PATCH 06/10] Fix: Broken pattern preview in bulk select mode --- src/pattern-library/components/library-layout.js | 1 + src/pattern-library/components/selected-patterns.js | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pattern-library/components/library-layout.js b/src/pattern-library/components/library-layout.js index ed178c423..de29e88c7 100644 --- a/src/pattern-library/components/library-layout.js +++ b/src/pattern-library/components/library-layout.js @@ -187,6 +187,7 @@ export default function LibraryLayout( { closeModal } ) { closeModal={ closeModal } globalStyleData={ globalStyleData } setBulkInsertEnabled={ setBulkInsertEnabled } + filteredPatterns={ filteredPatterns } /> ) } diff --git a/src/pattern-library/components/selected-patterns.js b/src/pattern-library/components/selected-patterns.js index 911e17264..6bf56a13f 100644 --- a/src/pattern-library/components/selected-patterns.js +++ b/src/pattern-library/components/selected-patterns.js @@ -10,7 +10,7 @@ import { useLibrary } from './library-provider'; import { InsertPattern } from './insert-pattern'; import { isEmptyContentBlock, updateUniqueIds } from '../utils'; -export function SelectedPatterns( { closeModal, globalStyleData, setBulkInsertEnabled } ) { +export function SelectedPatterns( { closeModal, globalStyleData, setBulkInsertEnabled, filteredPatterns } ) { const { insertBlocks, replaceBlock } = useDispatch( blockEditorStore ); const { selectedPatterns = [], @@ -49,6 +49,7 @@ export function SelectedPatterns( { closeModal, globalStyleData, setBulkInsertEn icon={ seen } label={ __( 'Preview Pattern', 'generateblocks' ) } showTooltip + disabled={ ! filteredPatterns.find( ( { id } ) => id === pattern.id ) } onClick={ () => { setActivePatternId( pattern.id ); const patternContent = ref.current.closest( '.gb-pattern-library__content' ); From ccbce52940438254bad0d3f95dd90b1c4ddf3c3f Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Wed, 8 May 2024 08:48:18 -0600 Subject: [PATCH 07/10] Fix: Headline editor margin when set to `div` --- src/blocks/headline/editor.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/blocks/headline/editor.scss b/src/blocks/headline/editor.scss index 16a9e6ba6..83dec348e 100644 --- a/src/blocks/headline/editor.scss +++ b/src/blocks/headline/editor.scss @@ -9,6 +9,11 @@ display: inline-block; } } + + :where(div.gb-headline) { + margin-top: 0; + margin-bottom: 0; + } } .gb-image-replace-url { From b5f2f6f9adab9775810edfb049c421ac0669f3ad Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 13 May 2024 20:43:10 +0000 Subject: [PATCH 08/10] Update dist files --- dist/pattern-library.asset.php | 2 +- dist/pattern-library.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/pattern-library.asset.php b/dist/pattern-library.asset.php index f49ccfd7c..9d790f689 100644 --- a/dist/pattern-library.asset.php +++ b/dist/pattern-library.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => 'eb13096ab00a9043eeda'); + array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => 'e4be361b6b75918d153c'); diff --git a/dist/pattern-library.js b/dist/pattern-library.js index 6522e96fb..1cb709d12 100644 --- a/dist/pattern-library.js +++ b/dist/pattern-library.js @@ -1,2 +1,2 @@ -!function(){var e={184:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{setTimeout((()=>{this.progress(e,t,n)}))};this.images.forEach((function(t){t.once("progress",e),t.check()}))},a.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emitEvent("progress",[this,e,t]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,e),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&r&&r.log(`progress: ${n}`,e,t)},a.prototype.complete=function(){let e=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(e,[this]),this.emitEvent("always",[this]),this.jqDeferred){let e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},s.prototype=Object.create(t.prototype),s.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},s.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},s.prototype.confirm=function(e,t){this.isLoaded=e;let{parentNode:n}=this.img,r="PICTURE"===n.nodeName?n:this.img;this.emitEvent("progress",[this,r,t])},s.prototype.handleEvent=function(e){let t="on"+e.type;this[t]&&this[t](e)},s.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},s.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},s.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype=Object.create(s.prototype),l.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},l.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype.confirm=function(e,t){this.isLoaded=e,this.emitEvent("progress",[this,this.element,t])},a.makeJQueryPlugin=function(t){(t=t||e.jQuery)&&(n=t,n.fn.imagesLoaded=function(e,t){return new a(this,e,t).jqDeferred.promise(n(this))})},a.makeJQueryPlugin(),a}))}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e=window.React,t=n.n(e),r=window.wp.components,a=window.wp.element,o=window.wp.i18n,i=window.wp.apiFetch,s=n.n(i),l=window.wp.url;const c=(0,a.createContext)(void 0);async function d(e=!0){return await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/libraries",{is_enabled:e}),method:"GET"})}function u({children:t}){const[n,r]=(0,a.useState)([]),[o,i]=(0,a.useState)([]),[u,g]=(0,a.useState)([]),[h,p]=(0,a.useState)(""),[f,m]=(0,a.useState)(""),[v,b]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[E,x]=(0,a.useState)(""),[C,k]=(0,a.useState)(""),[S,D]=(0,a.useState)(""),[I,R]=(0,a.useState)(!1),[L,_]=(0,a.useState)("100%"),[M,N]=(0,a.useState)(15),[P,B]=(0,a.useState)(0),[T,A]=(0,a.useReducer)((function(e,t){switch(t.type){case"ADD":return[...e,t.pattern];case"REMOVE":return e.filter((e=>e.id!==t.pattern.id));case"SET":return t.patterns;default:return e}}),[]),O={libraries:n,search:h,setSearch:p,activeLibrary:f,setActiveLibrary:m,activeCategory:E,setActiveCategory:x,activePatternId:C,setActivePatternId:k,selectedPatterns:T,selectedPatternsDispatch:A,categories:o,hoverPattern:S,setHoverPattern:D,patterns:u,isLocal:y,setIsLocal:w,setPublicKey:b,loading:I,setLoading:R,previewIframeWidth:L,setPreviewIframeWidth:_,setLibraryCategories:z,setLibraryPatterns:H,setLibraries:V,itemsPerPage:15,itemCount:M,setItemCount:N,scrollPosition:P,setScrollPosition:B};async function z(){var e,t;const{data:n}=await async function(e,t,n){const r=t?"-pro":"";try{var a;const o=await s()({path:(0,l.addQueryArgs)(`/generateblocks${r}/v1/pattern-library/categories`,{libraryId:e,isLocal:t}),method:"GET",headers:{"X-GB-Public-Key":n}});return null!==(a=o?.response)&&void 0!==a?a:[]}catch(e){return[]}}(f?.id,y,v),r=new Set(u.flatMap((e=>e.categories))),a=n.filter((e=>r.has(e.id)));i(null!=a?a:[]);const o=null!==(e=a.find((e=>generateBlocksPatternLibrary.defaultOpenCategory===e.name)))&&void 0!==e?e:"";x(null!==(t=o?.id)&&void 0!==t?t:"")}async function H(){R(!0),g([]);const{data:e}=await async function(e,t,n,r,a){const o=r?"-pro":"";try{var i;const t=await s()({path:(0,l.addQueryArgs)(`/generateblocks${o}/v1/pattern-library/patterns`,{libraryId:e,categoryId:"",search:"",isLocal:r}),method:"GET",headers:{"X-GB-Public-Key":a}});return null!==(i=t?.response)&&void 0!==i?i:[]}catch(e){return[]}}(f?.id,0,0,y,v);g(null!=e?e:[]),N(15),B(0),R(!1)}async function V(){var e,t,n,a;const{data:o}=await d();r(null!=o?o:[]);const i=null!==(e=null!==(t=o.find((e=>generateBlocksPatternLibrary.defaultOpenLibrary===e.id)))&&void 0!==t?t:o[0])&&void 0!==e?e:{};m(null!=i&&i),b(null!==(n=i?.publicKey)&&void 0!==n?n:""),w(null!==(a=i?.isLocal)&&void 0!==a&&a)}return(0,a.useEffect)((()=>{!async function(){V()}()}),[]),(0,a.useEffect)((()=>{f.id?z():i([])}),[f?.id,u]),(0,a.useEffect)((()=>{f.id?H():g([])}),[f?.id,v]),(0,e.createElement)(c.Provider,{value:O},t)}function g(){const e=(0,a.useContext)(c);if(!e)throw new Error((0,o.__)("useLibrary hook must be wrapped by a LibraryProvider.","generateblocks"));return e}var h=window.wp.primitives,p=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),f=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})),m=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),v=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}));function b({bulkInsertEnabled:t}){const{categories:n,activeCategory:a,setActiveCategory:i}=g();return(0,e.createElement)("div",{className:"pattern-category-list",style:{background:t?"none":""}},t?(0,e.createElement)(r.DropdownMenu,{className:"pattern-category-dropdown",icon:m,toggleProps:{variant:"secondary",children:(0,o.sprintf)(/* translators: %s: category name */ -(0,o.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,o.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{i(""),t()}},(0,o.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{i(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>i("")},(0,o.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>i(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,o.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:i}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,o.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:i})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:o,setPublicKey:i,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),o(!!t.isLocal),i(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:o=!1,globalStyleCSS:i}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!1),[x,C]=(0,a.useState)(0),[k,D]=(0,a.useState)(!1),{previewIframeWidth:I}=g(),R=x,L=1280,_=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{D(!0),clearTimeout(e),e=setTimeout((()=>{D(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!k&&C(h.current?.clientWidth)}),[h.current?.clientWidth,k]),(0,a.useEffect)((()=>{if(!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=i;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),E(!0)}))}),[m]),(0,a.useEffect)((()=>{if(!_)return;const e=getComputedStyle(_);e&&y({background:e.backgroundColor,text:e.color})}),[_?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!o)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[I]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[x,m]);const M=Math.round(p*(R/L)),N={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:M+40<350?"center":""},P=["allow-same-origin"];return o&&P.push("allow-scripts"),(0,e.createElement)("div",{className:"gb-pattern-frame",style:o?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:o?{minHeight:"200px"}:N},!w&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:o?{}:{width:`${R}px`,height:`${M}px`}},(0,e.createElement)("div",{style:o?{}:{height:p+"px",width:L/R*100+"%",transformOrigin:"0 0",transform:`scale( ${R/L} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}o&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:o?"":"none",width:o?I:"1280px",opacity:w?1:0,display:o&&"100%"!==I?"block":"",margin:o&&"100%"!==I?"0 auto":""},tabIndex:"-1",loading:"lazy",sandbox:P.join(" ")})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,_=window.wp.blocks,M=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:i,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:o,className:i,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:i=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,M.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,o.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,_.parse)(t.pattern));var o,i;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),d()},patterns:[t],globalStyleData:c}),i&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:i,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,o.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,o.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,o.__)("Deselect this pattern","generateblocks"):(0,o.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:i}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n,activeLibrary:o}=g(),[i,s]=(0,a.useState)(""),l=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{l(i)}),[i]),(0,a.useEffect)((()=>{s("")}),[o?.id]),(0,e.createElement)(r.SearchControl,{value:i,onChange:e=>{t(e),s(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function oe(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const ie=oe(1),se=oe(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:o,screenReaderInstructions:i=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:o,value:i.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const _e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);o.push({id:t,data:{droppableContainer:e,value:n}})}}return o.sort(Se)};function Me(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),i=a-r,s=o-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,o=n.get(r);if(o){const n=Me(o,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:o,x:i,y:s}=r,l=e.left-i-(1-a)*parseFloat(n),c=e.top-s-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=o?e.height/o:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:o,height:i,bottom:s,right:l}=n;return{top:r,left:a,width:o,height:i,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const o=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,o)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,o)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:o,left:i,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&o<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-o)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&i<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-i)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>ie(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const o of t)Object.defineProperty(this,o,{get:()=>{const t=a(n),i=r[e]-t;return this.rect[o]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function ot(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const it={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:o}=t(e);Ve(e)&&(a<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=it,coordinateGetter:o=st,scrollBehavior:i="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=o(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:o,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!o;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,o=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(o&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=o?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,o=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(o&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=o?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,ie(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=it,onActivation:a}=t,{active:o}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=o.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:o}=a;this.props=e,this.events=t,this.document=$(o),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(o)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,ot,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:o,options:{activationConstraint:i}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&i){if(ct(i)){if(null!=i.tolerance&&tt(l,i.tolerance))return this.handleCancel();if(tt(l,i.distance))return this.handleStart()}return dt(i)&&tt(l,i.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),o(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,o]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const o=n(t);return JSON.stringify(e)===JSON.stringify(o)?e:o}),null),i=function(t){let{callback:n,disabled:r}=t;const a=Q(n),o=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==o?void 0:o.disconnect()),[o]),o}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){o();break}}}}),s=kt({callback:o});return J((()=>{o(),t?(null==s||s.observe(t),null==i||i.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==i||i.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const _t=[];const Mt=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Bt(e.droppable.containers);return i.set(n,{...o,disabled:a}),{...e,droppable:{...e.droppable,containers:i}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const o=new Bt(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:o}=(0,e.useContext)(Ot),i=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&i&&null!=s){if(!le(i))return;if(document.activeElement===i.target)return;const e=o.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,o,s,i]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,o,i;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=Mt,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),_=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),M=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:o}=n;const[i,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=o,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=i){const e=new Map;for(let n of t){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,i,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{i&&i.length>0&&s(null)}),[JSON.stringify(i)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=i}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:o=!0}=t;const i=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof o?{x:o,y:o}:o;J((()=>{if(!s&&!l||!n)return void(i.current=!1);if(i.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),i.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),oe=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),o=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),i=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==o||o.disconnect(),t&&(null==o||o.observe(t)),a(t?n(t):null)}),[n,o]),[s,l]=te(i);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(o=de.rect)?o:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[o,i]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):_t}),_t),s=kt({callback:i});return t.length>0&&o===_t&&i(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),i())}),[t]),o}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:_,activeNodeRect:re,containerNodeRect:oe,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?ie(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),o=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const i=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(i.length?new Map(i):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",o)}))}}),[o,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>ie(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=ie(xe,De),_e=ge?Te(ge,xe):null,Me=_&&_e?g({active:_,collisionRect:_e,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(Me,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:ie(xe,Ie),null!=(i=null==Ae?void 0:Ae.rect)?i:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const a=S.get(M.current);if(!a)return;const o=e.nativeEvent,i=new n({active:M.current,activeNode:a,event:o,options:r,context:se,onStart(e){const t=M.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let i=null;if(t&&a){const{cancelDrop:s}=A.current;i={activatorEvent:o,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(i))&&(e=we.DragCancel)}M.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=A.current[t];null==e||e(i),y({type:t,event:i})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(i),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,o=S.get(r);if(null!==M.current||!o||a.dndKit||a.defaultPrevented)return;const i={active:o};!0===e(n,t.options,i)&&(a.dndKit={capturedBy:t.sensor},M.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const o={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(o),y({type:"onDragMove",event:o})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==M.current||!t||!a)return;const{onDragOver:o}=A.current,i=r.get(Be),s=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==o||o(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:_,activeNode:U,collisionRect:_e,collisions:Me,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:_e}}),[_,U,Me,_e,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:o,enabled:i,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),o=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===o,[qe.Forward]:e.y[qe.Forward]||1===o}}}),[n,t,r])}({delta:g,disabled:!i}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return o}}),[r,o,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(i&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:o,speed:i}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return m(),w.current=e,f(E,s),v.current=i,void(b.current=o)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,i,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:_e,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:_,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:Me,containerNodeRect:oe,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[_,U,re,B,Me,oe,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:_,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,_,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const o=$t(t,r,n),i=t[a],s=o[a];return s&&i?{x:s.left-i.left,y:s.top-i.top,scaleX:s.width/i.width,scaleY:s.height/i.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:o,overIndex:i}=e;const s=null!=(t=o[n])?t:r;if(!s)return null;if(a===n){const e=o[i];return e?{x:0,y:nn&&a<=i?{x:0,y:-s.height-l,...en}:a=i?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:o,strategy:i=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>o.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[o]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:i})),[v,h,x.draggable,x.droppable,E,f,b,d,p,i]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:o,newIndex:i,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==o&&a===i||!n&&(i===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:o,getNewIndex:i=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...o})),[g,o,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:o}=t;const i=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...o},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:i,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:i,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:i,disabled:r}),u.current.disabled=r)}),[a,i,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:_,attributes:M,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:o}=t;const i=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=o?o:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:i,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===i&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:_,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?i({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:o}=t;const[i,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=o.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,o]),(0,e.useEffect)((()=>{i&&s(null)}),[i]),i}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:M,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:i,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];o.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const o=a.get(n.id);if(o)switch(e.code){case rt.Down:r.topo.top&&t.push(n);break;case rt.Left:r.left>o.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),o=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),i=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((i/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:s}})}}return o.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==i?void 0:i.id)&&d.length>1&&(u=d[1].id),null!=u){const e=o.get(n.id),t=o.get(u),i=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&i&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),o=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:i=(0,o.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:i,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:i,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,o.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:_e,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=i.findIndex((e=>e.id===n.id)),t=i.findIndex((e=>e.id===r.id));s($t(i,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:i,strategy:tn},i.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:i}){const{insertBlocks:s,replaceBlock:l}=(0,R.useDispatch)(L.store),{selectedPatterns:c=[],selectedPatternsDispatch:d,setActivePatternId:u,setScrollPosition:h}=g(),{getBlockInsertionPoint:p,getSelectedBlock:f}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:m}=(0,R.useDispatch)(L.store),v=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,o.__)("Bulk Insert","generateblocks")),!c.length&&(0,e.createElement)("p",null,(0,o.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:c,dragHandleLabel:(0,o.__)("Reorder Pattern","generateblocks"),setItems:e=>{d({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(v,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,o.__)("Remove Pattern","generateblocks"),onClick:()=>{d({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,o.__)("Preview Pattern","generateblocks"),showTooltip:!0,onClick:()=>{u(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,o.__)("Insert All","generateblocks"),patterns:c,globalStyleData:n,disabled:!c.length,onClick:async()=>{const e=c.reduce(((e,t)=>e+t.pattern),""),n=p(),r=P((0,_.parse)(e)),a=f();var o,i;r.forEach((e=>{e.attributes&&e.clientId&&m(e.clientId,e.attributes)})),B(a)?await l(a.clientId,r):await s(r,null!==(o=n?.index)&&void 0!==o?o:0,null!==(i=n.rootClientId)&&void 0!==i?i:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>i(!1),isDestructive:!0},(0,o.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:i,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:i,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,o.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,o.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,o.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:i,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:i.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){i?.id&&f()}()}),[i?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,o.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:i?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:i}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},i?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!i&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s(o?.response?.data.length)},icon:Mn,label:(0,o.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,o.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const o=await Pn(e);o.success&&o?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[i,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=i.filter((e=>e.isDefault)),c=i.filter((e=>e.isLocal)),u=i.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,o.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,o.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,o.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:i,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:i,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:_}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,o.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{i(""),l(c)}},(0,o.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:M,cacheIsClearing:_}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,o.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d,n=v?.id||"";return On[n]&&On[n][t]||(On[n]=On[n]||{},On[n][t]=On[n][t]||{}),!!On[n][t][e]&&On[n][t][e]}(e);if(n)return void S(n);const r=B(e),a=v?.id;a&&(On[a][t][e]=r),S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,o.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[i,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,o.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:i},(0,o.__)("Open Pattern Library","generateblocks"))),t,!!i&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file +!function(){var e={184:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{setTimeout((()=>{this.progress(e,t,n)}))};this.images.forEach((function(t){t.once("progress",e),t.check()}))},a.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emitEvent("progress",[this,e,t]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,e),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&r&&r.log(`progress: ${n}`,e,t)},a.prototype.complete=function(){let e=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(e,[this]),this.emitEvent("always",[this]),this.jqDeferred){let e=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[e](this)}},s.prototype=Object.create(t.prototype),s.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},s.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},s.prototype.confirm=function(e,t){this.isLoaded=e;let{parentNode:n}=this.img,r="PICTURE"===n.nodeName?n:this.img;this.emitEvent("progress",[this,r,t])},s.prototype.handleEvent=function(e){let t="on"+e.type;this[t]&&this[t](e)},s.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},s.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},s.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype=Object.create(s.prototype),l.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},l.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},l.prototype.confirm=function(e,t){this.isLoaded=e,this.emitEvent("progress",[this,this.element,t])},a.makeJQueryPlugin=function(t){(t=t||e.jQuery)&&(n=t,n.fn.imagesLoaded=function(e,t){return new a(this,e,t).jqDeferred.promise(n(this))})},a.makeJQueryPlugin(),a}))}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e=window.React,t=n.n(e),r=window.wp.components,a=window.wp.element,i=window.wp.i18n,o=window.wp.apiFetch,s=n.n(o),l=window.wp.url;const c=(0,a.createContext)(void 0);async function d(e=!0){return await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/libraries",{is_enabled:e}),method:"GET"})}function u({children:t}){const[n,r]=(0,a.useState)([]),[i,o]=(0,a.useState)([]),[u,g]=(0,a.useState)([]),[h,p]=(0,a.useState)(""),[f,m]=(0,a.useState)(""),[v,b]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[E,x]=(0,a.useState)(""),[C,k]=(0,a.useState)(""),[S,D]=(0,a.useState)(""),[I,R]=(0,a.useState)(!1),[L,_]=(0,a.useState)("100%"),[M,N]=(0,a.useState)(15),[P,B]=(0,a.useState)(0),[T,A]=(0,a.useReducer)((function(e,t){switch(t.type){case"ADD":return[...e,t.pattern];case"REMOVE":return e.filter((e=>e.id!==t.pattern.id));case"SET":return t.patterns;default:return e}}),[]),O={libraries:n,search:h,setSearch:p,activeLibrary:f,setActiveLibrary:m,activeCategory:E,setActiveCategory:x,activePatternId:C,setActivePatternId:k,selectedPatterns:T,selectedPatternsDispatch:A,categories:i,hoverPattern:S,setHoverPattern:D,patterns:u,isLocal:y,setIsLocal:w,setPublicKey:b,loading:I,setLoading:R,previewIframeWidth:L,setPreviewIframeWidth:_,setLibraryCategories:z,setLibraryPatterns:H,setLibraries:V,itemsPerPage:15,itemCount:M,setItemCount:N,scrollPosition:P,setScrollPosition:B};async function z(){var e,t;const{data:n}=await async function(e,t,n){const r=t?"-pro":"";try{var a;const i=await s()({path:(0,l.addQueryArgs)(`/generateblocks${r}/v1/pattern-library/categories`,{libraryId:e,isLocal:t}),method:"GET",headers:{"X-GB-Public-Key":n}});return null!==(a=i?.response)&&void 0!==a?a:[]}catch(e){return[]}}(f?.id,y,v),r=new Set(u.flatMap((e=>e.categories))),a=n.filter((e=>r.has(e.id)));o(null!=a?a:[]);const i=null!==(e=a.find((e=>generateBlocksPatternLibrary.defaultOpenCategory===e.name)))&&void 0!==e?e:"";x(null!==(t=i?.id)&&void 0!==t?t:"")}async function H(){R(!0),g([]);const{data:e}=await async function(e,t,n,r,a){const i=r?"-pro":"";try{var o;const t=await s()({path:(0,l.addQueryArgs)(`/generateblocks${i}/v1/pattern-library/patterns`,{libraryId:e,categoryId:"",search:"",isLocal:r}),method:"GET",headers:{"X-GB-Public-Key":a}});return null!==(o=t?.response)&&void 0!==o?o:[]}catch(e){return[]}}(f?.id,0,0,y,v);g(null!=e?e:[]),N(15),B(0),R(!1)}async function V(){var e,t,n,a;const{data:i}=await d();r(null!=i?i:[]);const o=null!==(e=null!==(t=i.find((e=>generateBlocksPatternLibrary.defaultOpenLibrary===e.id)))&&void 0!==t?t:i[0])&&void 0!==e?e:{};m(null!=o&&o),b(null!==(n=o?.publicKey)&&void 0!==n?n:""),w(null!==(a=o?.isLocal)&&void 0!==a&&a)}return(0,a.useEffect)((()=>{!async function(){V()}()}),[]),(0,a.useEffect)((()=>{f.id?z():o([])}),[f?.id,u]),(0,a.useEffect)((()=>{f.id?H():g([])}),[f?.id,v]),(0,e.createElement)(c.Provider,{value:O},t)}function g(){const e=(0,a.useContext)(c);if(!e)throw new Error((0,i.__)("useLibrary hook must be wrapped by a LibraryProvider.","generateblocks"));return e}var h=window.wp.primitives,p=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),f=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})),m=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),v=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}));function b({bulkInsertEnabled:t}){const{categories:n,activeCategory:a,setActiveCategory:o}=g();return(0,e.createElement)("div",{className:"pattern-category-list",style:{background:t?"none":""}},t?(0,e.createElement)(r.DropdownMenu,{className:"pattern-category-dropdown",icon:m,toggleProps:{variant:"secondary",children:(0,i.sprintf)(/* translators: %s: category name */ +(0,i.__)("Category: %s","generateblocks"),(e=>{const t=n.find((t=>t.id===e));return t?t.name:null})(a)||(0,i.__)("All","generateblocks"))}},(({onClose:t})=>(0,e.createElement)(r.MenuGroup,null,(0,e.createElement)(r.MenuItem,{isPressed:""===a,onClick:()=>{o(""),t()}},(0,i.__)("All","generateblocks")),n&&n.map((n=>(0,e.createElement)(r.MenuItem,{key:n.id,icon:n.id===a?v:null,onClick:()=>{o(n.id),t()}},n.name)))))):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{id:"pattern-category-all",isPressed:""===a,onClick:()=>o("")},(0,i.__)("All","generateblocks")),n&&n.map((t=>(0,e.createElement)(r.Button,{id:`pattern-category-${t.id}`,key:t.id,isPressed:t.id===a,onClick:()=>o(t.id)},t.name)))))}var y=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),w=window.wp.hooks;function E({setShowAddLibrary:t,setLibraries:n}){const r=(0,e.createElement)(e.Fragment,null,(0,e.createElement)("p",null,(0,i.__)("This feature requires GenerateBlocks Pro.","generateblocks")));return(0,w.applyFilters)("generateblocks.patternLibrary.addLibraryContent",r,{setShowAddLibrary:t,setLibraries:n})}function x(){const[t,n]=(0,a.useState)(!1),{setLibraries:o}=g();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"secondary",icon:y,onClick:()=>n(!0),label:(0,i.__)("Add Library","generateblocks")}),!!t&&(0,e.createElement)(r.Modal,{title:(0,i.__)("Add Library","generateblocks"),onRequestClose:()=>n(!1),className:"gblocks-patterns-add-library"},(0,e.createElement)(E,{setShowAddLibrary:n,setLibraries:o})))}function C(){const{libraries:t,activeLibrary:n,setActiveLibrary:a,setIsLocal:i,setPublicKey:o,setActiveCategory:s,loading:l}=g();return(0,e.createElement)("div",{className:"pattern-library-selector"},(0,e.createElement)(r.ButtonGroup,null,t.map((t=>(0,e.createElement)(r.Button,{key:t.id,isPressed:t.id===n.id,variant:"secondary",onClick:()=>{a(t),i(!!t.isLocal),o(t.publicKey),s("")},style:{pointerEvents:l?"none":""}},t.name))),(0,e.createElement)(x,null)))}var k=n(564),S=n.n(k);function D({pattern:t,isLoading:n,isActive:i=!1,globalStyleCSS:o}){const{id:s,preview:l,label:c,scripts:d=[]}=t,u=(0,a.useRef)(),h=(0,a.useRef)(),[p,f]=(0,a.useState)(0),[m,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)({}),[w,E]=(0,a.useState)(!1),[x,C]=(0,a.useState)(0),[k,D]=(0,a.useState)(!1),{previewIframeWidth:I}=g(),R=x,L=1280,_=document?.querySelector(".editor-styles-wrapper");(0,a.useEffect)((()=>{let e;const t=()=>{D(!0),clearTimeout(e),e=setTimeout((()=>{D(!1)}),500)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[]),(0,a.useEffect)((()=>{h.current?.clientWidth&&!k&&C(h.current?.clientWidth)}),[h.current?.clientWidth,k]),(0,a.useEffect)((()=>{if(!m)return;const e=u.current.contentWindow.document;d.forEach((t=>{const n=e.createElement("script");n.defer=!0,n.src=t,e.head.appendChild(n)})),e.body.innerHTML=l,e.head.innerHTML+='',e.head.innerHTML+='';const t=e.createElement("style");t.innerHTML=o;const n=e.querySelector("head style");e.head.insertBefore(t,n),S()(e.body,(()=>{f(e.body.scrollHeight),E(!0)}))}),[m]),(0,a.useEffect)((()=>{if(!_)return;const e=getComputedStyle(_);e&&y({background:e.backgroundColor,text:e.color})}),[_?.style]),(0,a.useLayoutEffect)((()=>{const e=u.current?.contentWindow?.document;e&&e.querySelector&&e.querySelector("#pattern-styles")&&(e.querySelector("#pattern-styles").innerHTML=`body{background-color:${b?.background};color:${b?.text};}`)}),[b,p]),(0,a.useEffect)((()=>{if(!i)return;const e=u?.current?.contentWindow?.document;S()(e?.body,(()=>{f(e?.body?.scrollHeight)}))}),[I]),(0,a.useEffect)((()=>{const e=u.current.contentWindow.document.body;if(!e)return;const t=Array.from(e.querySelectorAll("*")),n=t?.find((e=>{const{display:t}=getComputedStyle(e);return"none"!==t}));if(n){const t=n.parentElement.clientWidth;n.offsetWidth===t||(e.style.padding="100px",n.style.marginLeft="auto",n.style.marginRight="auto")}}),[x,m]);const M=Math.round(p*(R/L)),N={opacity:n?0:1,height:"350px",display:"flex",flexDirection:"column",justifyContent:M+40<350?"center":""},P=["allow-same-origin"];return i&&P.push("allow-scripts"),(0,e.createElement)("div",{className:"gb-pattern-frame",style:i?{backgroundColor:"none",padding:0}:{}},(0,e.createElement)("div",{ref:h,className:"gb-pattern",style:i?{minHeight:"200px"}:N},!w&&(0,e.createElement)(r.Spinner,null),(0,e.createElement)("div",{style:i?{}:{width:`${R}px`,height:`${M}px`}},(0,e.createElement)("div",{style:i?{}:{height:p+"px",width:L/R*100+"%",transformOrigin:"0 0",transform:`scale( ${R/L} )`}},(0,e.createElement)("iframe",{id:s,onLoad:()=>{v(!0);const e=u.current.contentDocument||u.current.contentWindow.document;e.addEventListener("click",(t=>{const n=t.target;if("A"===n.tagName){const e=n.getAttribute("href");e&&!e.startsWith("#")&&(t.preventDefault(),t.stopPropagation())}i&&f(e.body.scrollHeight)}))},title:c,src:generateBlocksPatternLibrary.patternPreviewUrl,ref:u,style:{height:p+"px",border:"0",pointerEvents:i?"":"none",width:i?I:"1280px",opacity:w?1:0,display:i&&"100%"!==I?"block":"",margin:i&&"100%"!==I?"0 auto":""},tabIndex:"-1",loading:"lazy",sandbox:P.join(" ")})))))}var I=(0,e.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)(h.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})),R=window.wp.data,L=window.wp.blockEditor,_=window.wp.blocks,M=window.wp.htmlEntities;function N({label:t,onClick:n,patterns:a,globalStyleData:i,className:o,disabled:s}){return(0,w.applyFilters)("generateblocks.patterns.insertPatternButton",(0,e.createElement)(r.Button,{className:o,variant:"primary",icon:y,onClick:n,disabled:s},t),{label:t,onClick:n,patterns:a,globalStyleData:i,className:o,disabled:s})}function P(e){return e.map((e=>{if(e.attributes&&e.attributes.uniqueId){const t=e.clientId.substr(2,9).replace("-","");e.attributes.uniqueId=t}return e.innerBlocks&&e.innerBlocks.length>0&&(e.innerBlocks=P(e.innerBlocks)),e}))}function B(e){if("core/paragraph"===e?.name){const t=e?.attributes?.content;if("string"==typeof t)return!t.trim();if("object"==typeof t)return!t?.text.trim()}return!1}function T({pattern:t,patternRef:n=null,children:a,showPreview:o=!0,bulkInsertEnabled:s,showTitle:l=!0,globalStyleData:c,closeModal:d}){const{setActivePatternId:u,setScrollPosition:h}=g(),{insertBlocks:p,replaceBlock:f}=(0,R.useDispatch)(L.store),{getBlockInsertionPoint:m,getSelectedBlock:v}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:b}=(0,R.useDispatch)(L.store);return(0,e.createElement)("div",{className:"gb-pattern-details"},!!l&&(0,e.createElement)("h3",null,(0,M.decodeEntities)(t.label)),(0,e.createElement)("div",{className:"gb-pattern-details__actions"},!s&&(0,e.createElement)(N,{label:(0,i.__)("Insert","generateblocks"),onClick:async e=>{e.stopPropagation();const n=m(),r=v(),a=P((0,_.parse)(t.pattern));var i,o;a.forEach((e=>{e.attributes&&e.clientId&&b(e.clientId,e.attributes)})),B(r)?await f(r.clientId,a):await p(a,null!==(i=n?.index)&&void 0!==i?i:0,null!==(o=n.rootClientId)&&void 0!==o?o:""),d()},patterns:[t],globalStyleData:c}),o&&!s&&(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,i.__)("Preview","generateblocks"),showTooltip:!0,onClick:e=>{if(e.stopPropagation(),u(t.id),n){const e=n.current.closest(".gb-pattern-library__content");e&&h(e.scrollTop)}}}),a))}var A=n(184),O=n.n(A);function z({bulkInsertEnabled:t=!1,patterns:n=[],closeModal:o,globalStyleCSS:s,globalStyleData:l}){const c=(0,a.useRef)(),d=(0,a.useRef)(),{activePatternId:u,loading:h,itemsPerPage:p,itemCount:f,setItemCount:m,scrollPosition:v,selectedPatterns:b,selectedPatternsDispatch:y}=g(),w=(0,a.useMemo)((()=>n.filter((e=>e.id===u))[0]||void 0),[u]),E=h?{opacity:0}:{},[x,C]=(0,a.useState)([]),[k,S]=(0,a.useState)(!1);(0,a.useEffect)((()=>{C(n.slice(0,f))}),[f,n]),(0,a.useEffect)((()=>{const e=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&S(!0)}))}),{root:null,rootMargin:"0px",threshold:.01});return d.current&&e.observe(d.current),()=>{e&&e.disconnect()}}),[]),(0,a.useEffect)((()=>{k&&(w||m(f+p),S(!1))}),[k]),(0,a.useEffect)((()=>{if(c.current&&!w){const e=c.current.closest(".gb-pattern-library__content");e&&(e.scrollTop=v)}}),[v,w]);const I=(0,a.memo)(T);return(0,e.createElement)(e.Fragment,null,h&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,e.createElement)(r.Spinner,null),(0,i.__)("Loading library","generateblocks")),!h&&!n.length&&!u&&(0,e.createElement)("div",{className:"loading-library"},(0,i.__)("No patterns found.","generateblocks")),!!w&&(0,e.createElement)(D,{isLoading:h,isActive:!0,pattern:w,globalStyleCSS:s}),(0,e.createElement)("ul",{ref:c,className:O()("patterns-wrapper",t&&"gb-bulk-insert"),style:{...E,display:w?"none":""}},x.map((n=>{var a;const d=null!==(a=b.some((({id:e})=>e===n.id)))&&void 0!==a&&a;return(0,e.createElement)("li",{key:n.id,className:O()("gb-pattern-wrapper","gb-selectable",d&&t&&"is-selected")},t&&(0,e.createElement)(r.Button,{className:"gb-selectable__toggle",label:d?(0,i.__)("Deselect this pattern","generateblocks"):(0,i.__)("Select this pattern","generate-blocks"),onClick:e=>{e.stopPropagation(),y({type:d?"REMOVE":"ADD",pattern:n})}}),(t||d)&&(0,e.createElement)(r.Button,{className:"check",onClick:e=>{e.stopPropagation(),y({type:"REMOVE",pattern:n})},onBlur:e=>e.stopPropagation(),tabIndex:"-1"},(0,e.createElement)("span",{className:"media-modal-icon"}),(0,e.createElement)("span",{className:"screen-reader-text"},(0,i.__)("Deselect","generateblocks"))),(0,e.createElement)(D,{isLoading:h,pattern:n,globalStyleCSS:s}),(0,e.createElement)(I,{pattern:n,patternRef:c,bulkInsertEnabled:t,globalStyleData:l,closeModal:o}))}))),(0,e.createElement)("div",{ref:d,style:{marginTop:"10px"},className:"gblocks-patterns-load-more"}))}var H=window.wp.compose;function V({onChange:t}){const{setSearch:n,activeLibrary:i}=g(),[o,s]=(0,a.useState)(""),l=(0,H.useDebounce)(n,500);return(0,a.useEffect)((()=>{l(o)}),[o]),(0,a.useEffect)((()=>{s("")}),[i?.id]),(0,e.createElement)(r.SearchControl,{value:o,onChange:e=>{t(e),s(e)}})}var j=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5 11.25h14v1.5H5z"})),F=window.ReactDOM;const W="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function G(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function q(e){return"nodeType"in e}function K(e){var t,n;return e?G(e)?e:q(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function U(e){const{Document:t}=K(e);return e instanceof t}function X(e){return!G(e)&&e instanceof K(e).HTMLElement}function Y(e){return e instanceof K(e).SVGElement}function $(e){return e?G(e)?e.document:q(e)?U(e)?e:X(e)||Y(e)?e.ownerDocument:document:document:document}const J=W?e.useLayoutEffect:e.useEffect;function Q(t){const n=(0,e.useRef)(t);return J((()=>{n.current=t})),(0,e.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r{r.current!==t&&(r.current=t)}),n),r}function ee(t,n){const r=(0,e.useRef)();return(0,e.useMemo)((()=>{const e=t(r.current);return r.current=e,e}),[...n])}function te(t){const n=Q(t),r=(0,e.useRef)(null),a=(0,e.useCallback)((e=>{e!==r.current&&(null==n||n(e,r.current)),r.current=e}),[]);return[r,a]}function ne(t){const n=(0,e.useRef)();return(0,e.useEffect)((()=>{n.current=t}),[t]),n.current}let re={};function ae(t,n){return(0,e.useMemo)((()=>{if(n)return n;const e=null==re[t]?0:re[t]+1;return re[t]=e,t+"-"+e}),[t,n])}function ie(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a{const r=Object.entries(n);for(const[n,a]of r){const r=t[n];null!=r&&(t[n]=r+e*a)}return t}),{...t})}}const oe=ie(1),se=ie(-1);function le(e){if(!e)return!1;const{KeyboardEvent:t}=K(e.target);return t&&e instanceof t}function ce(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=K(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const de=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[de.Translate.toString(e),de.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ue="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function ge(e){return e.matches(ue)?e:e.querySelector(ue)}const he={display:"none"};function pe(e){let{id:n,value:r}=e;return t().createElement("div",{id:n,style:he},r)}function fe(e){let{id:n,announcement:r,ariaLiveType:a="assertive"}=e;return t().createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":a,"aria-atomic":!0},r)}const me=(0,e.createContext)(null),ve={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},be={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function ye(n){let{announcements:r=be,container:a,hiddenTextDescribedById:i,screenReaderInstructions:o=ve}=n;const{announce:s,announcement:l}=function(){const[t,n]=(0,e.useState)("");return{announce:(0,e.useCallback)((e=>{null!=e&&n(e)}),[]),announcement:t}}(),c=ae("DndLiveRegion"),[d,u]=(0,e.useState)(!1);if((0,e.useEffect)((()=>{u(!0)}),[]),function(t){const n=(0,e.useContext)(me);(0,e.useEffect)((()=>{if(!n)throw new Error("useDndMonitor must be used within a children of ");return n(t)}),[t,n])}((0,e.useMemo)((()=>({onDragStart(e){let{active:t}=e;s(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&s(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;s(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;s(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;s(r.onDragCancel({active:t,over:n}))}})),[s,r])),!d)return null;const g=t().createElement(t().Fragment,null,t().createElement(pe,{id:i,value:o.draggable}),t().createElement(fe,{id:c,announcement:l}));return a?(0,F.createPortal)(g,a):g}var we;function Ee(){}function xe(t,n){return(0,e.useMemo)((()=>({sensor:t,options:null!=n?n:{}})),[t,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(we||(we={}));const Ce=Object.freeze({x:0,y:0});function ke(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Se(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function De(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Ie(e){let{left:t,top:n,height:r,width:a}=e;return[{x:t,y:n},{x:t+a,y:n},{x:t,y:n+r},{x:t+a,y:n+r}]}function Re(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Le(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const _e=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Le(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ke(Le(r),a);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(Se)};function Me(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),a=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),o=a-r,s=i-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=Me(i,t);n>0&&a.push({id:r,data:{droppableContainer:e,value:n}})}}return a.sort(De)};function Pe(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Ce}function Be(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),a=1;a({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const Te=Be(1);const Ae={ignoreTransform:!1};function Oe(e,t){void 0===t&&(t=Ae);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=K(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:a,scaleY:i,x:o,y:s}=r,l=e.left-o-(1-a)*parseFloat(n),c=e.top-s-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=a?e.width/a:e.width,u=i?e.height/i:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,t,r))}const{top:r,left:a,width:i,height:o,bottom:s,right:l}=n;return{top:r,left:a,width:i,height:o,bottom:s,right:l}}function ze(e){return Oe(e,{ignoreTransform:!0})}function He(e,t){const n=[];return e?function r(a){if(null!=t&&n.length>=t)return n;if(!a)return n;if(U(a)&&null!=a.scrollingElement&&!n.includes(a.scrollingElement))return n.push(a.scrollingElement),n;if(!X(a)||Y(a))return n;if(n.includes(a))return n;const i=K(e).getComputedStyle(a);return a!==e&&function(e,t){void 0===t&&(t=K(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(a,i)&&n.push(a),function(e,t){return void 0===t&&(t=K(e).getComputedStyle(e)),"fixed"===t.position}(a,i)?n:r(a.parentNode)}(e):n}function Ve(e){const[t]=He(e,1);return null!=t?t:null}function je(e){return W&&e?G(e)?e:q(e)?U(e)||e===$(e).scrollingElement?window:X(e)?e:null:null:null}function Fe(e){return G(e)?e.scrollX:e.scrollLeft}function We(e){return G(e)?e.scrollY:e.scrollTop}function Ge(e){return{x:Fe(e),y:We(e)}}var qe;function Ke(e){return!(!W||!e)&&e===document.scrollingElement}function Ue(e){const t={x:0,y:0},n=Ke(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(qe||(qe={}));const Xe={x:.2,y:.2};function Ye(e,t,n,r,a){let{top:i,left:o,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===a&&(a=Xe);const{isTop:c,isBottom:d,isLeft:u,isRight:g}=Ue(e),h={x:0,y:0},p={x:0,y:0},f=t.height*a.y,m=t.width*a.x;return!c&&i<=t.top+f?(h.y=qe.Backward,p.y=r*Math.abs((t.top+f-i)/f)):!d&&l>=t.bottom-f&&(h.y=qe.Forward,p.y=r*Math.abs((t.bottom-f-l)/f)),!g&&s>=t.right-m?(h.x=qe.Forward,p.x=r*Math.abs((t.right-m-s)/m)):!u&&o<=t.left+m&&(h.x=qe.Backward,p.x=r*Math.abs((t.left+m-o)/m)),{direction:h,speed:p}}function $e(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:a}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:a,width:e.clientWidth,height:e.clientHeight}}function Je(e){return e.reduce(((e,t)=>oe(e,Ge(t))),Ce)}const Qe=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+Fe(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+We(t)),0)}]];class Ze{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=He(t),r=Je(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,a]of Qe)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=a(n),o=r[e]-t;return this.rect[i]+o},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class et{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function tt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var nt,rt;function at(e){e.preventDefault()}function it(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(nt||(nt={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(rt||(rt={}));const ot={start:[rt.Space,rt.Enter],cancel:[rt.Esc],end:[rt.Space,rt.Enter]},st=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case rt.Right:return{...n,x:n.x+25};case rt.Left:return{...n,x:n.x-25};case rt.Down:return{...n,y:n.y+25};case rt.Up:return{...n,y:n.y-25}}};class lt{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new et($(t)),this.windowListeners=new et(K(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(nt.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=Oe),!e)return;const{top:n,left:r,bottom:a,right:i}=t(e);Ve(e)&&(a<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Ce)}handleKeyDown(e){if(le(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:a=ot,coordinateGetter:i=st,scrollBehavior:o="smooth"}=r,{code:s}=e;if(a.end.includes(s))return void this.handleEnd(e);if(a.cancel.includes(s))return void this.handleCancel(e);const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:Ce;this.referenceCoordinates||(this.referenceCoordinates=c);const d=i(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=se(d,c),r={x:0,y:0},{scrollableAncestors:a}=n.current;for(const n of a){const a=e.code,{isTop:i,isRight:s,isLeft:l,isBottom:c,maxScroll:u,minScroll:g}=Ue(n),h=$e(n),p={x:Math.min(a===rt.Right?h.right-h.width/2:h.right,Math.max(a===rt.Right?h.left:h.left+h.width/2,d.x)),y:Math.min(a===rt.Down?h.bottom-h.height/2:h.bottom,Math.max(a===rt.Down?h.top:h.top+h.height/2,d.y))},f=a===rt.Right&&!s||a===rt.Left&&!l,m=a===rt.Down&&!c||a===rt.Up&&!i;if(f&&p.x!==d.x){const e=n.scrollLeft+t.x,i=a===rt.Right&&e<=u.x||a===rt.Left&&e>=g.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:o});r.x=i?n.scrollLeft-e:a===rt.Right?n.scrollLeft-u.x:n.scrollLeft-g.x,r.x&&n.scrollBy({left:-r.x,behavior:o});break}if(m&&p.y!==d.y){const e=n.scrollTop+t.y,i=a===rt.Down&&e<=u.y||a===rt.Up&&e>=g.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:o});r.y=i?n.scrollTop-e:a===rt.Down?n.scrollTop-u.y:n.scrollTop-g.y,r.y&&n.scrollBy({top:-r.y,behavior:o});break}}this.handleMove(e,oe(se(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ct(e){return Boolean(e&&"distance"in e)}function dt(e){return Boolean(e&&"delay"in e)}lt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=ot,onActivation:a}=t,{active:i}=n;const{code:o}=e.nativeEvent;if(r.start.includes(o)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==a||a({event:e.nativeEvent}),0))}return!1}}];class ut{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=K(e);return e instanceof t?e:$(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:a}=e,{target:i}=a;this.props=e,this.events=t,this.document=$(i),this.documentListeners=new et(this.document),this.listeners=new et(n),this.windowListeners=new et(K(i)),this.initialCoordinates=null!=(r=ce(a))?r:Ce,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(nt.Resize,this.handleCancel),this.windowListeners.add(nt.DragStart,at),this.windowListeners.add(nt.VisibilityChange,this.handleCancel),this.windowListeners.add(nt.ContextMenu,at),this.documentListeners.add(nt.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(dt(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(ct(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(nt.Click,it,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(nt.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:a}=this,{onMove:i,options:{activationConstraint:o}}=a;if(!r)return;const s=null!=(t=ce(e))?t:Ce,l=se(r,s);if(!n&&o){if(ct(o)){if(null!=o.tolerance&&tt(l,o.tolerance))return this.handleCancel();if(tt(l,o.distance))return this.handleStart()}return dt(o)&&tt(l,o.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),i(s)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===rt.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const gt={move:{name:"pointermove"},end:{name:"pointerup"}};class ht extends ut{constructor(e){const{event:t}=e,n=$(t.target);super(e,gt,n)}}ht.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const pt={move:{name:"mousemove"},end:{name:"mouseup"}};var ft;!function(e){e[e.RightClick=2]="RightClick"}(ft||(ft={})),class extends ut{constructor(e){super(e,pt,$(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==ft.RightClick&&(null==r||r({event:n}),!0)}}];const mt={move:{name:"touchmove"},end:{name:"touchend"}};var vt,bt;(class extends ut{constructor(e){super(e,mt)}static setup(){return window.addEventListener(mt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(mt.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:a}=n;return!(a.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(vt||(vt={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(bt||(bt={}));const yt={x:{[qe.Backward]:!1,[qe.Forward]:!1},y:{[qe.Backward]:!1,[qe.Forward]:!1}};var wt,Et;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(wt||(wt={})),function(e){e.Optimized="optimized"}(Et||(Et={}));const xt=new Map;function Ct(e,t){return ee((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function kt(t){let{callback:n,disabled:r}=t;const a=Q(n),i=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(a)}),[r]);return(0,e.useEffect)((()=>()=>null==i?void 0:i.disconnect()),[i]),i}function St(e){return new Ze(Oe(e),e)}function Dt(t,n,r){void 0===n&&(n=St);const[a,i]=(0,e.useReducer)((function(e){if(!t)return null;var a;if(!1===t.isConnected)return null!=(a=null!=e?e:r)?a:null;const i=n(t);return JSON.stringify(e)===JSON.stringify(i)?e:i}),null),o=function(t){let{callback:n,disabled:r}=t;const a=Q(n),i=(0,e.useMemo)((()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(a)}),[a,r]);return(0,e.useEffect)((()=>()=>null==i?void 0:i.disconnect()),[i]),i}({callback(e){if(t)for(const n of e){const{type:e,target:r}=n;if("childList"===e&&r instanceof HTMLElement&&r.contains(t)){i();break}}}}),s=kt({callback:i});return J((()=>{i(),t?(null==s||s.observe(t),null==o||o.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==o||o.disconnect())}),[t]),a}const It=[];function Rt(t,n){void 0===n&&(n=[]);const r=(0,e.useRef)(null);return(0,e.useEffect)((()=>{r.current=null}),n),(0,e.useEffect)((()=>{const e=t!==Ce;e&&!r.current&&(r.current=t),!e&&r.current&&(r.current=null)}),[t]),r.current?se(t,r.current):Ce}function Lt(t){return(0,e.useMemo)((()=>t?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(t):null),[t])}const _t=[];const Mt=[{sensor:ht,options:{}},{sensor:lt,options:{}}],Nt={current:{}},Pt={draggable:{measure:ze},droppable:{measure:ze,strategy:wt.WhileDragging,frequency:Et.Optimized},dragOverlay:{measure:Oe}};class Bt extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Tt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Bt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ee},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:Ee,windowRect:null,measuringScheduled:!1},At={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ee,draggableNodes:new Map,over:null,measureDroppableContainers:Ee},Ot=(0,e.createContext)(At),zt=(0,e.createContext)(Tt);function Ht(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Bt}}}function Vt(e,t){switch(t.type){case we.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case we.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case we.DragEnd:case we.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case we.RegisterDroppable:{const{element:n}=t,{id:r}=n,a=new Bt(e.droppable.containers);return a.set(r,n),{...e,droppable:{...e.droppable,containers:a}}}case we.SetDroppableDisabled:{const{id:n,key:r,disabled:a}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Bt(e.droppable.containers);return o.set(n,{...i,disabled:a}),{...e,droppable:{...e.droppable,containers:o}}}case we.UnregisterDroppable:{const{id:n,key:r}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const i=new Bt(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function jt(t){let{disabled:n}=t;const{active:r,activatorEvent:a,draggableNodes:i}=(0,e.useContext)(Ot),o=ne(a),s=ne(null==r?void 0:r.id);return(0,e.useEffect)((()=>{if(!n&&!a&&o&&null!=s){if(!le(o))return;if(document.activeElement===o.target)return;const e=i.get(s);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=ge(e);if(t){t.focus();break}}}))}}),[a,n,i,s,o]),null}const Ft=(0,e.createContext)({...Ce,scaleX:1,scaleY:1});var Wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Wt||(Wt={}));const Gt=(0,e.memo)((function(n){var r,a,i,o;let{id:s,accessibility:l,autoScroll:c=!0,children:d,sensors:u=Mt,collisionDetection:g=Ne,measuring:h,modifiers:p,...f}=n;const m=(0,e.useReducer)(Vt,void 0,Ht),[v,b]=m,[y,w]=function(){const[t]=(0,e.useState)((()=>new Set)),n=(0,e.useCallback)((e=>(t.add(e),()=>t.delete(e))),[t]);return[(0,e.useCallback)((e=>{let{type:n,event:r}=e;t.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[t]),n]}(),[E,x]=(0,e.useState)(Wt.Uninitialized),C=E===Wt.Initialized,{draggable:{active:k,nodes:S,translate:D},droppable:{containers:I}}=v,R=k?S.get(k):null,L=(0,e.useRef)({initial:null,translated:null}),_=(0,e.useMemo)((()=>{var e;return null!=k?{id:k,data:null!=(e=null==R?void 0:R.data)?e:Nt,rect:L}:null}),[k,R]),M=(0,e.useRef)(null),[N,P]=(0,e.useState)(null),[B,T]=(0,e.useState)(null),A=Z(f,Object.values(f)),O=ae("DndDescribedBy",s),z=(0,e.useMemo)((()=>I.getEnabled()),[I]),H=(V=h,(0,e.useMemo)((()=>({draggable:{...Pt.draggable,...null==V?void 0:V.draggable},droppable:{...Pt.droppable,...null==V?void 0:V.droppable},dragOverlay:{...Pt.dragOverlay,...null==V?void 0:V.dragOverlay}})),[null==V?void 0:V.draggable,null==V?void 0:V.droppable,null==V?void 0:V.dragOverlay]));var V;const{droppableRects:j,measureDroppableContainers:G,measuringScheduled:q}=function(t,n){let{dragging:r,dependencies:a,config:i}=n;const[o,s]=(0,e.useState)(null),{frequency:l,measure:c,strategy:d}=i,u=(0,e.useRef)(t),g=function(){switch(d){case wt.Always:return!1;case wt.BeforeDragging:return r;default:return!r}}(),h=Z(g),p=(0,e.useCallback)((function(e){void 0===e&&(e=[]),h.current||s((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[h]),f=(0,e.useRef)(null),m=ee((e=>{if(g&&!r)return xt;if(!e||e===xt||u.current!==t||null!=o){const e=new Map;for(let n of t){if(!n)continue;if(o&&o.length>0&&!o.includes(n.id)&&n.rect.current){e.set(n.id,n.rect.current);continue}const t=n.node.current,r=t?new Ze(c(t),t):null;n.rect.current=r,r&&e.set(n.id,r)}return e}return e}),[t,o,r,g,c]);return(0,e.useEffect)((()=>{u.current=t}),[t]),(0,e.useEffect)((()=>{g||p()}),[r,g]),(0,e.useEffect)((()=>{o&&o.length>0&&s(null)}),[JSON.stringify(o)]),(0,e.useEffect)((()=>{g||"number"!=typeof l||null!==f.current||(f.current=setTimeout((()=>{p(),f.current=null}),l))}),[l,g,p,...a]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:null!=o}}(z,{dragging:C,dependencies:[D.x,D.y],config:H.droppable}),U=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return ee((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(S,k),Y=(0,e.useMemo)((()=>B?ce(B):null),[B]),$=function(){const e=!1===(null==N?void 0:N.autoScrollEnabled),t="object"==typeof c?!1===c.enabled:!1===c,n=C&&!e&&!t;return"object"==typeof c?{...c,enabled:n}:{enabled:n}}(),Q=function(e,t){return Ct(e,t)}(U,H.draggable.measure);!function(t){let{activeNode:n,measure:r,initialRect:a,config:i=!0}=t;const o=(0,e.useRef)(!1),{x:s,y:l}="boolean"==typeof i?{x:i,y:i}:i;J((()=>{if(!s&&!l||!n)return void(o.current=!1);if(o.current||!a)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=Pe(r(e),a);if(s||(t.x=0),l||(t.y=0),o.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=Ve(e);n&&n.scrollBy({top:t.y,left:t.x})}}),[n,s,l,a,r])}({activeNode:k?S.get(k):null,config:$.layoutShiftCompensation,initialRect:Q,measure:H.draggable.measure});const re=Dt(U,H.draggable.measure,Q),ie=Dt(U?U.parentElement:null),se=(0,e.useRef)({activatorEvent:null,active:null,activeNode:U,collisionRect:null,collisions:null,droppableRects:j,draggableNodes:S,draggingNode:null,draggingNodeRect:null,droppableContainers:I,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),le=I.getNodeFor(null==(r=se.current.over)?void 0:r.id),de=function(t){let{measure:n}=t;const[r,a]=(0,e.useState)(null),i=kt({callback:(0,e.useCallback)((e=>{for(const{target:t}of e)if(X(t)){a((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n])}),o=(0,e.useCallback)((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return X(t)?t:e}(e);null==i||i.disconnect(),t&&(null==i||i.observe(t)),a(t?n(t):null)}),[n,i]),[s,l]=te(o);return(0,e.useMemo)((()=>({nodeRef:s,rect:r,setRef:l})),[r,s,l])}({measure:H.dragOverlay.measure}),ue=null!=(a=de.nodeRef.current)?a:U,ge=C?null!=(i=de.rect)?i:re:null,he=Boolean(de.nodeRef.current&&de.rect),pe=Pe(fe=he?null:re,Ct(fe));var fe;const ve=Lt(ue?K(ue):null),be=function(t){const n=(0,e.useRef)(t),r=ee((e=>t?e&&e!==It&&t&&n.current&&t.parentNode===n.current.parentNode?e:He(t):It),[t]);return(0,e.useEffect)((()=>{n.current=t}),[t]),r}(C?null!=le?le:U:null),Ee=function(t,n){void 0===n&&(n=Oe);const[r]=t,a=Lt(r?K(r):null),[i,o]=(0,e.useReducer)((function(){return t.length?t.map((e=>Ke(e)?a:new Ze(n(e),e))):_t}),_t),s=kt({callback:o});return t.length>0&&i===_t&&o(),J((()=>{t.length?t.forEach((e=>null==s?void 0:s.observe(e))):(null==s||s.disconnect(),o())}),[t]),i}(be),xe=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(p,{transform:{x:D.x-pe.x,y:D.y-pe.y,scaleX:1,scaleY:1},activatorEvent:B,active:_,activeNodeRect:re,containerNodeRect:ie,draggingNodeRect:ge,over:se.current.over,overlayNodeRect:de.rect,scrollableAncestors:be,scrollableAncestorRects:Ee,windowRect:ve}),ke=Y?oe(Y,D):null,Se=function(t){const[n,r]=(0,e.useState)(null),a=(0,e.useRef)(t),i=(0,e.useCallback)((e=>{const t=je(e.target);t&&r((e=>e?(e.set(t,Ge(t)),new Map(e)):null))}),[]);return(0,e.useEffect)((()=>{const e=a.current;if(t!==e){n(e);const o=t.map((e=>{const t=je(e);return t?(t.addEventListener("scroll",i,{passive:!0}),[t,Ge(t)]):null})).filter((e=>null!=e));r(o.length?new Map(o):null),a.current=t}return()=>{n(t),n(e)};function n(e){e.forEach((e=>{const t=je(e);null==t||t.removeEventListener("scroll",i)}))}}),[i,t]),(0,e.useMemo)((()=>t.length?n?Array.from(n.values()).reduce(((e,t)=>oe(e,t)),Ce):Je(t):Ce),[t,n])}(be),De=Rt(Se),Ie=Rt(Se,[re]),Le=oe(xe,De),_e=ge?Te(ge,xe):null,Me=_&&_e?g({active:_,collisionRect:_e,droppableRects:j,droppableContainers:z,pointerCoordinates:ke}):null,Be=Re(Me,"id"),[Ae,ze]=(0,e.useState)(null),Fe=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(he?xe:oe(xe,Ie),null!=(o=null==Ae?void 0:Ae.rect)?o:null,re),We=(0,e.useCallback)(((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const a=S.get(M.current);if(!a)return;const i=e.nativeEvent,o=new n({active:M.current,activeNode:a,event:i,options:r,context:se,onStart(e){const t=M.current;if(null==t)return;const n=S.get(t);if(!n)return;const{onDragStart:r}=A.current,a={active:{id:t,data:n.data,rect:L}};(0,F.unstable_batchedUpdates)((()=>{null==r||r(a),x(Wt.Initializing),b({type:we.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:a})}))},onMove(e){b({type:we.DragMove,coordinates:e})},onEnd:s(we.DragEnd),onCancel:s(we.DragCancel)});function s(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:a}=se.current;let o=null;if(t&&a){const{cancelDrop:s}=A.current;o={activatorEvent:i,active:t,collisions:n,delta:a,over:r},e===we.DragEnd&&"function"==typeof s&&await Promise.resolve(s(o))&&(e=we.DragCancel)}M.current=null,(0,F.unstable_batchedUpdates)((()=>{b({type:e}),x(Wt.Uninitialized),ze(null),P(null),T(null);const t=e===we.DragEnd?"onDragEnd":"onDragCancel";if(o){const e=A.current[t];null==e||e(o),y({type:t,event:o})}}))}}(0,F.unstable_batchedUpdates)((()=>{P(o),T(e.nativeEvent)}))}),[S]),Ue=(0,e.useCallback)(((e,t)=>(n,r)=>{const a=n.nativeEvent,i=S.get(r);if(null!==M.current||!i||a.dndKit||a.defaultPrevented)return;const o={active:i};!0===e(n,t.options,o)&&(a.dndKit={capturedBy:t.sensor},M.current=r,We(n,t))}),[S,We]),Xe=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[t,n])}(u,Ue);!function(t){(0,e.useEffect)((()=>{if(!W)return;const e=t.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const t of e)null==t||t()}}),t.map((e=>{let{sensor:t}=e;return t})))}(u),J((()=>{re&&E===Wt.Initializing&&x(Wt.Initialized)}),[re,E]),(0,e.useEffect)((()=>{const{onDragMove:e}=A.current,{active:t,activatorEvent:n,collisions:r,over:a}=se.current;if(!t||!n)return;const i={active:t,activatorEvent:n,collisions:r,delta:{x:Le.x,y:Le.y},over:a};(0,F.unstable_batchedUpdates)((()=>{null==e||e(i),y({type:"onDragMove",event:i})}))}),[Le.x,Le.y]),(0,e.useEffect)((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:a}=se.current;if(!e||null==M.current||!t||!a)return;const{onDragOver:i}=A.current,o=r.get(Be),s=o&&o.rect.current?{id:o.id,rect:o.rect.current,data:o.data,disabled:o.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:s};(0,F.unstable_batchedUpdates)((()=>{ze(s),null==i||i(l),y({type:"onDragOver",event:l})}))}),[Be]),J((()=>{se.current={activatorEvent:B,active:_,activeNode:U,collisionRect:_e,collisions:Me,droppableRects:j,draggableNodes:S,draggingNode:ue,draggingNodeRect:ge,droppableContainers:I,over:Ae,scrollableAncestors:be,scrollAdjustedTranslate:Le},L.current={initial:ge,translated:_e}}),[_,U,Me,_e,S,ue,ge,j,I,Ae,be,Le]),function(t){let{acceleration:n,activator:r=vt.Pointer,canScroll:a,draggingRect:i,enabled:o,interval:s=5,order:l=bt.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:u,delta:g,threshold:h}=t;const p=function(e){let{delta:t,disabled:n}=e;const r=ne(t);return ee((e=>{if(n||!r||!e)return yt;const a=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[qe.Backward]:e.x[qe.Backward]||-1===a,[qe.Forward]:e.x[qe.Forward]||1===a},y:{[qe.Backward]:e.y[qe.Backward]||-1===i,[qe.Forward]:e.y[qe.Forward]||1===i}}}),[n,t,r])}({delta:g,disabled:!o}),[f,m]=function(){const t=(0,e.useRef)(null);return[(0,e.useCallback)(((e,n)=>{t.current=setInterval(e,n)}),[]),(0,e.useCallback)((()=>{null!==t.current&&(clearInterval(t.current),t.current=null)}),[])]}(),v=(0,e.useRef)({x:0,y:0}),b=(0,e.useRef)({x:0,y:0}),y=(0,e.useMemo)((()=>{switch(r){case vt.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case vt.DraggableRect:return i}}),[r,i,c]),w=(0,e.useRef)(null),E=(0,e.useCallback)((()=>{const e=w.current;if(!e)return;const t=v.current.x*b.current.x,n=v.current.y*b.current.y;e.scrollBy(t,n)}),[]),x=(0,e.useMemo)((()=>l===bt.TreeOrder?[...d].reverse():d),[l,d]);(0,e.useEffect)((()=>{if(o&&d.length&&y){for(const e of x){if(!1===(null==a?void 0:a(e)))continue;const t=d.indexOf(e),r=u[t];if(!r)continue;const{direction:i,speed:o}=Ye(e,r,y,n,h);for(const e of["x","y"])p[e][i[e]]||(o[e]=0,i[e]=0);if(o.x>0||o.y>0)return m(),w.current=e,f(E,s),v.current=o,void(b.current=i)}v.current={x:0,y:0},b.current={x:0,y:0},m()}else m()}),[n,E,a,m,o,s,JSON.stringify(y),JSON.stringify(p),f,d,x,u,JSON.stringify(h)])}({...$,delta:D,draggingRect:_e,pointerCoordinates:ke,scrollableAncestors:be,scrollableAncestorRects:Ee});const $e=(0,e.useMemo)((()=>({active:_,activeNode:U,activeNodeRect:re,activatorEvent:B,collisions:Me,containerNodeRect:ie,dragOverlay:de,draggableNodes:S,droppableContainers:I,droppableRects:j,over:Ae,measureDroppableContainers:G,scrollableAncestors:be,scrollableAncestorRects:Ee,measuringConfiguration:H,measuringScheduled:q,windowRect:ve})),[_,U,re,B,Me,ie,de,S,I,j,Ae,G,be,Ee,H,q,ve]),Qe=(0,e.useMemo)((()=>({activatorEvent:B,activators:Xe,active:_,activeNodeRect:re,ariaDescribedById:{draggable:O},dispatch:b,draggableNodes:S,over:Ae,measureDroppableContainers:G})),[B,Xe,_,re,b,O,S,Ae,G]);return t().createElement(me.Provider,{value:w},t().createElement(Ot.Provider,{value:Qe},t().createElement(zt.Provider,{value:$e},t().createElement(Ft.Provider,{value:Fe},d)),t().createElement(jt,{disabled:!1===(null==l?void 0:l.restoreFocus)})),t().createElement(ye,{...l,hiddenTextDescribedById:O}))})),qt=(0,e.createContext)(null),Kt="button",Ut="Droppable";const Xt="Droppable",Yt={timeout:25};function $t(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Jt(e,t){return e.reduce(((e,n,r)=>{const a=t.get(n);return a&&(e[r]=a),e}),Array(e.length))}function Qt(e){return null!==e&&e>=0}const Zt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:a}=e;const i=$t(t,r,n),o=t[a],s=i[a];return s&&o?{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}:null},en={scaleX:1,scaleY:1},tn=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:a,rects:i,overIndex:o}=e;const s=null!=(t=i[n])?t:r;if(!s)return null;if(a===n){const e=i[o];return e?{x:0,y:nn&&a<=o?{x:0,y:-s.height-l,...en}:a=o?{x:0,y:s.height+l,...en}:{x:0,y:0,...en}},nn="Sortable",rn=t().createContext({activeIndex:-1,containerId:nn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Zt,disabled:{draggable:!1,droppable:!1}});function an(n){let{children:r,id:a,items:i,strategy:o=Zt,disabled:s=!1}=n;const{active:l,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:g}=(0,e.useContext)(zt),h=ae(nn,a),p=Boolean(null!==c.rect),f=(0,e.useMemo)((()=>i.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[i]),m=null!=l,v=l?f.indexOf(l.id):-1,b=u?f.indexOf(u.id):-1,y=(0,e.useRef)(f),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&m&&g(f)}),[w,f,m,g]),(0,e.useEffect)((()=>{y.current=f}),[f]);const C=(0,e.useMemo)((()=>({activeIndex:v,containerId:h,disabled:x,disableTransforms:E,items:f,overIndex:b,useDragOverlay:p,sortedRects:Jt(f,d),strategy:o})),[v,h,x.draggable,x.droppable,E,f,b,d,p,o]);return t().createElement(rn.Provider,{value:C},r)}const on=e=>{let{id:t,items:n,activeIndex:r,overIndex:a}=e;return $t(n,r,a).indexOf(t)},sn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:a,items:i,newIndex:o,previousItems:s,previousContainerId:l,transition:c}=e;return!(!c||!r||s!==i&&a===o||!n&&(o===a||t!==l))},ln={duration:200,easing:"ease"},cn="transform",dn=de.Transition.toString({property:cn,duration:0,easing:"linear"}),un={roleDescription:"sortable"};function gn(t){let{animateLayoutChanges:n=sn,attributes:r,disabled:a,data:i,getNewIndex:o=on,id:s,strategy:l,resizeObserverConfig:c,transition:d=ln}=t;const{items:u,containerId:g,activeIndex:h,disabled:p,disableTransforms:f,sortedRects:m,overIndex:v,useDragOverlay:b,strategy:y}=(0,e.useContext)(rn),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(a,p),E=u.indexOf(s),x=(0,e.useMemo)((()=>({sortable:{containerId:g,index:E,items:u},...i})),[g,i,E,u]),C=(0,e.useMemo)((()=>u.slice(u.indexOf(s))),[u,s]),{rect:k,node:S,isOver:D,setNodeRef:I}=function(t){let{data:n,disabled:r=!1,id:a,resizeObserverConfig:i}=t;const o=ae(Xt),{active:s,dispatch:l,over:c,measureDroppableContainers:d}=(0,e.useContext)(Ot),u=(0,e.useRef)({disabled:r}),g=(0,e.useRef)(!1),h=(0,e.useRef)(null),p=(0,e.useRef)(null),{disabled:f,updateMeasurementsFor:m,timeout:v}={...Yt,...i},b=Z(null!=m?m:a),y=kt({callback:(0,e.useCallback)((()=>{g.current?(null!=p.current&&clearTimeout(p.current),p.current=setTimeout((()=>{d(Array.isArray(b.current)?b.current:[b.current]),p.current=null}),v)):g.current=!0}),[v]),disabled:f||!s}),w=(0,e.useCallback)(((e,t)=>{y&&(t&&(y.unobserve(t),g.current=!1),e&&y.observe(e))}),[y]),[E,x]=te(w),C=Z(n);return(0,e.useEffect)((()=>{y&&E.current&&(y.disconnect(),g.current=!1,y.observe(E.current))}),[E,y]),J((()=>(l({type:we.RegisterDroppable,element:{id:a,key:o,disabled:r,node:E,rect:h,data:C}}),()=>l({type:we.UnregisterDroppable,key:o,id:a}))),[a]),(0,e.useEffect)((()=>{r!==u.current.disabled&&(l({type:we.SetDroppableDisabled,id:a,key:o,disabled:r}),u.current.disabled=r)}),[a,o,r,l]),{active:s,rect:h,isOver:(null==c?void 0:c.id)===a,node:E,over:c,setNodeRef:x}}({id:s,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:C,...c}}),{active:R,activatorEvent:L,activeNodeRect:_,attributes:M,setNodeRef:N,listeners:P,isDragging:B,over:T,setActivatorNodeRef:A,transform:O}=function(t){let{id:n,data:r,disabled:a=!1,attributes:i}=t;const o=ae(Ut),{activators:s,activatorEvent:l,active:c,activeNodeRect:d,ariaDescribedById:u,draggableNodes:g,over:h}=(0,e.useContext)(Ot),{role:p=Kt,roleDescription:f="draggable",tabIndex:m=0}=null!=i?i:{},v=(null==c?void 0:c.id)===n,b=(0,e.useContext)(v?Ft:qt),[y,w]=te(),[E,x]=te(),C=function(t,n){return(0,e.useMemo)((()=>t.reduce(((e,t)=>{let{eventName:r,handler:a}=t;return e[r]=e=>{a(e,n)},e}),{})),[t,n])}(s,n),k=Z(r);return J((()=>(g.set(n,{id:n,key:o,node:y,activatorNode:E,data:k}),()=>{const e=g.get(n);e&&e.key===o&&g.delete(n)})),[g,n]),{active:c,activatorEvent:l,activeNodeRect:d,attributes:(0,e.useMemo)((()=>({role:p,tabIndex:m,"aria-disabled":a,"aria-pressed":!(!v||p!==Kt)||void 0,"aria-roledescription":f,"aria-describedby":u.draggable})),[a,p,m,v,f,u.draggable]),isDragging:v,listeners:a?void 0:C,node:y,over:h,setNodeRef:w,setActivatorNodeRef:x,transform:b}}({id:s,data:x,attributes:{...un,...r},disabled:w.draggable}),z=function(){for(var t=arguments.length,n=new Array(t),r=0;re=>{n.forEach((t=>t(e)))}),n)}(I,N),H=Boolean(R),V=H&&!f&&Qt(h)&&Qt(v),j=!b&&B,F=j&&V?O:null,W=V?null!=F?F:(null!=l?l:y)({rects:m,activeNodeRect:_,activeIndex:h,overIndex:v,index:E}):null,G=Qt(h)&&Qt(v)?o({id:s,items:u,activeIndex:h,overIndex:v}):E,q=null==R?void 0:R.id,K=(0,e.useRef)({activeId:q,items:u,newIndex:G,containerId:g}),U=u!==K.current.items,X=n({active:R,containerId:g,isDragging:B,isSorting:H,id:s,index:E,items:u,newIndex:K.current.newIndex,previousItems:K.current.items,previousContainerId:K.current.containerId,transition:d,wasDragging:null!=K.current.activeId}),Y=function(t){let{disabled:n,index:r,node:a,rect:i}=t;const[o,s]=(0,e.useState)(null),l=(0,e.useRef)(r);return J((()=>{if(!n&&r!==l.current&&a.current){const e=i.current;if(e){const t=Oe(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}r!==l.current&&(l.current=r)}),[n,r,a,i]),(0,e.useEffect)((()=>{o&&s(null)}),[o]),o}({disabled:!X,index:E,node:S,rect:k});return(0,e.useEffect)((()=>{H&&K.current.newIndex!==G&&(K.current.newIndex=G),g!==K.current.containerId&&(K.current.containerId=g),u!==K.current.items&&(K.current.items=u)}),[H,G,g,u]),(0,e.useEffect)((()=>{if(q===K.current.activeId)return;if(q&&!K.current.activeId)return void(K.current.activeId=q);const e=setTimeout((()=>{K.current.activeId=q}),50);return()=>clearTimeout(e)}),[q]),{active:R,activeIndex:h,attributes:M,data:x,rect:k,index:E,newIndex:G,items:u,isOver:D,isSorting:H,isDragging:B,listeners:P,node:S,overIndex:v,over:T,setNodeRef:z,setActivatorNodeRef:A,setDroppableNodeRef:I,setDraggableNodeRef:N,transform:null!=Y?Y:W,transition:Y||U&&K.current.newIndex===E?dn:j&&!le(L)||!d?void 0:H||X?de.Transition.toString({...d,property:cn}):void 0}}function hn(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const pn=[rt.Down,rt.Right,rt.Up,rt.Left],fn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:i,over:o,scrollableAncestors:s}}=t;if(pn.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];i.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const i=a.get(n.id);if(i)switch(e.code){case rt.Down:r.topi.top&&t.push(n);break;case rt.Left:r.left>i.left&&t.push(n);break;case rt.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const a=Ie(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=Ie(r),o=a.reduce(((e,t,r)=>e+ke(n[r],t)),0),s=Number((o/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:s}})}}return i.sort(Se)})({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null});let u=Re(d,"id");if(u===(null==o?void 0:o.id)&&d.length>1&&(u=d[1].id),null!=u){const e=i.get(n.id),t=i.get(u),o=t?a.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&o&&e&&t){const n=He(d).some(((e,t)=>s[t]!==e)),a=mn(e,t),i=(c=t,!(!hn(l=e)||!hn(c))&&!!mn(l,c)&&l.data.current.sortable.index{let{containerNodeRect:t,draggingNodeRect:n,transform:r}=e;return n&&t?function(e,t,n){const r={...e};return t.top+e.y<=n.top?r.y=n.top-t.top:t.bottom+e.y>=n.top+n.height&&(r.y=n.top+n.height-t.bottom),t.left+e.x<=n.left?r.x=n.left-t.left:t.right+e.x>=n.left+n.width&&(r.x=n.left+n.width-t.right),r}(r,n,t):r},bn=e=>{let{transform:t}=e;return{...t,x:0}},yn=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256"},(0,e.createElement)("rect",{width:"256",height:"256",fill:"none"}),(0,e.createElement)("circle",{cx:"91",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"91",cy:"196",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"60",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"128",r:"16"}),(0,e.createElement)("circle",{cx:"161",cy:"196",r:"16"}));function wn({children:t,id:n,dragHandle:a=!0,dragHandleLabel:o=(0,i.__)("Reorder Item","generateblocks"),as:s="li",className:l="",disabled:c=!1}){const{active:d,attributes:u,listeners:g,setNodeRef:h,transform:p,transition:f,isDragging:m}=gn({id:n,disabled:c,data:{disabled:c}}),v={transform:de.Transform.toString(p),transition:f};d&&d.id===n&&(v.zIndex=1);const b=s,y=a?{ref:h,style:v}:{ref:h,style:v,...u,...g};return(0,e.createElement)(b,{className:O()("gb-sortable-listitem",l,m&&"is-dragging"),...y},a&&(0,e.createElement)(r.Button,{className:"gb-sortable-listitem__handle",variant:"tertiary",showTooltip:!1,icon:yn,label:o,...u,...g}),t)}const En=(0,a.forwardRef)((function({itemComponent:t,onDragStart:n,onDragEnd:r,items:o,setItems:s,dragHandle:l=!0,dragHandleLabel:c=(0,i.__)("Reorder Item","generateblocks"),className:d=""},u){const[g,h]=(0,a.useState)(!1),[p,f]=(0,a.useState)(null),m=function(){for(var t=arguments.length,n=new Array(t),r=0;r[...n].filter((e=>null!=e))),[...n])}(xe(ht),xe(lt,{coordinateGetter:fn})),v=t;return(0,e.createElement)(Gt,{modifiers:[bn,vn],sensors:m,collisionDetection:_e,onDragStart:e=>{const{active:t}=e;h(!0),f(t),n&&n(e)},onDragEnd:e=>{h(!1),function(e){var t;const{active:n,over:r}=e,a=null!==(t=r.data.current?.disabled)&&void 0!==t&&t;if(n.id!==r.id&&!a){const e=o.findIndex((e=>e.id===n.id)),t=o.findIndex((e=>e.id===r.id));s($t(o,e,t))}}(e),f(null),r&&r(e,p)}},(0,e.createElement)("ul",{className:O()("gb-sortable-list",d,g&&"is-dragging"),ref:u},(0,e.createElement)(an,{items:o,strategy:tn},o.map((t=>{var n;return(0,e.createElement)(wn,{key:t.id,id:t.id,dragHandle:l,dragHandleLabel:c,className:"gb-sortable-list__item",disabled:null!==(n=t.disabled)&&void 0!==n&&n},(0,e.createElement)(v,{item:t}))})))))}));function xn({closeModal:t,globalStyleData:n,setBulkInsertEnabled:o,filteredPatterns:s}){const{insertBlocks:l,replaceBlock:c}=(0,R.useDispatch)(L.store),{selectedPatterns:d=[],selectedPatternsDispatch:u,setActivePatternId:h,setScrollPosition:p}=g(),{getBlockInsertionPoint:f,getSelectedBlock:m}=(0,R.useSelect)((e=>e(L.store)),[]),{updateBlockAttributes:v}=(0,R.useDispatch)(L.store),b=()=>(0,e.createElement)(e.Fragment,null,"​");return(0,e.createElement)("aside",{className:"gb-selected-patterns"},(0,e.createElement)("h3",{className:"gb-selected-patterns__headline"},(0,i.__)("Bulk Insert","generateblocks")),!d.length&&(0,e.createElement)("p",null,(0,i.__)("Select patterns to insert.","generateblocks")),(0,e.createElement)(En,{className:"gb-selected-patterns__list",items:d,dragHandleLabel:(0,i.__)("Reorder Pattern","generateblocks"),setItems:e=>{u({type:"SET",patterns:e})},itemComponent:function({item:t}){const n=(0,a.useRef)(null);return(0,e.createElement)("div",{id:`selected-pattern-${t.id}`,className:"gb-selected-pattern",ref:n},(0,e.createElement)("span",{className:"gb-selected-pattern__label",title:t.label},t.label),(0,e.createElement)("div",{className:"gb-selected-pattern__actions"},(0,e.createElement)(b,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:j,label:(0,i.__)("Remove Pattern","generateblocks"),onClick:()=>{u({type:"REMOVE",pattern:t})}}),(0,e.createElement)(r.Button,{variant:"tertiary",icon:I,label:(0,i.__)("Preview Pattern","generateblocks"),showTooltip:!0,disabled:!s.find((({id:e})=>e===t.id)),onClick:()=>{h(t.id);const e=n.current.closest(".gb-pattern-library__content");e&&p(e.scrollTop)}})))},dragHandle:!0}),(0,e.createElement)("div",{style:{display:"flex",gap:"5px",justifyContent:"space-between",marginTop:"1em"}},(0,e.createElement)(N,{label:(0,i.__)("Insert All","generateblocks"),patterns:d,globalStyleData:n,disabled:!d.length,onClick:async()=>{const e=d.reduce(((e,t)=>e+t.pattern),""),n=f(),r=P((0,_.parse)(e)),a=m();var i,o;r.forEach((e=>{e.attributes&&e.clientId&&v(e.clientId,e.attributes)})),B(a)?await c(a.clientId,r):await l(r,null!==(i=n?.index)&&void 0!==i?i:0,null!==(o=n.rootClientId)&&void 0!==o?o:""),t()}}),(0,e.createElement)(r.Button,{variant:"secondary",onClick:()=>o(!1),isDestructive:!0},(0,i.__)("Cancel","generateblocks"))))}var Cn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),kn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),Sn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function Dn({pattern:t,isSelected:n,bulkInsertEnabled:a,globalStyleData:o,closeModal:s}){const{activePatternId:l,previewIframeWidth:c,setPreviewIframeWidth:d}=g();return(0,e.createElement)(T,{pattern:t,showPreview:!1,isSelected:n,showTitle:!1,bulkInsertEnabled:a,globalStyleData:o,closeModal:s},!!l&&(0,e.createElement)(r.ButtonGroup,null,(0,e.createElement)(r.Button,{isPressed:"100%"===c,variant:"tertiary",icon:Cn,label:(0,i.__)("Desktop","generateblocks"),showTooltip:!0,onClick:()=>d("100%")}),(0,e.createElement)(r.Button,{isPressed:"900px"===c,variant:"tertiary",icon:kn,label:(0,i.__)("Tablet","generateblocks"),showTooltip:!0,onClick:()=>d("900px")}),(0,e.createElement)(r.Button,{isPressed:"400px"===c,variant:"tertiary",icon:Sn,label:(0,i.__)("Mobile","generateblocks"),showTooltip:!0,onClick:()=>d("400px")})))}var In=window.lodash,Rn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"}));function Ln({setCacheIsClearing:t,cacheIsClearing:n}){const{activeLibrary:o,setLibraryCategories:c,setLibraryPatterns:d,isLocal:u}=g(),[h,p]=(0,a.useState)(!1);async function f(){if(u)return void p({});const e=await s()({path:(0,l.addQueryArgs)("/generateblocks/v1/pattern-library/get-cache-data",{id:o.id}),method:"GET"});var t;e.success?p(null!==(t=e?.response?.data)&&void 0!==t?t:{}):p({})}return(0,a.useEffect)((()=>{!async function(){o?.id&&f()}()}),[o?.id]),(0,In.isEmpty)(h)?null:(0,e.createElement)(r.Button,{className:"has-icon",variant:"tertiary",size:"compact",disabled:!h.can_clear||n,label:(0,i.__)("Refresh patterns","generateblocks"),showTooltip:!0,onClick:async()=>{t(!0),(await s()({path:"/generateblocks/v1/pattern-library/clear-cache",data:{id:o?.id},method:"POST"})).success&&(await c(),await d(),await f()),t(!1)}},n?(0,e.createElement)(r.Spinner,null):(0,e.createElement)(r.Icon,{icon:Rn}))}var Mn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})),Nn=(0,e.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,e.createElement)(h.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,e.createElement)(h.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"}));async function Pn(e){return await s()({path:"generateblocks/v1/pattern-library/libraries/save",method:"POST",data:{data:e}})}function Bn({library:t,librariesToManage:n,setLibrariesToManage:a,isRemote:o}){const{setLibraries:s}=g();return(0,e.createElement)("div",{key:t.id,className:"gblocks-manage-libraries__library"},(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-name"},o?(0,e.createElement)(r.Tooltip,{text:t.domain},(0,e.createElement)("span",null,t.name)):t.name,!!o&&(0,e.createElement)(r.Button,{size:"small",isDestructive:!0,variant:"secondary",onClick:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e.splice(r,1),a(e);const i=await Pn(e);i.success&&i?.response?.data.length&&s(i?.response?.data.length)},icon:Mn,label:(0,i.__)("Delete library","generateblocks"),showTooltip:!0})),(0,e.createElement)("div",{className:"gblocks-manage-libraries__library-actions"},(0,e.createElement)(r.ToggleControl,{checked:!!t.isEnabled,label:(0,i.__)("Enabled","generateblocks"),onChange:async()=>{const e=[...n],r=e.findIndex((e=>e.id===t.id));e[r]={...e[r],isEnabled:!n[r].isEnabled},a(e);const i=await Pn(e);i.success&&i?.response?.data.length&&s()}})))}function Tn(){const[t,n]=(0,a.useState)(!1),[o,s]=(0,a.useState)([]);(0,a.useEffect)((()=>{!async function(){if(!t)return;const{data:e}=await d(!1);s(e)}()}),[t]);const l=o.filter((e=>e.isDefault)),c=o.filter((e=>e.isLocal)),u=o.filter((e=>!e.isLocal&&!e.isDefault));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{variant:"tertiary",size:"compact",icon:Nn,label:(0,i.__)("Manage Libraries","generateblocks"),showTooltip:!0,onClick:n}),!!t&&(0,e.createElement)(r.Modal,{title:(0,i.__)("Manage Libraries","generateblocks"),onRequestClose:()=>n(!1)},(0,e.createElement)("div",{className:"gblocks-manage-libraries"},!!l.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,i.__)("Default","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},l.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:o,setLibrariesToManage:s}))))),!!c.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,i.__)("Local","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},c.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:o,setLibrariesToManage:s}))))),!!u.length&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("h4",null,(0,i.__)("Remote","generateblocks")),(0,e.createElement)("div",{className:"gblocks-manage-libraries__table"},u.map((t=>(0,e.createElement)(Bn,{key:t.id,library:t,librariesToManage:o,setLibrariesToManage:s,isRemote:!0}))))))))}const An=wp.element.createElement,On={};function zn({closeModal:t}){const{activePatternId:n,setActivePatternId:o,patterns:s,setScrollPosition:l,scrollPosition:c,activeCategory:d,search:u,setSearch:h,isLocal:m,activeLibrary:v,selectedPatterns:y}=g(),[E,x]=(0,a.useState)(!1),[k,S]=(0,a.useState)(s),[D,I]=(0,a.useState)(""),[R,L]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),N=s.find((e=>n===e.id)),P=(0,a.useRef)();function B(e){return s.filter((t=>{const n=""===d,r=t.label.toLowerCase().includes(e.toLowerCase()),a=t.categories.includes(d);return n?r:r&&a}))}(0,a.useEffect)((()=>{S(""===d?s:B(u)),P.current&&(P.current.scrollTop=0)}),[s,d]);const T={};return n&&(T.gridColumn="1 / -1"),(0,w.doAction)("generateblocks.patterns.patternsList",{activeLibrary:v,setGlobalStyleCSS:I,setGlobalStyleData:L,isLocal:m,cacheIsClearing:_}),(0,e.createElement)("div",{className:"gb-pattern-library"},(0,e.createElement)("div",{className:"gb-pattern-library__header"},(0,e.createElement)("div",{className:"gb-pattern-library__header-title"},n?(0,e.createElement)("h1",null,N.label):(0,e.createElement)("h1",null,"tabs-desktop"=="generateblocks"?An("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none"},An("path",{d:"M18.95 4H4.55C3.55589 4 2.75 4.76751 2.75 5.71429V14.2857C2.75 15.2325 3.55589 16 4.55 16H18.95C19.9441 16 20.75 15.2325 20.75 14.2857V5.71429C20.75 4.76751 19.9441 4 18.95 4Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),An("path",{d:"M1.75 18C1.19772 18 0.75 18.4477 0.75 19C0.75 19.5523 1.19772 20 1.75 20H21.75C22.3023 20 22.75 19.5523 22.75 19C22.75 18.4477 22.3023 18 21.75 18H1.75ZM9 18.8C8.86193 18.8 8.75 18.9119 8.75 19.05C8.75 19.1881 8.86193 19.3 9 19.3H14.5C14.6381 19.3 14.75 19.1881 14.75 19.05C14.75 18.9119 14.6381 18.8 14.5 18.8H9Z",stroke:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):(0,e.createElement)("svg",{viewBox:"0 0 50 60.12",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{d:"M6.686 31.622V18.918a.077.077 0 0 1 .05-.072l6.5-2.313 6.5-2.313 9.682-3.445L39.1 7.33a.067.067 0 0 0 .036-.028.074.074 0 0 0 .014-.044V.076a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.097.097 0 0 0-.013.046V52.067c0 .026.013.048.032.062s.044.018.069.009l3.267-1.163 3.267-1.163c.015-.005.028-.015.036-.028s.014-.028.014-.044V37.999l.001-6.377c-.001 0 0 0 0 0z"}),(0,e.createElement)("path",{d:"m23.949 29.976 13-4.625 13-4.625c.015-.005.028-.015.036-.028s.015-.028.015-.044V8.056a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-13 4.625-13 4.625-6.5 2.313-6.5 2.313a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044V60.045c0 .026.013.048.032.062a.076.076 0 0 0 .069.009l6.475-2.304 6.475-2.304 6.525-2.322 6.525-2.322 6.5-2.313 6.5-2.313c.015-.005.028-.015.036-.028s.014-.025.014-.041V27.193a.077.077 0 0 0-.032-.062.076.076 0 0 0-.069-.009l-6.45 2.295L37 31.711a.067.067 0 0 0-.036.028.074.074 0 0 0-.014.044v6.272a.077.077 0 0 1-.05.072l-6.45 2.295L24 42.715a.075.075 0 0 1-.101-.071V30.046c0-.016.005-.031.014-.044a.08.08 0 0 1 .036-.026z"}))," ",(0,i.__)("Pattern Library","generateblocks"))),(0,e.createElement)("div",{className:"gb-pattern-library__header-action"},n?(0,e.createElement)(Dn,{pattern:N,bulkInsertEnabled:E,globalStyleData:R,closeModal:t}):(0,e.createElement)(C,null)),(0,e.createElement)("div",{className:"gb-pattern-library__header-close"},n?(0,e.createElement)(r.Button,{icon:f,onClick:()=>{o(""),l(c)}},(0,i.__)("Return to library")):(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ln,{setCacheIsClearing:M,cacheIsClearing:_}),(0,e.createElement)(Tn,null),(0,e.createElement)(r.Button,{variant:"tertiary",icon:p,label:(0,i.__)("Close Pattern Library","generateblocks"),showTooltip:!0,onClick:t})))),(0,e.createElement)("div",{className:"gb-pattern-library__sidebar"},!n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(V,{onChange:e=>{h(e);const t=""===d?"all":d,n=function(e){const t=""===d?"all":d,n=v?.id||"";return On[n]&&On[n][t]||(On[n]=On[n]||{},On[n][t]=On[n][t]||{}),!!On[n][t][e]&&On[n][t][e]}(e);if(n)return void S(n);const r=B(e),a=v?.id;a&&(On[a][t][e]=r),S(r)}}),(0,e.createElement)(b,{bulkInsertEnabled:E,selectedPatterns:y}),E?(0,e.createElement)(xn,{closeModal:t,globalStyleData:R,setBulkInsertEnabled:x,filteredPatterns:k}):(0,e.createElement)(r.Button,{variant:"primary",onClick:()=>x(!0)},(0,i.__)("Bulk Insert","generateblocks")))),(0,e.createElement)("div",{className:"gb-pattern-library__content",style:T,ref:P},(0,e.createElement)(z,{patterns:k,bulkInsertEnabled:E,closeModal:t,globalStyleCSS:D,globalStyleData:R})))}(0,w.addFilter)("generateblocks.editor.sidebar","generateblocks/pattern-library",(function(t,{activePanel:n}){const[o,s]=(0,a.useState)(!1);return n?t:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.PanelBody,null,(0,e.createElement)("h2",{className:"gblocks-editor-sidebar__panel-title"},(0,i.__)("Pattern Library","generateblocks")),(0,e.createElement)(r.Button,{className:"gblocks-pattern-library-button",variant:"secondary",onClick:()=>s(!0),isPressed:o},(0,i.__)("Open Pattern Library","generateblocks"))),t,!!o&&(0,e.createElement)(r.Modal,{className:"gblocks-pattern-library-modal",isFullScreen:!0,onRequestClose:()=>s(!1)},(0,e.createElement)(u,null,(0,e.createElement)(zn,{closeModal:()=>s(!1)}))))}))}()}(); \ No newline at end of file From 65516b393eefd0edffeef943ea95890e1ef608be Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 13 May 2024 20:46:26 +0000 Subject: [PATCH 09/10] Update dist files --- dist/blocks.asset.php | 2 +- dist/blocks.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/dist/blocks.asset.php b/dist/blocks.asset.php index 2daf486d8..894739fc7 100644 --- a/dist/blocks.asset.php +++ b/dist/blocks.asset.php @@ -1 +1 @@ - array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-rich-text'), 'version' => 'fe910a872d1480c0fbc9'); + array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-rich-text'), 'version' => '8eefe8b6380072d833c4'); diff --git a/dist/blocks.css b/dist/blocks.css index 59e6a14b5..bd308006e 100644 --- a/dist/blocks.css +++ b/dist/blocks.css @@ -20,7 +20,7 @@ .editor-styles-wrapper .gb-templates-wrapper{display:flex;gap:16px}.editor-styles-wrapper .gb-templates-wrapper .gb-template-selector-button{display:inline-flex;flex-direction:column;font-size:13px;gap:8px;height:100%;padding:0}.editor-styles-wrapper .gb-templates-wrapper .gb-template-selector-button svg{height:50px}.editor-styles-wrapper .gb-select-layout .components-placeholder__fieldset{display:flex;justify-content:center;overflow:hidden;text-align:center}.editor-styles-wrapper .gb-select-layout__actions{display:flex;flex-basis:100%;justify-content:center;margin-top:30px} .gb-button-wrapper{margin:0}.gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-right:0}.gb-button-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>div{width:auto}.gblocks-add-new-button svg{margin-left:0!important;margin-right:0!important} .gb-button{border:none;box-sizing:border-box;line-height:unset;margin:0;text-decoration:none}.gb-button.button{border-radius:unset;font-size:inherit;min-height:auto}.components-popover .gblocks-button-link{margin-bottom:10px}.components-popover .gblocks-button-link input[type=text].block-editor-url-input__input{border:1px solid #ddd;border-radius:2px;max-width:100%}.gblocks-button-link-dropdown .components-base-control:last-child .components-base-control__field{margin-bottom:0} -.editor-styles-wrapper mark.gb-highlight{background:none;color:unset}.editor-styles-wrapper .gb-headline span.rich-text{display:inline-block}.gb-image-replace-url{padding:6px 12px}.gb-image-replace-url .components-base-control__field{margin-bottom:0} +.editor-styles-wrapper mark.gb-highlight{background:none;color:unset}.editor-styles-wrapper .gb-headline span.rich-text{display:inline-block}.editor-styles-wrapper :where(div.gb-headline){margin-bottom:0;margin-top:0}.gb-image-replace-url{padding:6px 12px}.gb-image-replace-url .components-base-control__field{margin-bottom:0} .gblocks-notice{margin-bottom:20px}.gblocks-panel-label .components-panel__body-toggle.components-button{display:flex;flex-direction:row-reverse;justify-content:flex-end}.gblocks-panel-label .gblocks-panel-label{background-color:#fafafa;border:0}.gblocks-panel-label .gblocks-panel-label .components-panel__body-toggle{padding:10px}.gblocks-panel-label .components-panel__icon{color:currentColor}.gblocks-panel-label svg.components-panel__icon{margin:0;margin-inline-end:10px}.gblocks-control-tabs .components-tab-panel__tabs{border-bottom:1px solid #e8eaeb;display:flex;flex-wrap:wrap;margin-bottom:15px}.gblocks-control-tabs .components-tab-panel__tabs button{border:0;border-radius:0;cursor:pointer;flex:1;font-size:11px;font-weight:400;height:auto;justify-content:center;margin:0 0 -1px;outline-offset:-1px;padding:8px}.gblocks-control-tabs .components-tab-panel__tabs button.active-tab{background:#222!important;box-shadow:0 0 0!important;color:#fff!important;position:relative;z-index:1}.gblocks-block-control-icon svg{margin-left:0!important;margin-right:0!important;padding:2px}.gblocks-block-control-icon.gblocks-add-grid-item svg{padding:0}.gblocks-block-control-icon svg path{fill:inherit}.gblocks-option-notice.components-notice{margin:0 0 24px}.gblocks-option-notice.components-notice .components-notice__content{margin:5px}.gblocks-small-notice-description{color:#777;font-size:12px;margin-bottom:10px}.gblocks-utility-label{align-items:flex-end;display:flex;margin-bottom:5px}.gblocks-utility-label label{margin-right:auto}.gblocks-utility-label .components-button{height:auto;justify-content:center!important;margin-left:5px;min-width:auto;padding:0 6px}.gblocks-utility-label .components-button.gblocks-reset-button svg{height:20px;width:20px}.gblocks-utility-label .components-button:last-child{margin-right:-5px}.gblocks-utility-label .components-button svg{height:13px;margin-right:0!important;width:13px}.wp-block.gb-is-root-block{margin-bottom:0;margin-top:0;position:relative}.gblocks-block-icon path{fill:#1e72bd}.block-editor-list-view-leaf.is-selected .gblocks-block-icon path{fill:currentColor}.gblocks-action-panel{padding:0!important}.gblocks-action-panel .components-panel__body-title{margin:0!important}.gblocks-action-panel .components-panel__arrow path{transform:rotate(90deg);transform-origin:center}.post-type-gp_elements .wp-block{max-width:none}.gblocks-flex-button-group{display:flex}.gblocks-flex-button-group button{display:flex;flex-grow:1;font-size:12px;justify-content:center}.gblocks-flex-button-group button.is-inherited{background:rgba(0,0,0,.07)}.gblocks-flex-button-group button svg{width:15px} .gblocks-image-dimensions__row{display:flex;justify-content:space-between}.gblocks-image-dimensions__row>div{width:calc(50% - 2px)}.gblocks-image-dimensions__row .components-base-control{margin:0!important}.gblocks-image-dimensions__row .components-base-control__field{margin:0}[data-align=full]>.gb-block-image,[data-align=wide]>.gb-block-image{max-width:none}[data-align=full]>.gb-block-image img,[data-align=wide]>.gb-block-image img{height:auto;width:100%}.wp-block-generateblocks-image{margin:0;position:relative}.wp-block-generateblocks-image.is-applying img{opacity:.3}.wp-block-generateblocks-image .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-generateblocks-image img{height:auto;max-width:100%;vertical-align:middle}.wp-block-generateblocks-image figcaption p{margin:0}.wp-block-generateblocks-image .components-placeholder,.wp-block-generateblocks-image .components-resizable-box__container{border-radius:inherit}.wp-block-generateblocks-image .gblocks-image__placeholder{max-width:100%;position:relative}.wp-block-generateblocks-image .gblocks-image__placeholder img{border:1px dashed;opacity:.4}.wp-block-generateblocks-image .gblocks-image__placeholder .components-placeholder__illustration{stroke:currentColor;stroke-dasharray:3;border:0;bottom:0;height:100%;left:0;opacity:.4;position:absolute;right:0;top:0;transform:none;width:100%} .gb-onboard-popover .components-popover__content{padding:12px;width:330px} From a76080dccb5b38b7fb2dc8c683452cd69b81cdfc Mon Sep 17 00:00:00 2001 From: Tom Usborne Date: Tue, 14 May 2024 08:55:50 -0600 Subject: [PATCH 10/10] 1.9.1 --- package.json | 2 +- plugin.php | 4 ++-- readme.txt | 9 ++++++++- 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 60c14c5f3..af49381c0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "generateblocks", - "version": "1.9.0", + "version": "1.9.1", "private": true, "description": "A small collection of lightweight WordPress blocks that can accomplish nearly anything.", "author": "Tom Usborne", diff --git a/plugin.php b/plugin.php index ebfbf71ed..6ce04c53f 100644 --- a/plugin.php +++ b/plugin.php @@ -5,7 +5,7 @@ * Description: A small collection of lightweight WordPress blocks that can accomplish nearly anything. * Author: Tom Usborne * Author URI: https://tomusborne.com - * Version: 1.9.0 + * Version: 1.9.1 * Requires at least: 5.9 * Requires PHP: 7.2 * License: GPL2+ @@ -19,7 +19,7 @@ exit; // Exit if accessed directly. } -define( 'GENERATEBLOCKS_VERSION', '1.9.0' ); +define( 'GENERATEBLOCKS_VERSION', '1.9.1' ); define( 'GENERATEBLOCKS_DIR', plugin_dir_path( __FILE__ ) ); define( 'GENERATEBLOCKS_DIR_URL', plugin_dir_url( __FILE__ ) ); diff --git a/readme.txt b/readme.txt index 52c1a841f..31c6805fc 100644 --- a/readme.txt +++ b/readme.txt @@ -5,7 +5,7 @@ Tags: blocks, gutenberg, editor, page builder, posts Requires at least: 5.9 Tested up to: 6.5 Requires PHP: 7.2 -Stable tag: 1.9.0 +Stable tag: 1.9.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html @@ -83,6 +83,13 @@ GenerateBlocks was built to work hand-in-hand with [GeneratePress](https://gener == Changelog == += 1.9.1 = +* Fix: Patterns not loading properly in Chrome +* Fix: Pattern search mixing up active libraries +* Fix: Broken pattern preview in bulk select mode +* Fix: Headline editor margin when set to div +* Tweak: Improve pattern preview loading performance + = 1.9.0 = * Security: Disallow scripts in custom field values * Feature: New Pattern Library