@bloklabs/react 1.8.0 → 1.10.0

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters"),r=require("react/jsx-runtime"),i=require("@bloklabs/core/locales"),a=require("react-dom"),o=require("@bloklabs/core/view"),s=require("react-dom/client");var c=new WeakMap;function l(e,t){c.set(e,t)}function u(e){return c.get(e)}function d(e){c.delete(e)}function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var v=(0,e.createContext)({});function y({defaults:e,children:t}){return(0,r.jsx)(v.Provider,{value:e,children:t})}function b(){return(0,e.useContext)(v)}function ee(e,t){if(Object.keys(e).length===0)return t;let n=_({},e);for(let e of Object.keys(t)){let r=t[e];r!==void 0&&(n[e]=r)}return(e.tools!==void 0||t.tools!==void 0)&&(n.tools=_(_({},e.tools),t.tools)),n}var x=`__blokPortalRegistry`,S=`__blokToolName`,C=()=>{let e={snapshot:new Map},t=new Set,n=new Map,r=n=>{e.snapshot=n,t.forEach(e=>e())};return{register(t,i){let a=new Map(e.snapshot),o=i.toolName===void 0?void 0:n.get(i.toolName);a.set(t,o===void 0?i:_(_({},i),{},{props:_(_({},i.props),{},{config:o})})),r(a)},unregister(t,n){let i=e.snapshot.get(t);if(i===void 0||n!==void 0&&i.hostEl!==n)return;let a=new Map(e.snapshot);a.delete(t),r(a)},setProps(t,n){let i=e.snapshot.get(t);if(i===void 0)return;let a=new Map(e.snapshot);a.set(t,_(_({},i),{},{props:_(_({},i.props),n)})),r(a)},setToolConfig(t,i){n.set(t,i);let a=[...e.snapshot].filter(([,e])=>e.toolName===t);if(a.length===0)return;let o=new Map(e.snapshot);for(let[e,t]of a)o.set(e,_(_({},t),{},{props:_(_({},t.props),{},{config:i})}));r(o)},subscribe(e){return t.add(e),()=>{t.delete(e)}},getSnapshot(){return e.snapshot}}},w=new WeakMap;function te(e,t){w.set(e,t)}function T(e){return w.get(e)}function E(e){w.delete(e)}var D=new WeakMap;function ne(e,t){D.set(e,t)}function O(e){return D.get(e)}function k(e){D.delete(e)}var A=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},j=(e,t)=>t.reduce((e,t)=>{if(Array.isArray(e))return typeof t==`number`?e[t]:void 0;if(A(e))return e[t]},e),re=(e,t)=>{let n=(e,t)=>{if(typeof e==`function`)return typeof t==`function`?t:e;if(Array.isArray(e)){let r=Array.isArray(t)?t:[];return e.map((e,t)=>n(e,r[t]))}if(A(e)){let r=A(t)?t:{},i={};for(let[t,a]of Object.entries(e))i[t]=n(a,r[t]);return i}return e},r=n(t,e);return A(r)?r:{}},ie=(e,t)=>{if(!A(e))return e;let n={};for(let[r,i]of Object.entries(e)){if(!A(i)||!A(i.config)){n[r]=i;continue}let e=new WeakSet,a=(n,i)=>{if(typeof n==`function`){let e=n;return function(...n){let a=t(),o=A(a)?a[r]:void 0,s=j(A(o)?o.config:void 0,i);return Reflect.apply(typeof s==`function`?s:e,this,n)}}if(Array.isArray(n))return e.has(n)?n:(e.add(n),n.map((e,t)=>a(e,[...i,t])));if(A(n)){if(e.has(n))return n;e.add(n);let t={};for(let[e,r]of Object.entries(n))t[e]=a(r,[...i,e]);return t}return n};n[r]=_(_({},i),{},{config:a(i.config,[])})}return n},M=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactBlock===!0},N=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactInlineTool===!0},ae=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;if(!M(a)&&!N(a)){n[i]=a;continue}let e=typeof a==`function`?{class:a}:_({},a);e.config=_(_({},(r=e.config)==null?{}:r),{},{[x]:t,[S]:i});let o=e.class.__buildPortalToolbox,s=typeof o==`function`&&e.toolbox===void 0?o(t,i):void 0;s!==void 0&&(e.toolbox=s),n[i]=e}return n};function P(r,i){var a,o;let s=ee((0,e.useContext)(v),r),[c,u]=(0,e.useState)(null),f=(0,e.useRef)(s);f.current=s;let p=(0,e.useRef)({editor:null,holder:null,destroyTimeout:null,isDestroyed:!1,isEditorReady:!1,depsToken:null}),m=(0,e.useMemo)(()=>({}),i==null?[]:i),h=(0,e.useRef)(s.data),g=(0,e.useRef)((0,n.createEmittedEchoWindow)()),y=(0,e.useRef)(null),b=(0,e.useRef)(s.data),x=(0,e.useRef)(Promise.resolve()),S=(0,e.useRef)(void 0),w=(0,e.useRef)(null),T=(0,e.useRef)(void 0),D=(0,e.useRef)(new Map),O=(0,e.useRef)(new Map),A=(0,e.useRef)(null),j=(0,e.useRef)({onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1});(0,e.useEffect)(()=>{var e;if(typeof window>`u`)return;let n=p.current;if(n.destroyTimeout!==null&&(clearTimeout(n.destroyTimeout),n.destroyTimeout=null),n.editor!==null&&!n.isDestroyed&&n.depsToken===m)return n.isEditorReady&&u(n.editor),()=>{F(n,u)};if(n.editor!==null&&!n.isDestroyed){d(n.editor),E(n.editor),k(n.editor);try{n.editor.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}let r=document.createElement(`div`);n.holder=r,n.isDestroyed=!1,n.isEditorReady=!1,n.depsToken=m;let i=f.current,a=C(),o=i.tools===void 0?void 0:ie(i.tools,()=>f.current.tools),s=o===void 0?void 0:ae(o,a);w.current=a,T.current=o,D.current=new Map,O.current=new Map(Object.entries((e=i.tools)==null?{}:e).map(([e,t])=>[e,typeof t==`object`&&t?t.toolbox:void 0]));let c={onChange:(...e)=>{var t,n;(t=(n=f.current).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;h.current=e[0],g.current.record(e[0]),(t=(n=f.current).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=f.current).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=f.current).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=f.current).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=f.current).onAfterRender)==null||t.call(n,...e)}};A.current=c;let v={onChange:i.onChange!==void 0,onSave:i.onSave!==void 0,onEnter:i.onEnter!==void 0,onSubmit:i.onSubmit!==void 0,onBeforeRender:i.onBeforeRender!==void 0,onAfterRender:i.onAfterRender!==void 0};j.current=v;let y=new t.Blok(_(_(_(_(_(_(_(_({},i),s===void 0?{}:{tools:s}),{},{holder:r,onReady:(...e)=>{var t,n;(t=(n=f.current).onReady)==null||t.call(n,...e)}},v.onChange?{onChange:c.onChange}:{}),v.onSave?{onSave:c.onSave}:{}),v.onEnter?{onEnter:c.onEnter}:{}),v.onSubmit?{onSubmit:c.onSubmit}:{}),v.onBeforeRender?{onBeforeRender:c.onBeforeRender}:{}),v.onAfterRender?{onAfterRender:c.onAfterRender}:{}));return n.editor=y,b.current=i.data,l(y,r),te(y,a),ne(y,{markRendered:e=>{g.current.clear(),h.current=e,S.current=void 0}}),y.isReady.then(()=>{n.editor===y&&!n.isDestroyed&&(n.isEditorReady=!0,u(y))}).catch(()=>{if(n.editor===y&&!n.isDestroyed){d(y),E(y),k(y);try{y.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}}),()=>{F(n,u)}},[m]),(0,e.useEffect)(()=>{let e=w.current,t=p.current;if(e===null||t.editor===null||t.isDestroyed)return;let r=f.current.tools;if(typeof r!=`object`||!r)return;let i=T.current;for(let[t,o]of Object.entries(r)){var a;if(!M(o))continue;let r=typeof o==`function`||(a=o.config)==null?{}:a,s=i==null?void 0:i[t],c=re(typeof s==`object`&&s?s.config:void 0,r),l=D.current.get(t);if(l!==void 0&&(0,n.deepEqual)(c,l))continue;let u=Object.freeze(c);D.current.set(t,u),e.setToolConfig(t,u)}}),(0,e.useEffect)(()=>{let e=p.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady)return;let t=f.current.tools;if(!(typeof t!=`object`||!t))for(let[i,a]of Object.entries(t)){var r;if(!O.current.has(i))continue;let t=typeof a==`object`&&a?a.toolbox:void 0;(0,n.deepEqual)(t,O.current.get(i))||(O.current.set(i,t),(r=e.editor.tools)==null||r.update(i,{toolbox:t}))}}),(0,e.useEffect)(()=>{let e=p.current,t=A.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady||t===null)return;let n=f.current,r=j.current,i={},a={value:!1},o=(e,i)=>{let o=n[e]!==void 0;o!==r[e]&&(r[e]=o,a.value=!0,i(o?t[e]:void 0))};o(`onChange`,e=>{i.onChange=e}),o(`onSave`,e=>{i.onSave=e}),o(`onEnter`,e=>{i.onEnter=e}),o(`onSubmit`,e=>{i.onSubmit=e}),o(`onBeforeRender`,e=>{i.onBeforeRender=e}),o(`onAfterRender`,e=>{i.onAfterRender=e}),a.value&&e.editor.handlers.set(i)});let N=typeof s.readOnly==`object`&&s.readOnly!==null,{enabled:P,hideControls:I}=(0,n.normalizeReadOnlyConfig)(s.readOnly);(0,e.useEffect)(()=>{c!==null&&(N?c.readOnly.set(P,{hideControls:I}):c.readOnly.set(P))},[c,P,I,N]);let{hideToolbar:L}=s;(0,e.useEffect)(()=>{c===null||L===void 0||c.toolbar.setHidden(L)},[c,L]);let{inlineToolbar:R}=s;(0,e.useEffect)(()=>{c===null||R===void 0||c.tools.setInlineToolbar(R)},[c,R===void 0?void 0:JSON.stringify(R)]);let{autofocus:z}=s;(0,e.useEffect)(()=>{c===null||!z||c.focus()},[c,z]);let{theme:B}=s;(0,e.useEffect)(()=>{c===null||B===void 0||c.theme.set(B)},[c,B]);let{width:V}=s;(0,e.useEffect)(()=>{c===null||V===void 0||c.width.set(V)},[c,V]);let H=(a=s.style)==null?void 0:a.tokens,U=(0,e.useRef)((o=s.style)==null?void 0:o.tokens);(0,e.useEffect)(()=>{c===null||H===void 0||(0,n.deepEqual)(H,U.current)||(U.current=H,c.tokens.set(H))},[c,H]);let{i18n:W}=s,G=(0,e.useRef)(s.i18n);(0,e.useEffect)(()=>{if(c===null||W===void 0||(0,n.deepEqual)(W,G.current))return;G.current=W;let{locale:e,messages:t,direction:r}=W;c.i18n.update(_(_(_({},e===void 0?{}:{locale:e}),t===void 0?{}:{messages:t}),r===void 0?{}:{direction:r}))},[c,W]);let{placeholder:K}=s;(0,e.useEffect)(()=>{c===null||K===void 0||c.placeholder.set(K)},[c,K]);let{data:q}=s;return(0,e.useEffect)(()=>{if(c===null||q===void 0)return;let e=p.current;if(e.editor!==c||e.isDestroyed)return;if(y.current!==c&&(y.current=c,S.current=void 0,g.current.clear(),(0,n.deepEqual)(q,b.current))){h.current=q;return}let t=h.current,r=S.current;t!==void 0&&(0,n.equalsOutputData)(q,t)||r!==void 0&&(0,n.equalsOutputData)(q,r)||g.current.matches(q)||(g.current.clear(),S.current=q,x.current=x.current.catch(()=>void 0).then(()=>c.render((0,n.toRenderableData)(q))).then(()=>{h.current=q},()=>{}).then(()=>{S.current===q&&(S.current=void 0)}))},[c,q]),c}function F(e,t){e.destroyTimeout=setTimeout(()=>{if(e.editor!==null){d(e.editor),E(e.editor),k(e.editor);try{e.editor.destroy()}catch(e){}e.editor=null,e.holder=null,e.isDestroyed=!0,e.isEditorReady=!1,e.destroyTimeout=null,t(null)}},0)}var I=class extends e.Component{constructor(...e){super(...e),this.state={failed:!1}}static getDerivedStateFromError(){return{failed:!0}}componentDidCatch(){}render(){return this.state.failed?null:this.props.children}};function L({registry:t}){let n=(0,e.useSyncExternalStore)(t.subscribe,t.getSnapshot,t.getSnapshot);return(0,r.jsx)(r.Fragment,{children:Array.from(n.entries()).map(([e,t])=>{let n=t.component;return(0,a.createPortal)((0,r.jsx)(I,{children:(0,r.jsx)(n,_({},t.props))}),t.hostEl,e)})})}var R=(0,e.createContext)(null);function z(){return(0,e.useContext)(R)}function B(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function V(e,t){if(e==null)return{};var n,r,i=B(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var H=[`editor`];function U(e){var t,n;if(typeof window>`u`)return;let r=window.location.hash.slice(1);r!==``&&((t=(n=e.blocks).scrollToBlock)==null||t.call(n,W(r)))}function W(e){try{return decodeURIComponent(e)}catch(t){return e}}var G=(0,e.forwardRef)(function(t,n){let{editor:i}=t,a=V(t,H),o=(0,e.useRef)(null),s=e=>{if(o.current=e,typeof n==`function`)n(e);else if(n!=null){let t=n;t.current=e}};(0,e.useEffect)(()=>{if(i===null||o.current===null)return;let e=u(i);if(e!==void 0)return o.current.appendChild(e),U(i),()=>{e.remove()}},[i]);let c=i===null?void 0:T(i);return(0,r.jsx)(`div`,_(_({ref:s},a),{},{children:c===void 0?null:(0,r.jsx)(R.Provider,{value:i,children:(0,r.jsx)(L,{registry:c})})}))}),K=`autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor`.split(`.`),q=[`deps`,`onReady`,`locale`,`onBlocksRendered`,`onBlockRendered`],J=new Set(K),oe=(0,e.forwardRef)(function(t,n){let{deps:i,onReady:a,locale:o,onBlocksRendered:s,onBlockRendered:c}=t,l=V(t,q),u={},d={};for(let e of Object.keys(l)){let t=l[e];J.has(e)?u[e]=t:d[e]=t}if(o!==void 0){let e=u.i18n;u.i18n=_(_({},e),{},{locale:o})}let f=P(u,i);(0,e.useImperativeHandle)(n,()=>f,[f]);let p=(0,e.useRef)(a);p.current=a;let m=(0,e.useRef)(null);(0,e.useEffect)(()=>{if(f!==null&&m.current!==f){var e;m.current=f,(e=p.current)==null||e.call(p,f)}},[f]);let h=(0,e.useRef)(s);h.current=s;let g=(0,e.useRef)(c);g.current=c;let v=!!s,y=!!c;return(0,e.useEffect)(()=>{if(f===null)return;let e=[];if(v){let t=e=>{var t;return(t=h.current)==null?void 0:t.call(h,e)};f.on(`blocks:rendered`,t),e.push([`blocks:rendered`,t])}if(y){let t=e=>{var t;return(t=g.current)==null?void 0:t.call(g,e)};f.on(`block:rendered`,t),e.push([`block:rendered`,t])}return()=>{for(let[t,n]of e)f.off(t,n)}},[f,v,y]),(0,r.jsx)(G,_({editor:f},d))});function se(){let t=(0,e.useRef)(null);return(0,e.useMemo)(()=>({ref:e=>{t.current=e},get current(){return t.current},get isReady(){return t.current!==null},focus:e=>{var n,r;return(n=(r=t.current)==null?void 0:r.focus(e))!=null&&n},clear:()=>{let e=t.current;return e===null?Promise.resolve():e.clear().then(()=>{var t;(t=O(e))==null||t.markRendered(n.EMPTY_OUTPUT_DATA)})},save:()=>t.current===null?Promise.resolve(null):t.current.save(),render:e=>{let n=t.current;return n===null?Promise.resolve():n.render(e).then(()=>{var t;(t=O(n))==null||t.markRendered(e)})},setReadOnly:e=>{let n=t.current;return n===null?Promise.resolve(!1):n.readOnly.set(e==null?!n.readOnly.isEnabled:e)}}),[])}var Y=`block changed`;function ce(t){let r=(0,e.useRef)(0),i=(0,e.useRef)(t);i.current!==t&&(i.current=t,r.current=0);let a=(0,e.useCallback)(e=>{if(t===null)return()=>void 0;let n=()=>{r.current+=1,e()};return t.on(Y,n),()=>t.off(Y,n)},[t]),o=(0,e.useCallback)(()=>r.current,[]);return(0,e.useSyncExternalStore)(a,o,o),(0,e.useMemo)(()=>t===null?n.EMPTY_API:(0,n.createBlocksApiForEditor)(t),[t])}function le(n={}){let{within:r,settleOn:i}=n,[a,o]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>{var e;let n=r instanceof Element?r:(e=r==null?void 0:r.current)==null?null:e;o(r!==void 0&&n===null?!1:t.Blok.readyState({within:n,settleOn:i}).ready)};return e(),t.Blok.subscribeReady(e)},[r,i]),a}var ue=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]),de=new Set([`disabled`,`open`,`controls`,`autoplay`,`loop`,`muted`,`required`,`multiple`,`playsinline`,`reversed`,`hidden`,`default`,`novalidate`,`allowfullscreen`,`itemscope`]),X={class:`className`,for:`htmlFor`,colspan:`colSpan`,rowspan:`rowSpan`,tabindex:`tabIndex`,readonly:`readOnly`,srcset:`srcSet`,srclang:`srcLang`,datetime:`dateTime`,autoplay:`autoPlay`,playsinline:`playsInline`,novalidate:`noValidate`,allowfullscreen:`allowFullScreen`,crossorigin:`crossOrigin`,referrerpolicy:`referrerPolicy`,contenteditable:`contentEditable`,spellcheck:`spellCheck`,maxlength:`maxLength`,minlength:`minLength`,usemap:`useMap`,itemscope:`itemScope`},fe=e=>{let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();if(r===``||i===``)continue;let a=r.startsWith(`--`)?r:r.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[a]=i}return t},pe=(e,t)=>{let n={key:t};for(let[t,a]of Object.entries(e)){var r;if(t===`style`){n.style=fe(a);continue}if(t===`checked`){n.defaultChecked=!0;continue}if(t===`value`){n.defaultValue=a;continue}if(de.has(t)){var i;n[(i=X[t])==null?t:i]=!0;continue}n[(r=X[t])==null?t:r]=a}return n},Z=t=>t.map((t,n)=>{if(`text`in t)return t.text;let r=pe(t.attrs,n);return ue.has(t.tag)||t.children.length===0?(0,e.createElement)(t.tag,r):(0,e.createElement)(t.tag,r,...Z(t.children))}),Q=(t,n)=>{let r=n==null?void 0:n.schema,i=n==null?void 0:n.renderers,a=n==null?void 0:n.onUnknownBlock,s=n==null?void 0:n.toolAttributes,c=n==null?void 0:n.blockIds,l=n==null?void 0:n.transformUrl,u=n==null?void 0:n.classes;return(0,e.useMemo)(()=>(0,e.createElement)(e.Fragment,null,...Z((0,o.blocksToViewNodes)(t,{schema:r,renderers:i,onUnknownBlock:a,toolAttributes:s,blockIds:c,transformUrl:l,classes:u}))),[t,r,i,a,s,c,l,u])},me=[`data`,`schema`,`renderers`,`onUnknownBlock`,`toolAttributes`,`blockIds`,`transformUrl`,`classes`],he=e=>{let{data:t,schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,classes:l}=e,u=V(e,me),d=Q(t,{schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,classes:l==null||l});return(0,r.jsx)(`div`,_(_({"data-blok-interface":`view`},u),{},{children:d}))},ge=[`icon`,`title`],_e=[`commit`,`readOnly`],ve=[x,S],ye=(e,t,n)=>{let r=new Map;t.forEach((e,t)=>{var i;let a=[];for(let[r,o]of Object.entries((i=n==null?void 0:n(e,t))==null?{}:i)){if(o==null){e.holder.removeAttribute(r);continue}e.holder.setAttribute(r,String(o)),a.push(r)}r.set(e.id,{holder:e.holder,names:a})});for(let[t,n]of e){let e=r.get(t);n.names.filter(t=>e===void 0||!e.names.includes(t)).forEach(e=>n.holder.removeAttribute(e))}e.clear(),r.forEach((t,n)=>e.set(n,t))},be=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})},xe=new Set([void 0,`user`,`api`,`convert`]),Se=[`toolbox`,`isReadOnlySupported`,`__isBlokReactBlock`,`__buildPortalToolbox`];function Ce(t){var i,o;let c=e=>{if(typeof document>`u`)return null;let t=document.createElement(`div`),n=(0,s.createRoot)(t);(0,a.flushSync)(()=>{n.render(e)});let r=t.innerHTML;return n.unmount(),r===``?null:r},l=t=>{let{icon:n,title:r}=t,i=_({},V(t,ge));if(typeof r==`string`&&(i.title=r),!(0,e.isValidElement)(n))return n!==void 0&&(i.icon=n),{entry:i,deferred:!1};let a=c(n);return a===null?(i.icon=n,{entry:i,deferred:!0}):(i.icon=a,{entry:i,deferred:!1})},u=()=>{if(t.toolbox===void 0)return{value:void 0,complete:!0};let e=(Array.isArray(t.toolbox)?t.toolbox:[t.toolbox]).map(e=>l(e)),n=e.every(e=>!e.deferred),r=e.map(e=>e.entry);return{value:Array.isArray(t.toolbox)?r:r[0],complete:n}},d=(n,i)=>{if(t.toolbox===void 0)return;let a=Array.isArray(t.toolbox)?t.toolbox:[t.toolbox];if(!a.some(t=>(0,e.isValidElement)(t.title)))return;let o=a.map((t,a)=>{let{entry:o,deferred:s}=l(t);if(s&&delete o.icon,!(0,e.isValidElement)(t.title))return o;let c=document.createElement(`span`);c.setAttribute(`data-blok-mutation-free`,`true`);let u=t.title,d=()=>(0,r.jsx)(r.Fragment,{children:u});return d.displayName=`BlokToolboxTitle(${i})`,n.register(`__blok-toolbox-title__:${i}:${a}`,{hostEl:c,component:d,props:{},toolName:i}),_(_({},o),{},{titleEl:c})});return Array.isArray(t.toolbox)?o:o[0]},f={resolved:!1,value:void 0},p=()=>{if(f.resolved)return f.value;let{value:e,complete:t}=u();return t&&(f.value=e,f.resolved=!0),e},m=t.viewComponent===void 0?t.component:e=>{let n=t.viewComponent;if(e.readOnly&&n!==void 0){let{commit:t,readOnly:i}=e;return(0,r.jsx)(n,_({},V(e,_e)))}let i=t.component;return(0,r.jsx)(i,_({},e))},h=(i=class{static get toolbox(){return p()}static __buildPortalToolbox(e,t){return d(e,t)}static get isReadOnlySupported(){return!0}constructor(i){var a,o,s;this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.commit=e=>{var r;let i=(0,n.fillDefaults)(t.propSchema,_(_({},this.mirror),e));(0,n.deepEqual)(i,this.mirror)||(this.mirror=i,this.lastRendered=i,(r=this.registry)==null||r.setProps(this.blockApi.id,{data:i}),this.flushDispatch())},this.blockApi=i.block;let c=(a=i.config)==null?{}:a;this.registry=c[x];let l=c[S];this.toolName=typeof l==`string`?l:void 0;let u={};for(let[e,t]of Object.entries(c))ve.includes(e)||(u[e]=t);this.toolConfig=Object.freeze(u),this.api=i.api;let d=i.api;this.pointerDrag=()=>{var e;return(d==null||(e=d.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(o=i.data)==null?{}:o),this.lastRendered=this.mirror,this.readOnly=i.readOnly,this.origin=(s=i.origin)==null?`api`:s;let f=this.blockApi,p=this.api;this.childrenComponent=function({childAttributes:t}){let i=(0,e.useRef)(null),a=(0,e.useRef)(new Map);return(0,e.useEffect)(()=>{if(i.current===null)return;let e=f.getChildren();(0,n.mountChildBlocks)(i.current,e),ye(a.current,e,t),be(p,f.id,e)}),(0,r.jsx)(`div`,{ref:i,[n.DATA_ATTR.nestedBlocks]:``})},this.entryComponent=this.buildEntryComponent()}buildEntryComponent(){let n=t.onMounted,i=t.onCreated;if(n===void 0&&i===void 0)return m;let a=m,o=()=>{if(this.mountSignalled)return;this.mountSignalled=!0;let e={origin:this.origin,api:this.api};n==null||n(this.blockApi,e),xe.has(this.origin)&&(i==null||i(this.blockApi,e))},s=t=>((0,e.useEffect)(o,[]),(0,r.jsx)(a,_({},t)));return s.displayName=`BlokBlockMount(${t.type})`,s}render(){var e;let t=document.createElement(`div`);return t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t,(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.entryComponent,props:this.buildProps(),toolName:this.toolName}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(e){var r=this;let i=(0,n.fillDefaults)(t.propSchema,e==null?{}:e);return(0,n.deepEqual)(i,r.lastRendered)?!0:(r.mirror=i,r.lastRendered=i,r.pushProps({data:i}),!0)}setReadOnly(e){this.readOnly=e,this.pushProps({readOnly:e})}getToolbarAnchorElement(){var e;let n=this.hostEl;if(!(n===null||t.getToolbarAnchorElement===void 0))return(e=t.getToolbarAnchorElement(n,this.blockApi))==null?void 0:e}moved(){var e;(e=t.onMoved)==null||e.call(t,this.blockApi)}removed(){var e,n,r;(e=this.registry)==null||e.unregister(this.blockApi.id,(n=this.hostEl)==null?void 0:n),(r=t.onRemoved)==null||r.call(t,this.blockApi)}destroy(){var e,t;(e=this.registry)==null||e.unregister(this.blockApi.id,(t=this.hostEl)==null?void 0:t)}buildProps(){return{data:this.mirror,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnly,config:this.toolConfig,BlockChildren:this.childrenComponent}}pushProps(e){let t=this.registry;t!==void 0&&(0,a.flushSync)(()=>{t.setProps(this.blockApi.id,e)})}flushDispatch(){if(!this.pointerDrag()){this.pendingDispatch=!1,this.blockApi.dispatchChange();return}if(this.pendingDispatch)return;this.pendingDispatch=!0;let e=()=>{if(this.pointerDrag()){requestAnimationFrame(e);return}this.pendingDispatch=!1,this.blockApi.dispatchChange()};requestAnimationFrame(e)}},i.__isBlokReactBlock=!0,i);for(let[e,n]of Object.entries((o=t.statics)==null?{}:o))Se.includes(e)||Object.defineProperty(h,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return h}var we=[x,S],Te=e=>`__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,$=(0,e.createContext)(null);function Ee(){let t=(0,e.useContext)($);if(t===null)throw Error(`useInlineTool() must be called from a component rendered by createReactInlineTool`);return t}function De(t){var i;return i=class{static get type(){return t.type}static get title(){return t.title}static get titleKey(){var e;return(e=t.titleKey)==null?t.type:e}static get shortcut(){return t.shortcut}static get mark(){return t.mark}static get sanitize(){return t.sanitize===void 0?t.mark===void 0?void 0:(0,n.markSanitizerConfig)(t.mark):t.sanitize}static get isReadOnlySupported(){var e;return(e=t.isReadOnlySupported)!=null&&e}constructor(e){var n;this.active=!1,this.registered=!1;let r=(n=e==null?void 0:e.config)==null?{}:n;this.api=e==null?void 0:e.api,this.registry=r[x];let i=r[S];this.toolName=typeof i==`string`?i:t.type,this.portalKey=Te(this.toolName);let a={};for(let[e,t]of Object.entries(r))we.includes(e)||(a[e]=t);this.toolConfig=Object.freeze(a),this.portalComponent=this.createPortalComponent()}render(){let e=document.createElement(`div`);return e.setAttribute(`data-blok-mutation-free`,`true`),this.registry!==void 0&&(this.registry.register(this.portalKey,{hostEl:e,component:this.portalComponent,props:{active:this.active,config:this.toolConfig},toolName:this.toolName}),this.registered=!0),{name:this.toolName,title:t.title,icon:e,onActivate:()=>{this.activate()},isActive:()=>this.refreshActiveState()}}destroy(){var e;this.registered&&(this.registered=!1,(e=this.registry)==null||e.unregister(this.portalKey))}activate(){var e;if(typeof t.surround==`function`){let e=window.getSelection();if(!e||e.rangeCount===0)return;t.surround(e.getRangeAt(0),this.api);return}t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.toggle(t.mark)}refreshActiveState(){let e=this.computeActiveState();if(e!==this.active&&(this.active=e,this.registered)){var t;(t=this.registry)==null||t.setProps(this.portalKey,{active:e})}return e}computeActiveState(){var e;return typeof t.checkState==`function`?!!t.checkState(window.getSelection(),this.api):t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.has(t.mark)}createPortalComponent(){let n=this.api,i=t.mark,a=t.component,o=i!==void 0&&(n==null?void 0:n.marks)!==void 0?{has:()=>n.marks.has(i),toggle:e=>n.marks.toggle(i,e),apply:e=>n.marks.apply(i,e),remove:()=>n.marks.remove(i),read:()=>n.marks.read(i)}:null,s=t=>{let i=(0,e.useMemo)(()=>({active:t.active,config:t.config,api:n,mark:o}),[t.active,t.config]);return(0,r.jsx)($.Provider,{value:i,children:(0,r.jsx)(a,{active:t.active,config:t.config})})};return s.displayName=`BlokInlineTool(${this.toolName})`,s}},i.__isBlokReactInlineTool=!0,i.isInline=!0,i}exports.BLOK_PORTAL_REGISTRY_CONFIG_KEY=x,exports.BLOK_TOOL_NAME_CONFIG_KEY=S,exports.BlockPortalHost=L,exports.BlokContent=G,exports.BlokEditor=oe,exports.BlokProvider=y,exports.BlokView=he,exports.createBlockPortalRegistry=C,exports.createReactBlock=Ce,exports.createReactInlineTool=De,Object.defineProperty(exports,"getDirection",{enumerable:!0,get:function(){return i.getDirection}}),Object.defineProperty(exports,"normalizeLocale",{enumerable:!0,get:function(){return i.normalizeLocale}}),exports.useBlocks=ce,exports.useBlok=P,exports.useBlokDefaults=b,exports.useBlokHandle=se,exports.useBlokInstance=z,exports.useBlokReady=le,exports.useBlokView=Q,exports.useInlineTool=Ee;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters"),r=require("react/jsx-runtime"),i=require("@bloklabs/core/locales"),a=require("react-dom"),o=require("@bloklabs/core/view"),s=require("react-dom/client");var c=new WeakMap;function l(e,t){c.set(e,t)}function u(e){return c.get(e)}function d(e){c.delete(e)}function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var v=(0,e.createContext)({});function y({defaults:e,children:t}){return(0,r.jsx)(v.Provider,{value:e,children:t})}function b(){return(0,e.useContext)(v)}function ee(e,t){if(Object.keys(e).length===0)return t;let n=_({},e);for(let e of Object.keys(t)){let r=t[e];r!==void 0&&(n[e]=r)}return(e.tools!==void 0||t.tools!==void 0)&&(n.tools=_(_({},e.tools),t.tools)),n}var x=`__blokPortalRegistry`,S=`__blokToolName`,C=()=>{let e={snapshot:new Map},t=new Set,n=new Map,r=n=>{e.snapshot=n,t.forEach(e=>e())};return{register(t,i){let a=new Map(e.snapshot),o=i.toolName===void 0?void 0:n.get(i.toolName);a.set(t,o===void 0?i:_(_({},i),{},{props:_(_({},i.props),{},{config:o})})),r(a)},unregister(t,n){let i=e.snapshot.get(t);if(i===void 0||n!==void 0&&i.hostEl!==n)return;let a=new Map(e.snapshot);a.delete(t),r(a)},setProps(t,n){let i=e.snapshot.get(t);if(i===void 0)return;let a=new Map(e.snapshot);a.set(t,_(_({},i),{},{props:_(_({},i.props),n)})),r(a)},setToolConfig(t,i){n.set(t,i);let a=[...e.snapshot].filter(([,e])=>e.toolName===t);if(a.length===0)return;let o=new Map(e.snapshot);for(let[e,t]of a)o.set(e,_(_({},t),{},{props:_(_({},t.props),{},{config:i})}));r(o)},subscribe(e){return t.add(e),()=>{t.delete(e)}},getSnapshot(){return e.snapshot}}},w=new WeakMap;function te(e,t){w.set(e,t)}function T(e){return w.get(e)}function E(e){w.delete(e)}var D=new WeakMap;function ne(e,t){D.set(e,t)}function O(e){return D.get(e)}function k(e){D.delete(e)}var A=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},j=(e,t)=>t.reduce((e,t)=>{if(Array.isArray(e))return typeof t==`number`?e[t]:void 0;if(A(e))return e[t]},e),re=(e,t)=>{let n=(e,t)=>{if(typeof e==`function`)return typeof t==`function`?t:e;if(Array.isArray(e)){let r=Array.isArray(t)?t:[];return e.map((e,t)=>n(e,r[t]))}if(A(e)){let r=A(t)?t:{},i={};for(let[t,a]of Object.entries(e))i[t]=n(a,r[t]);return i}return e},r=n(t,e);return A(r)?r:{}},ie=(e,t)=>{if(!A(e))return e;let n={};for(let[r,i]of Object.entries(e)){if(!A(i)||!A(i.config)){n[r]=i;continue}let e=new WeakSet,a=(n,i)=>{if(typeof n==`function`){let e=n;return function(...n){let a=t(),o=A(a)?a[r]:void 0,s=j(A(o)?o.config:void 0,i);return Reflect.apply(typeof s==`function`?s:e,this,n)}}if(Array.isArray(n))return e.has(n)?n:(e.add(n),n.map((e,t)=>a(e,[...i,t])));if(A(n)){if(e.has(n))return n;e.add(n);let t={};for(let[e,r]of Object.entries(n))t[e]=a(r,[...i,e]);return t}return n};n[r]=_(_({},i),{},{config:a(i.config,[])})}return n},M=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactBlock===!0},N=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactInlineTool===!0},ae=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;if(!M(a)&&!N(a)){n[i]=a;continue}let e=typeof a==`function`?{class:a}:_({},a);e.config=_(_({},(r=e.config)==null?{}:r),{},{[x]:t,[S]:i});let o=e.class.__buildPortalToolbox,s=typeof o==`function`&&e.toolbox===void 0?o(t,i):void 0;s!==void 0&&(e.toolbox=s),n[i]=e}return n};function P(r,i){var a,o;let s=ee((0,e.useContext)(v),r),[c,u]=(0,e.useState)(null),f=(0,e.useRef)(s);f.current=s;let p=(0,e.useRef)({editor:null,holder:null,destroyTimeout:null,isDestroyed:!1,isEditorReady:!1,depsToken:null}),m=(0,e.useMemo)(()=>({}),i==null?[]:i),h=(0,e.useRef)(s.data),g=(0,e.useRef)((0,n.createEmittedEchoWindow)()),y=(0,e.useRef)(null),b=(0,e.useRef)(s.data),x=(0,e.useRef)(Promise.resolve()),S=(0,e.useRef)(void 0),w=(0,e.useRef)(null),T=(0,e.useRef)(void 0),D=(0,e.useRef)(new Map),O=(0,e.useRef)(new Map),A=(0,e.useRef)(null),j=(0,e.useRef)({onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1});(0,e.useEffect)(()=>{var e;if(typeof window>`u`)return;let n=p.current;if(n.destroyTimeout!==null&&(clearTimeout(n.destroyTimeout),n.destroyTimeout=null),n.editor!==null&&!n.isDestroyed&&n.depsToken===m)return n.isEditorReady&&u(n.editor),()=>{F(n,u)};if(n.editor!==null&&!n.isDestroyed){d(n.editor),E(n.editor),k(n.editor);try{n.editor.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}let r=document.createElement(`div`);n.holder=r,n.isDestroyed=!1,n.isEditorReady=!1,n.depsToken=m;let i=f.current,a=C(),o=i.tools===void 0?void 0:ie(i.tools,()=>f.current.tools),s=o===void 0?void 0:ae(o,a);w.current=a,T.current=o,D.current=new Map,O.current=new Map(Object.entries((e=i.tools)==null?{}:e).map(([e,t])=>[e,typeof t==`object`&&t?t.toolbox:void 0]));let c={onChange:(...e)=>{var t,n;(t=(n=f.current).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;h.current=e[0],g.current.record(e[0]),(t=(n=f.current).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=f.current).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=f.current).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=f.current).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=f.current).onAfterRender)==null||t.call(n,...e)}};A.current=c;let v={onChange:i.onChange!==void 0,onSave:i.onSave!==void 0,onEnter:i.onEnter!==void 0,onSubmit:i.onSubmit!==void 0,onBeforeRender:i.onBeforeRender!==void 0,onAfterRender:i.onAfterRender!==void 0};j.current=v;let y=new t.Blok(_(_(_(_(_(_(_(_({},i),s===void 0?{}:{tools:s}),{},{holder:r,onReady:(...e)=>{var t,n;(t=(n=f.current).onReady)==null||t.call(n,...e)}},v.onChange?{onChange:c.onChange}:{}),v.onSave?{onSave:c.onSave}:{}),v.onEnter?{onEnter:c.onEnter}:{}),v.onSubmit?{onSubmit:c.onSubmit}:{}),v.onBeforeRender?{onBeforeRender:c.onBeforeRender}:{}),v.onAfterRender?{onAfterRender:c.onAfterRender}:{}));return n.editor=y,b.current=i.data,l(y,r),te(y,a),ne(y,{markRendered:e=>{g.current.clear(),h.current=e,S.current=void 0}}),y.isReady.then(()=>{n.editor===y&&!n.isDestroyed&&(n.isEditorReady=!0,u(y))}).catch(()=>{if(n.editor===y&&!n.isDestroyed){d(y),E(y),k(y);try{y.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}}),()=>{F(n,u)}},[m]),(0,e.useEffect)(()=>{let e=w.current,t=p.current;if(e===null||t.editor===null||t.isDestroyed)return;let r=f.current.tools;if(typeof r!=`object`||!r)return;let i=T.current;for(let[t,o]of Object.entries(r)){var a;if(!M(o))continue;let r=typeof o==`function`||(a=o.config)==null?{}:a,s=i==null?void 0:i[t],c=re(typeof s==`object`&&s?s.config:void 0,r),l=D.current.get(t);if(l!==void 0&&(0,n.deepEqual)(c,l))continue;let u=Object.freeze(c);D.current.set(t,u),e.setToolConfig(t,u)}}),(0,e.useEffect)(()=>{let e=p.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady)return;let t=f.current.tools;if(!(typeof t!=`object`||!t))for(let[i,a]of Object.entries(t)){var r;if(!O.current.has(i))continue;let t=typeof a==`object`&&a?a.toolbox:void 0;(0,n.deepEqual)(t,O.current.get(i))||(O.current.set(i,t),(r=e.editor.tools)==null||r.update(i,{toolbox:t}))}}),(0,e.useEffect)(()=>{let e=p.current,t=A.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady||t===null)return;let n=f.current,r=j.current,i={},a={value:!1},o=(e,i)=>{let o=n[e]!==void 0;o!==r[e]&&(r[e]=o,a.value=!0,i(o?t[e]:void 0))};o(`onChange`,e=>{i.onChange=e}),o(`onSave`,e=>{i.onSave=e}),o(`onEnter`,e=>{i.onEnter=e}),o(`onSubmit`,e=>{i.onSubmit=e}),o(`onBeforeRender`,e=>{i.onBeforeRender=e}),o(`onAfterRender`,e=>{i.onAfterRender=e}),a.value&&e.editor.handlers.set(i)});let N=typeof s.readOnly==`object`&&s.readOnly!==null,{enabled:P,hideControls:I}=(0,n.normalizeReadOnlyConfig)(s.readOnly);(0,e.useEffect)(()=>{c!==null&&(N?c.readOnly.set(P,{hideControls:I}):c.readOnly.set(P))},[c,P,I,N]);let{hideToolbar:L}=s;(0,e.useEffect)(()=>{c===null||L===void 0||c.toolbar.setHidden(L)},[c,L]);let{inlineToolbar:R}=s;(0,e.useEffect)(()=>{c===null||R===void 0||c.tools.setInlineToolbar(R)},[c,R===void 0?void 0:JSON.stringify(R)]);let{autofocus:z}=s;(0,e.useEffect)(()=>{c===null||!z||c.focus()},[c,z]);let{theme:B}=s;(0,e.useEffect)(()=>{c===null||B===void 0||c.theme.set(B)},[c,B]);let{width:V}=s;(0,e.useEffect)(()=>{c===null||V===void 0||c.width.set(V)},[c,V]);let H=(a=s.style)==null?void 0:a.tokens,U=(0,e.useRef)((o=s.style)==null?void 0:o.tokens);(0,e.useEffect)(()=>{c===null||H===void 0||(0,n.deepEqual)(H,U.current)||(U.current=H,c.tokens.set(H))},[c,H]);let{i18n:W}=s,G=(0,e.useRef)(s.i18n);(0,e.useEffect)(()=>{if(c===null||W===void 0||(0,n.deepEqual)(W,G.current))return;G.current=W;let{locale:e,messages:t,direction:r}=W;c.i18n.update(_(_(_({},e===void 0?{}:{locale:e}),t===void 0?{}:{messages:t}),r===void 0?{}:{direction:r}))},[c,W]);let{placeholder:K}=s;(0,e.useEffect)(()=>{c===null||K===void 0||c.placeholder.set(K)},[c,K]);let{data:q}=s;return(0,e.useEffect)(()=>{if(c===null||q===void 0)return;let e=p.current;if(e.editor!==c||e.isDestroyed)return;if(y.current!==c&&(y.current=c,S.current=void 0,g.current.clear(),(0,n.deepEqual)(q,b.current))){h.current=q;return}let t=h.current,r=S.current;t!==void 0&&(0,n.equalsOutputData)(q,t)||r!==void 0&&(0,n.equalsOutputData)(q,r)||g.current.matches(q)||(g.current.clear(),S.current=q,x.current=x.current.catch(()=>void 0).then(()=>c.render((0,n.toRenderableData)(q))).then(()=>{h.current=q},()=>{}).then(()=>{S.current===q&&(S.current=void 0)}))},[c,q]),c}function F(e,t){e.destroyTimeout=setTimeout(()=>{if(e.editor!==null){d(e.editor),E(e.editor),k(e.editor);try{e.editor.destroy()}catch(e){}e.editor=null,e.holder=null,e.isDestroyed=!0,e.isEditorReady=!1,e.destroyTimeout=null,t(null)}},0)}var I=class extends e.Component{constructor(...e){super(...e),this.state={failed:!1}}static getDerivedStateFromError(){return{failed:!0}}componentDidCatch(){}render(){return this.state.failed?null:this.props.children}};function L({registry:t}){let n=(0,e.useSyncExternalStore)(t.subscribe,t.getSnapshot,t.getSnapshot);return(0,r.jsx)(r.Fragment,{children:Array.from(n.entries()).map(([e,t])=>{let n=t.component;return(0,a.createPortal)((0,r.jsx)(I,{children:(0,r.jsx)(n,_({},t.props))}),t.hostEl,e)})})}var R=(0,e.createContext)(null);function z(){return(0,e.useContext)(R)}function B(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function V(e,t){if(e==null)return{};var n,r,i=B(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var H=[`editor`];function U(e){var t,n;if(typeof window>`u`)return;let r=window.location.hash.slice(1);r!==``&&((t=(n=e.blocks).scrollToBlock)==null||t.call(n,W(r)))}function W(e){try{return decodeURIComponent(e)}catch(t){return e}}var G=(0,e.forwardRef)(function(t,n){let{editor:i}=t,a=V(t,H),o=(0,e.useRef)(null),s=e=>{if(o.current=e,typeof n==`function`)n(e);else if(n!=null){let t=n;t.current=e}};(0,e.useEffect)(()=>{if(i===null||o.current===null)return;let e=u(i);if(e!==void 0)return o.current.appendChild(e),U(i),()=>{e.remove()}},[i]);let c=i===null?void 0:T(i);return(0,r.jsx)(`div`,_(_({ref:s},a),{},{children:c===void 0?null:(0,r.jsx)(R.Provider,{value:i,children:(0,r.jsx)(L,{registry:c})})}))}),K=`autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor`.split(`.`),q=[`deps`,`onReady`,`locale`,`onBlocksRendered`,`onBlockRendered`],oe=new Set(K),se=(0,e.forwardRef)(function(t,n){let{deps:i,onReady:a,locale:o,onBlocksRendered:s,onBlockRendered:c}=t,l=V(t,q),u={},d={};for(let e of Object.keys(l)){let t=l[e];oe.has(e)?u[e]=t:d[e]=t}if(o!==void 0){let e=u.i18n;u.i18n=_(_({},e),{},{locale:o})}let f=P(u,i);(0,e.useImperativeHandle)(n,()=>f,[f]);let p=(0,e.useRef)(a);p.current=a;let m=(0,e.useRef)(null);(0,e.useEffect)(()=>{if(f!==null&&m.current!==f){var e;m.current=f,(e=p.current)==null||e.call(p,f)}},[f]);let h=(0,e.useRef)(s);h.current=s;let g=(0,e.useRef)(c);g.current=c;let v=!!s,y=!!c;return(0,e.useEffect)(()=>{if(f===null)return;let e=[];if(v){let t=e=>{var t;return(t=h.current)==null?void 0:t.call(h,e)};f.on(`blocks:rendered`,t),e.push([`blocks:rendered`,t])}if(y){let t=e=>{var t;return(t=g.current)==null?void 0:t.call(g,e)};f.on(`block:rendered`,t),e.push([`block:rendered`,t])}return()=>{for(let[t,n]of e)f.off(t,n)}},[f,v,y]),(0,r.jsx)(G,_({editor:f},d))});function ce(){let t=(0,e.useRef)(null);return(0,e.useMemo)(()=>({ref:e=>{t.current=e},get current(){return t.current},get isReady(){return t.current!==null},focus:e=>{var n,r;return(n=(r=t.current)==null?void 0:r.focus(e))!=null&&n},clear:()=>{let e=t.current;return e===null?Promise.resolve():e.clear().then(()=>{var t;(t=O(e))==null||t.markRendered(n.EMPTY_OUTPUT_DATA)})},save:()=>t.current===null?Promise.resolve(null):t.current.save(),render:e=>{let n=t.current;return n===null?Promise.resolve():n.render(e).then(()=>{var t;(t=O(n))==null||t.markRendered(e)})},setReadOnly:e=>{let n=t.current;return n===null?Promise.resolve(!1):n.readOnly.set(e==null?!n.readOnly.isEnabled:e)}}),[])}var J=`block changed`;function le(t,r={}){var i;let a=(i=r.within)==null?null:i,o=(0,e.useRef)(0),s=(0,e.useRef)(t);s.current!==t&&(s.current=t,o.current=0);let c=(0,e.useCallback)(e=>{if(t===null)return()=>void 0;let r=r=>{a!==null&&!(0,n.changeTouchesSubtree)(t,r,a)||(o.current+=1,e())};return t.on(J,r),()=>t.off(J,r)},[t,a]),l=(0,e.useCallback)(()=>o.current,[]);return(0,e.useSyncExternalStore)(c,l,l),(0,e.useMemo)(()=>t===null?n.EMPTY_API:(0,n.createBlocksApiForEditor)(t),[t])}function ue(n={}){let{within:r,settleOn:i}=n,[a,o]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>{var e;let n=r instanceof Element?r:(e=r==null?void 0:r.current)==null?null:e;o(r!==void 0&&n===null?!1:t.Blok.readyState({within:n,settleOn:i}).ready)};return e(),t.Blok.subscribeReady(e)},[r,i]),a}var de=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]),fe=new Set([`disabled`,`open`,`controls`,`autoplay`,`loop`,`muted`,`required`,`multiple`,`playsinline`,`reversed`,`hidden`,`default`,`novalidate`,`allowfullscreen`,`itemscope`]),Y={class:`className`,for:`htmlFor`,colspan:`colSpan`,rowspan:`rowSpan`,tabindex:`tabIndex`,readonly:`readOnly`,srcset:`srcSet`,srclang:`srcLang`,datetime:`dateTime`,autoplay:`autoPlay`,playsinline:`playsInline`,novalidate:`noValidate`,allowfullscreen:`allowFullScreen`,crossorigin:`crossOrigin`,referrerpolicy:`referrerPolicy`,contenteditable:`contentEditable`,spellcheck:`spellCheck`,maxlength:`maxLength`,minlength:`minLength`,usemap:`useMap`,itemscope:`itemScope`},pe=e=>{let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();if(r===``||i===``)continue;let a=r.startsWith(`--`)?r:r.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[a]=i}return t},me=(e,t)=>{let n={key:t};for(let[t,a]of Object.entries(e)){var r;if(t===`style`){n.style=pe(a);continue}if(t===`checked`){n.defaultChecked=!0;continue}if(t===`value`){n.defaultValue=a;continue}if(fe.has(t)){var i;n[(i=Y[t])==null?t:i]=!0;continue}n[(r=Y[t])==null?t:r]=a}return n},X=t=>t.map((t,n)=>{if(`text`in t)return t.text;let r=me(t.attrs,n);return de.has(t.tag)||t.children.length===0?(0,e.createElement)(t.tag,r):(0,e.createElement)(t.tag,r,...X(t.children))}),Z=(t,n)=>{let r=n==null?void 0:n.schema,i=n==null?void 0:n.renderers,a=n==null?void 0:n.onUnknownBlock,s=n==null?void 0:n.toolAttributes,c=n==null?void 0:n.blockIds,l=n==null?void 0:n.transformUrl,u=n==null?void 0:n.inlineRenderers,d=n==null?void 0:n.classes;return(0,e.useMemo)(()=>(0,e.createElement)(e.Fragment,null,...X((0,o.blocksToViewNodes)(t,{schema:r,renderers:i,onUnknownBlock:a,toolAttributes:s,blockIds:c,transformUrl:l,inlineRenderers:u,classes:d}))),[t,r,i,a,s,c,l,u,d])},he=[`data`,`schema`,`renderers`,`onUnknownBlock`,`toolAttributes`,`blockIds`,`transformUrl`,`inlineRenderers`,`classes`],Q=e=>{let{data:t,schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u}=e,d=V(e,he),f=Z(t,{schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u==null||u});return(0,r.jsx)(`div`,_(_({"data-blok-interface":`view`},d),{},{children:f}))},ge=[`icon`,`title`],_e=[`commit`,`readOnly`],ve=[x,S],ye=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})},be=new Set([void 0,`user`,`api`,`convert`]),xe=[`toolbox`,`isReadOnlySupported`,`__isBlokReactBlock`,`__buildPortalToolbox`];function Se(t){var i,o;let c=e=>{if(typeof document>`u`)return null;let t=document.createElement(`div`),n=(0,s.createRoot)(t);(0,a.flushSync)(()=>{n.render(e)});let r=t.innerHTML;return n.unmount(),r===``?null:r},l=t=>{let{icon:n,title:r}=t,i=_({},V(t,ge));if(typeof r==`string`&&(i.title=r),!(0,e.isValidElement)(n))return n!==void 0&&(i.icon=n),{entry:i,deferred:!1};let a=c(n);return a===null?(i.icon=n,{entry:i,deferred:!0}):(i.icon=a,{entry:i,deferred:!1})},u=()=>{if(t.toolbox===void 0)return{value:void 0,complete:!0};let e=(Array.isArray(t.toolbox)?t.toolbox:[t.toolbox]).map(e=>l(e)),n=e.every(e=>!e.deferred),r=e.map(e=>e.entry);return{value:Array.isArray(t.toolbox)?r:r[0],complete:n}},d=(n,i)=>{if(t.toolbox===void 0)return;let a=Array.isArray(t.toolbox)?t.toolbox:[t.toolbox];if(!a.some(t=>(0,e.isValidElement)(t.title)))return;let o=a.map((t,a)=>{let{entry:o,deferred:s}=l(t);if(s&&delete o.icon,!(0,e.isValidElement)(t.title))return o;let c=document.createElement(`span`);c.setAttribute(`data-blok-mutation-free`,`true`);let u=t.title,d=()=>(0,r.jsx)(r.Fragment,{children:u});return d.displayName=`BlokToolboxTitle(${i})`,n.register(`__blok-toolbox-title__:${i}:${a}`,{hostEl:c,component:d,props:{},toolName:i}),_(_({},o),{},{titleEl:c})});return Array.isArray(t.toolbox)?o:o[0]},f={resolved:!1,value:void 0},p=()=>{if(f.resolved)return f.value;let{value:e,complete:t}=u();return t&&(f.value=e,f.resolved=!0),e},m=t.viewComponent===void 0?t.component:e=>{let n=t.viewComponent;if(e.readOnly&&n!==void 0){let{commit:t,readOnly:i}=e;return(0,r.jsx)(n,_({},V(e,_e)))}let i=t.component;return(0,r.jsx)(i,_({},e))},h=(i=class{static get toolbox(){return p()}static __buildPortalToolbox(e,t){return d(e,t)}static get isReadOnlySupported(){return!0}constructor(i){var a,o,s;this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.anchorEl=null,this.toolbarAnchorRef=e=>{this.anchorEl=e},this.commit=e=>{var r;let i=(0,n.fillDefaults)(t.propSchema,_(_({},this.mirror),e));(0,n.deepEqual)(i,this.mirror)||(this.mirror=i,this.lastRendered=i,(r=this.registry)==null||r.setProps(this.blockApi.id,{data:i}),this.flushDispatch())},this.blockApi=i.block;let c=(a=i.config)==null?{}:a;this.registry=c[x];let l=c[S];this.toolName=typeof l==`string`?l:void 0;let u={};for(let[e,t]of Object.entries(c))ve.includes(e)||(u[e]=t);this.toolConfig=Object.freeze(u),this.api=i.api;let d=i.api;this.pointerDrag=()=>{var e;return(d==null||(e=d.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(o=i.data)==null?{}:o),this.lastRendered=this.mirror,this.readOnly=i.readOnly,this.origin=(s=i.origin)==null?`api`:s;let f=this.blockApi,p=this.api;this.childrenComponent=function({childAttributes:t,childContentAttributes:i}){let a=(0,e.useRef)(null),o=(0,e.useRef)((0,n.createChildDecorationLedger)());return(0,e.useEffect)(()=>{if(a.current===null)return;let e=f.getChildren();(0,n.mountChildBlocks)(a.current,e),(0,n.applyChildDecoration)(o.current,e,{childAttributes:t,childContentAttributes:i}),ye(p,f.id,e)}),(0,r.jsx)(`div`,{ref:a,[n.DATA_ATTR.nestedBlocks]:``})},this.entryComponent=this.buildEntryComponent()}buildEntryComponent(){let n=t.onMounted,i=t.onCreated;if(n===void 0&&i===void 0)return m;let a=m,o=()=>{if(this.mountSignalled)return;this.mountSignalled=!0;let e={origin:this.origin,api:this.api};n==null||n(this.blockApi,e),be.has(this.origin)&&(i==null||i(this.blockApi,e))},s=t=>((0,e.useEffect)(o,[]),(0,r.jsx)(a,_({},t)));return s.displayName=`BlokBlockMount(${t.type})`,s}render(){var e;let t=document.createElement(`div`);return t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t,(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.entryComponent,props:this.buildProps(),toolName:this.toolName}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(e){var r=this;let i=(0,n.fillDefaults)(t.propSchema,e==null?{}:e);return(0,n.deepEqual)(i,r.lastRendered)?!0:(r.mirror=i,r.lastRendered=i,r.pushProps({data:i}),!0)}setReadOnly(e){this.readOnly=e,this.pushProps({readOnly:e})}getToolbarAnchorElement(){var e;let n=this.anchorEl;if(n!==null&&n.isConnected)return n;let r=this.hostEl;if(!(r===null||t.getToolbarAnchorElement===void 0))return(e=t.getToolbarAnchorElement(r,this.blockApi))==null?void 0:e}moved(){var e;(e=t.onMoved)==null||e.call(t,this.blockApi)}removed(){var e,n,r;(e=this.registry)==null||e.unregister(this.blockApi.id,(n=this.hostEl)==null?void 0:n),(r=t.onRemoved)==null||r.call(t,this.blockApi)}destroy(){var e,t;(e=this.registry)==null||e.unregister(this.blockApi.id,(t=this.hostEl)==null?void 0:t)}buildProps(){return{data:this.mirror,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnly,config:this.toolConfig,BlockChildren:this.childrenComponent,toolbarAnchorRef:this.toolbarAnchorRef}}pushProps(e){let t=this.registry;t!==void 0&&(0,a.flushSync)(()=>{t.setProps(this.blockApi.id,e)})}flushDispatch(){if(!this.pointerDrag()){this.pendingDispatch=!1,this.blockApi.dispatchChange();return}if(this.pendingDispatch)return;this.pendingDispatch=!0;let e=()=>{if(this.pointerDrag()){requestAnimationFrame(e);return}this.pendingDispatch=!1,this.blockApi.dispatchChange()};requestAnimationFrame(e)}},i.__isBlokReactBlock=!0,i);for(let[e,n]of Object.entries((o=t.statics)==null?{}:o))xe.includes(e)||Object.defineProperty(h,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return h}var Ce=[x,S],we=e=>`__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,$=(0,e.createContext)(null);function Te(){let t=(0,e.useContext)($);if(t===null)throw Error(`useInlineTool() must be called from a component rendered by createReactInlineTool`);return t}function Ee(t){var i;return i=class{static get type(){return t.type}static get title(){return t.title}static get titleKey(){var e;return(e=t.titleKey)==null?t.type:e}static get shortcut(){return t.shortcut}static get mark(){return t.mark}static get sanitize(){return t.sanitize===void 0?t.mark===void 0?void 0:(0,n.markSanitizerConfig)(t.mark):t.sanitize}static get isReadOnlySupported(){var e;return(e=t.isReadOnlySupported)!=null&&e}constructor(e){var n;this.active=!1,this.registered=!1;let r=(n=e==null?void 0:e.config)==null?{}:n;this.api=e==null?void 0:e.api,this.registry=r[x];let i=r[S];this.toolName=typeof i==`string`?i:t.type,this.portalKey=we(this.toolName);let a={};for(let[e,t]of Object.entries(r))Ce.includes(e)||(a[e]=t);this.toolConfig=Object.freeze(a),this.portalComponent=this.createPortalComponent()}render(){let e=document.createElement(`div`);return e.setAttribute(`data-blok-mutation-free`,`true`),this.registry!==void 0&&(this.registry.register(this.portalKey,{hostEl:e,component:this.portalComponent,props:{active:this.active,config:this.toolConfig},toolName:this.toolName}),this.registered=!0),{name:this.toolName,title:t.title,icon:e,onActivate:()=>{this.activate()},isActive:()=>this.refreshActiveState()}}destroy(){var e;this.registered&&(this.registered=!1,(e=this.registry)==null||e.unregister(this.portalKey))}activate(){var e;if(typeof t.surround==`function`){let e=window.getSelection();if(!e||e.rangeCount===0)return;t.surround(e.getRangeAt(0),this.api);return}t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.toggle(t.mark)}refreshActiveState(){let e=this.computeActiveState();if(e!==this.active&&(this.active=e,this.registered)){var t;(t=this.registry)==null||t.setProps(this.portalKey,{active:e})}return e}computeActiveState(){var e;return typeof t.checkState==`function`?!!t.checkState(window.getSelection(),this.api):t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.has(t.mark)}createPortalComponent(){let n=this.api,i=t.mark,a=t.component,o=i!==void 0&&(n==null?void 0:n.marks)!==void 0?{has:()=>n.marks.has(i),toggle:e=>n.marks.toggle(i,e),apply:e=>n.marks.apply(i,e),remove:()=>n.marks.remove(i),read:()=>n.marks.read(i)}:null,s=t=>{let i=(0,e.useMemo)(()=>({active:t.active,config:t.config,api:n,mark:o}),[t.active,t.config]);return(0,r.jsx)($.Provider,{value:i,children:(0,r.jsx)(a,{active:t.active,config:t.config})})};return s.displayName=`BlokInlineTool(${this.toolName})`,s}},i.__isBlokReactInlineTool=!0,i.isInline=!0,i}exports.BLOK_PORTAL_REGISTRY_CONFIG_KEY=x,exports.BLOK_TOOL_NAME_CONFIG_KEY=S,exports.BlockPortalHost=L,exports.BlokContent=G,exports.BlokEditor=se,exports.BlokProvider=y,exports.BlokView=Q,exports.createBlockPortalRegistry=C,exports.createReactBlock=Se,exports.createReactInlineTool=Ee,Object.defineProperty(exports,"getDirection",{enumerable:!0,get:function(){return i.getDirection}}),Object.defineProperty(exports,"normalizeLocale",{enumerable:!0,get:function(){return i.normalizeLocale}}),exports.useBlocks=le,exports.useBlok=P,exports.useBlokDefaults=b,exports.useBlokHandle=ce,exports.useBlokInstance=z,exports.useBlokReady=ue,exports.useBlokView=Z,exports.useInlineTool=Te;