@bloklabs/vue 1.15.2 → 1.16.1

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("vue"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters");var r=new WeakMap;function i(e,t){r.set(e,t)}function a(e){return r.get(e)}function o(e){r.delete(e)}var s=new WeakMap;function c(e,t){s.set(e,t)}function l(e){return s.get(e)}function u(e){s.delete(e)}function d(e){"@babel/helpers - typeof";return d=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},d(e)}function f(e,t){if(d(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(d(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function p(e){var t=f(e,`string`);return d(t)==`symbol`?t:t+``}function m(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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 g(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?h(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var _=Symbol(`BLOK_DEFAULT_CONFIG`);function v(t){(0,e.provide)(_,t)}function y(){return(0,e.inject)(_,{})}function b(e,t){if(Object.keys(e).length===0)return t;let n=g({},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=g(g({},e.tools),t.tools)),n}var x=`__blokPortalRegistry`,S=()=>{let t=(0,e.reactive)(new Map);return{entries:t,register(n,r){t.set(n,(0,e.markRaw)(r))},unregister(e,n){var r;(n===void 0||((r=t.get(e))==null?void 0:r.hostEl)===n)&&t.delete(e)},setProps(e,n){let r=t.get(e);r!==void 0&&Object.assign(r.props,n)}}},C=new WeakMap;function w(e,t){C.set(e,t)}function T(e){return C.get(e)}function E(e){C.delete(e)}var D=e=>({onChange:e.onChange!==void 0,onSave:e.onSave!==void 0,onEnter:e.onEnter!==void 0,onSubmit:e.onSubmit!==void 0,onBeforeRender:e.onBeforeRender!==void 0,onAfterRender:e.onAfterRender!==void 0}),O=e=>`[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e==null?`{doc}`:e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`,k=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;let e=typeof a==`function`?a:a==null?void 0:a.class;if(typeof e!=`function`||e.__isBlokVueBlock!==!0){n[i]=a;continue}let o=typeof a==`function`?{class:a}:g({},a);o.config=g(g({},(r=o.config)==null?{}:r),{},{[x]:t}),n[i]=o}return n};function A(r,a){let s=(0,e.shallowRef)(null),l=(0,e.inject)(_,{}),d=()=>b(l,(0,e.toValue)(r)),f={current:null,holder:null,lastRenderedData:d().data,seededEditor:null,renderChain:Promise.resolve(),collaborationWarned:!1,constructedCollaboration:void 0,appliedHandlerPresence:{onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1}},p={onChange:(...e)=>{var t,n;(t=(n=d()).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;f.lastRenderedData=e[0],(t=(n=d()).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=d()).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=d()).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=d()).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=d()).onAfterRender)==null||t.call(n,...e)}},m=()=>{let t=g({},b((0,e.toRaw)(l),(0,e.toRaw)((0,e.toValue)(r))));return delete t.holder,t.data!==void 0&&(t.data=(0,e.toRaw)(t.data)),t},h=()=>{if(f.current!==null){u(f.current),E(f.current),o(f.current);try{f.current.destroy()}catch(e){}}f.current=null,f.holder=null,s.value=null},v=()=>{let e=document.createElement(`div`);f.holder=e;let n=m(),r=S();n.tools!==void 0&&(n.tools=k(n.tools,r));let a=D(d());n.onChange=a.onChange?p.onChange:void 0,n.onSave=a.onSave?p.onSave:void 0,n.onEnter=a.onEnter?p.onEnter:void 0,n.onSubmit=a.onSubmit?p.onSubmit:void 0,n.onBeforeRender=a.onBeforeRender?p.onBeforeRender:void 0,n.onAfterRender=a.onAfterRender?p.onAfterRender:void 0,f.appliedHandlerPresence=a;let o=new t.Blok(g(g({},n),{},{holder:e}));f.current=o,f.constructedCollaboration=n.collaboration,c(o,e),w(o,r),i(o,{markRendered:e=>{f.lastRenderedData=e}}),o.isReady.then(()=>{f.current===o&&(s.value=o)}).catch(()=>{f.current===o&&h()})};(0,e.watch)([s,()=>(0,n.normalizeReadOnlyConfig)(d().readOnly).enabled,()=>(0,n.normalizeReadOnlyConfig)(d().readOnly).hideControls,()=>typeof d().readOnly==`object`],([e,t,n,r])=>{e&&(r?e.readOnly.set(t,{hideControls:n}):e.readOnly.set(t))},{immediate:!0}),(0,e.watch)([s,()=>d().hideToolbar],([e,t])=>{e&&e.toolbar.setHidden(!!t)},{immediate:!0}),(0,e.watch)([s,()=>d().toolbarPosition],([e,t])=>{e&&t!==void 0&&e.toolbar.setPosition(t)},{immediate:!0}),(0,e.watch)([s,()=>d().theme],([e,t])=>{e&&t!==void 0&&e.theme.set(t)},{immediate:!0}),(0,e.watch)([s,()=>d().width],([e,t])=>{e&&t!==void 0&&e.width.set(t)},{immediate:!0}),(0,e.watch)([s,()=>d().placeholder],([e,t])=>{e&&t!==void 0&&e.placeholder.set(t)},{immediate:!0});let y={value:void 0};(0,e.watch)([s,()=>{var e;return(e=d().style)==null?void 0:e.tokens}],([e,t])=>{!e||t===void 0||(0,n.deepEqual)(t,y.value)||(y.value=g({},t),e.tokens.set(t))},{immediate:!0,deep:!0});let x={value:d().i18n};(0,e.watch)([s,()=>d().i18n],([e,t])=>{if(!e||t===void 0||(0,n.deepEqual)(t,x.value))return;x.value=g({},t);let{locale:r,messages:i,direction:a}=t;e.i18n.update(g(g(g({},r===void 0?{}:{locale:r}),i===void 0?{}:{messages:i}),a===void 0?{}:{direction:a}))},{immediate:!0,deep:!0});let C={editor:null,value:void 0};return(0,e.watch)([s,()=>d().inlineToolbar],([e,t])=>{if(!e||t===void 0||C.editor===e&&(0,n.deepEqual)(t,C.value))return;let r=Array.isArray(t)?[...t]:t;C.editor=e,C.value=r,e.tools.setInlineToolbar(r)},{immediate:!0,deep:!0}),(0,e.watch)([s,()=>d().autofocus],([e,t])=>{e&&t&&e.focus()},{immediate:!0}),(0,e.watch)([s,()=>JSON.stringify(D(d()))],([e])=>{if(!e)return;let t=D(d()),n=f.appliedHandlerPresence,r={},i={value:!1},a=(e,r)=>{t[e]!==n[e]&&(n[e]=t[e],i.value=!0,r(t[e]?p[e]:void 0))};a(`onChange`,e=>{r.onChange=e}),a(`onSave`,e=>{r.onSave=e}),a(`onEnter`,e=>{r.onEnter=e}),a(`onSubmit`,e=>{r.onSubmit=e}),a(`onBeforeRender`,e=>{r.onBeforeRender=e}),a(`onAfterRender`,e=>{r.onAfterRender=e}),i.value&&e.handlers.set(r)},{immediate:!0}),(0,e.watch)([s,()=>d().data],([t,r])=>{if(!t||r===void 0)return;if(f.seededEditor!==t){f.seededEditor=t,f.lastRenderedData=r;return}let i=f.lastRenderedData;if(i!==void 0&&(0,n.equalsOutputData)(r,i))return;let a=f.constructedCollaboration;if(a!==void 0){f.collaborationWarned||(f.collaborationWarned=!0,console.warn(O(a.doc)));return}f.lastRenderedData=r,f.renderChain=f.renderChain.catch(()=>void 0).then(()=>t.render((0,n.toRenderableData)((0,e.toRaw)(r))))},{immediate:!0}),a!==void 0&&(0,e.watch)(()=>(0,e.toValue)(a),()=>{h(),v()}),(0,e.onMounted)(v),(0,e.onBeforeUnmount)(h),s}var j=`block changed`;function M(t,r={}){let i=(0,e.shallowRef)(0),a=()=>{let n=(0,e.toValue)(t);return n===null?null:(0,e.toRaw)(n)},o=()=>{i.value},s=(0,e.shallowRef)(n.EMPTY_API),c={editor:null,handler:null},l=()=>{c.editor!==null&&c.handler!==null&&c.editor.off(j,c.handler),c.editor=null,c.handler=null};return(0,e.watch)(()=>a(),t=>{if(l(),i.value+=1,t===null){s.value=n.EMPTY_API;return}let a=a=>{var o;let s=(o=(0,e.toValue)(r.within))==null?null:o;s!==null&&!(0,n.changeTouchesSubtree)(t,a,s)||(i.value+=1)};t.on(j,a),c.editor=t,c.handler=a,s.value=(0,n.createBlocksApiForEditor)(t,o)},{immediate:!0}),(0,e.onScopeDispose)(l),{getById:e=>s.value.getById(e),getChildren:e=>s.value.getChildren(e),insert:e=>s.value.insert(e),insertMany:e=>s.value.insertMany(e),insertTree:e=>s.value.insertTree(e),insertMarkdown:(e,t)=>s.value.insertMarkdown(e,t),exportMarkdown:()=>s.value.exportMarkdown(),move:(e,t)=>s.value.move(e,t),nest:(e,t)=>s.value.nest(e,t),unnest:e=>s.value.unnest(e),remove:e=>s.value.remove(e),update:(e,t,n)=>s.value.update(e,t,n),convert:(e,t,n,r)=>s.value.convert(e,t,n,r),transact:e=>s.value.transact(e),transactWithoutCapture:e=>s.value.transactWithoutCapture(e),getBlocksCount:()=>s.value.getBlocksCount(),getCurrentBlockIndex:()=>s.value.getCurrentBlockIndex(),getBlockByIndex:e=>s.value.getBlockByIndex(e),getBlockByElement:e=>s.value.getBlockByElement(e),getBlockData:e=>s.value.getBlockData(e),getBlockIndex:e=>s.value.getBlockIndex(e),composeBlockData:e=>s.value.composeBlockData(e),renderFromHTML:e=>s.value.renderFromHTML(e),insertOutputData:(e,t)=>s.value.insertOutputData(e,t),splitBlock:(e,t,n,r,i)=>s.value.splitBlock(e,t,n,r,i),insertInsideParent:(e,t,n)=>s.value.insertInsideParent(e,t,n),render:e=>s.value.render(e),clear:()=>s.value.clear(),isSyncingFromYjs:()=>s.value.isSyncingFromYjs()}}function N(n={}){let{within:r,settleOn:i}=n,a=(0,e.shallowRef)(!1),o=()=>{var n;let o=r===void 0||(n=(0,e.toValue)(r))==null?null:n;a.value=r!==void 0&&o===null?!1:t.Blok.readyState({within:o,settleOn:i}).ready};return(0,e.onScopeDispose)(t.Blok.subscribeReady(o)),(0,e.onMounted)(o),a}var P=(0,e.defineComponent)({name:`BlockErrorBoundary`,setup(t,{slots:n}){return(0,e.onErrorCaptured)(()=>!1),()=>{var e;return(e=n.default)==null?void 0:e.call(n)}}}),F=(0,e.defineComponent)({name:`BlockPortalHost`,props:{registry:{type:Object,required:!0}},setup(t){return()=>(0,e.h)(e.Fragment,Array.from(t.registry.entries.entries()).map(([t,n])=>(0,e.h)(e.Teleport,{key:t,to:n.hostEl},[(0,e.h)(P,null,{default:()=>(0,e.h)(n.component,n.props)})])))}}),I=Symbol(`BLOK_EDITOR_INSTANCE`),L=(0,e.shallowRef)(null);function R(){return(0,e.inject)(I,L)}var z=(0,e.defineComponent)({name:`BlokContent`,props:{editor:{type:Object,default:null}},setup(t){let n=(0,e.ref)(null);(0,e.provide)(I,(0,e.computed)(()=>t.editor===null?null:(0,e.toRaw)(t.editor)));let r=t=>{if(n.value===null||t===null)return;let r=l((0,e.toRaw)(t));r!==void 0&&n.value.appendChild(r)},i=t=>{var n;t!==null&&((n=l((0,e.toRaw)(t)))==null||n.remove())};return(0,e.onMounted)(()=>{r(t.editor)}),(0,e.watch)(()=>t.editor,(e,t)=>{i(t==null?null:t),r(e)}),(0,e.onBeforeUnmount)(()=>{i(t.editor)}),()=>{let r=t.editor,i=r===null?void 0:T((0,e.toRaw)(r));return(0,e.h)(`div`,{ref:n},i===void 0?[]:[(0,e.h)(F,{registry:i})])}}}),B=`autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.migrations.uploader.server.ticket.persistence.collaboration.captureClicksBelowEditor`.split(`.`),V=(0,e.defineComponent)({name:`BlokEditor`,inheritAttrs:!1,props:{autofocus:{type:Boolean,default:void 0},defaultBlock:{type:String,default:void 0},dataModel:{type:String,default:void 0},placeholder:{type:[String,Boolean],default:void 0},sanitizer:{type:Object,default:void 0},hideToolbar:{type:Boolean,default:void 0},toolbarPosition:{type:String,default:void 0},maxHistoryLength:{type:Number,default:void 0},historyDebounceTime:{type:Number,default:void 0},newGroupDelay:{type:Number,default:void 0},globalUndoRedo:{type:Boolean,default:void 0},tools:{type:Object,default:void 0},data:{type:Object,default:void 0},minHeight:{type:Number,default:void 0},logLevel:{type:String,default:void 0},readOnly:{type:[Boolean,Object],default:void 0},i18n:{type:Object,default:void 0},link:{type:Object,default:void 0},linkPaste:{type:Object,default:void 0},inlineToolbar:{type:[Array,Boolean],default:void 0},inlineEmoji:{type:Boolean,default:void 0},tunes:{type:Array,default:void 0},style:{type:Object,default:void 0},theme:{type:String,default:void 0},scrollToBlock:{type:Object,default:void 0},user:{type:Object,default:void 0},resolveUser:{type:Function,default:void 0},notifierPosition:{type:String,default:void 0},notifier:{type:Function,default:void 0},width:{type:String,default:void 0},onBeforeRender:{type:Function,default:void 0},onBeforePaste:{type:Function,default:void 0},onEnter:{type:Function,default:void 0},onSubmit:{type:Function,default:void 0},onError:{type:Function,default:void 0},migrations:{type:Object,default:void 0},uploader:{type:Object,default:void 0},server:{type:String,default:void 0},ticket:{type:String,default:void 0},persistence:{type:Object,default:void 0},collaboration:{type:Object,default:void 0},captureClicksBelowEditor:{type:Boolean,default:void 0},recreateKey:{type:null}},emits:{ready:e=>!0,change:e=>!0,save:e=>!0,"update:data":e=>!0,"after-render":e=>!0,"theme-change":e=>!0,"blocks-rendered":e=>!0,"block-rendered":e=>!0},setup(t,{emit:n,expose:r,attrs:i}){let o=(0,e.getCurrentInstance)(),s=()=>{let e=o==null?void 0:o.vnode.props;return e==null?``:Object.keys(e).filter(e=>e.startsWith(`on`)).sort().join(`|`)},c=(0,e.ref)(s());(0,e.onUpdated)(()=>{c.value=s()});let l=e=>c.value.split(`|`).includes(e),u=()=>{let e={};for(let n of B){let r=t[n];r!==void 0&&(e[n]=r)}return l(`onChange`)&&(e.onChange=(e,t)=>{n(`change`,{api:e,event:t})}),(l(`onSave`)||l(`onUpdate:data`))&&(e.onSave=e=>{n(`update:data`,e),n(`save`,e)}),l(`onAfterRender`)&&(e.onAfterRender=e=>{n(`after-render`,e)}),l(`onThemeChange`)&&(e.onThemeChange=e=>{n(`theme-change`,e)}),e},d=A(()=>u(),()=>t.recreateKey);(0,e.watch)([d,c],([e],t,r)=>{if(e===null)return;let i=[];if(l(`onBlocksRendered`)){let t=e=>n(`blocks-rendered`,e);e.on(`blocks:rendered`,t),i.push([`blocks:rendered`,t])}if(l(`onBlockRendered`)){let t=e=>n(`block-rendered`,e);e.on(`block:rendered`,t),i.push([`block:rendered`,t])}r(()=>{for(let[t,n]of i)e.off(t,n)})});let f={last:null};return(0,e.watch)(d,e=>{e!==null&&e!==f.last&&(f.last=e,n(`ready`,e))}),r({instance:(0,e.computed)(()=>d.value),save:()=>{var e;return(e=d.value)==null?void 0:e.save()},focus:e=>{var t;(t=d.value)==null||t.focus(e)},render:e=>{let t=d.value;if(t!==null)return t.render(e).then(()=>{var n;(n=a(t))==null||n.markRendered(e)})}}),()=>(0,e.h)(z,g({editor:d.value},i))}}),H=[`toolbox`,`isReadOnlySupported`,`__isBlokVueBlock`],U=new Set([void 0,`user`,`api`,`convert`]),W=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})};function G(t){var r,i;let a=()=>(0,e.defineComponent)({name:`VueBlock(${t.type})`,props:{ctx:{type:Object,required:!0},notifyMounted:{type:Function,default:void 0}},setup(n){return(0,e.onMounted)(()=>{var e;return(e=n.notifyMounted)==null?void 0:e.call(n)}),t.setup(n.ctx)}}),o=(r=class{static get toolbox(){return t.toolbox}static get isReadOnlySupported(){return!0}constructor(r){var i,o,s;this.wrappedComponent=a(),this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.anchorEl=null,this.toolbarAnchorRef=e=>{let t=e===null||e instanceof Element?e:e.$el;this.anchorEl=t instanceof HTMLElement?t:null},this.notifyMounted=()=>{var e;if(this.mountSignalled)return;this.mountSignalled=!0;let n={origin:this.origin,api:this.api};if((e=t.onMounted)==null||e.call(t,this.blockApi,n),U.has(this.origin)){var r;(r=t.onCreated)==null||r.call(t,this.blockApi,n)}},this.commit=e=>{let r=(0,n.fillDefaults)(t.propSchema,g(g({},this.mirror),e));(0,n.deepEqual)(r,this.mirror)||(this.mirror=r,this.lastRendered=r,this.dataRef.value=r,this.flushDispatch())},this.blockApi=r.block;let c=(i=r.config)==null?{}:i;this.registry=c[x],this.api=r.api;let l=r.api;this.pointerDrag=()=>{var e;return(l==null||(e=l.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(0,e.toRaw)((o=r.data)==null?{}:o)),this.lastRendered=this.mirror,this.dataRef=(0,e.shallowRef)(this.mirror),this.readOnlyRef=(0,e.shallowRef)(r.readOnly),this.origin=(s=r.origin)==null?`api`:s;let u=this.blockApi,d=this.api;this.childrenComponent=(0,e.defineComponent)({name:`VueBlockChildren(${t.type})`,props:{childAttributes:{type:Function,default:void 0},childContentAttributes:{type:Function,default:void 0}},setup(t){let r=(0,e.ref)(null),i=(0,n.createChildDecorationLedger)(),a=()=>{if(r.value===null)return;let e=u.getChildren();(0,n.mountChildBlocks)(r.value,e),(0,n.applyChildDecoration)(i,e,{childAttributes:t.childAttributes,childContentAttributes:t.childContentAttributes}),W(d,u.id,e)};return(0,e.onMounted)(a),(0,e.onUpdated)(a),()=>(0,e.h)(`div`,{ref:r,[n.DATA_ATTR.nestedBlocks]:``})}})}render(){var e;let t=document.createElement(`div`);t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t;let n={data:this.dataRef,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnlyRef,BlockChildren:this.childrenComponent,toolbarAnchorRef:this.toolbarAnchorRef};return(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.wrappedComponent,props:{ctx:n,notifyMounted:this.notifyMounted}}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(r){var i=this;let a=(0,n.fillDefaults)(t.propSchema,(0,e.toRaw)(r==null?{}:r));return(0,n.deepEqual)(a,i.lastRendered)?!0:(i.mirror=a,i.lastRendered=a,i.dataRef.value=a,await(0,e.nextTick)(),!0)}setReadOnly(e){this.readOnlyRef.value=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)}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)}},r.__isBlokVueBlock=!0,r);for(let[e,n]of Object.entries((i=t.statics)==null?{}:i))H.includes(e)||Object.defineProperty(o,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return o}exports.BLOK_DEFAULT_CONFIG=_,exports.BLOK_EDITOR_INSTANCE=I,exports.BlokContent=z,exports.BlokEditor=V,exports.createVueBlock=G,exports.provideBlok=v,exports.useBlocks=M,exports.useBlok=A,exports.useBlokDefaults=y,exports.useBlokInstance=R,exports.useBlokReady=N;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("vue"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters");var r=new WeakMap;function i(e,t){r.set(e,t)}function a(e){return r.get(e)}function o(e){r.delete(e)}var s=new WeakMap;function c(e,t){s.set(e,t)}function l(e){return s.get(e)}function u(e){s.delete(e)}function d(e){"@babel/helpers - typeof";return d=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},d(e)}function f(e,t){if(d(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(d(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function p(e){var t=f(e,`string`);return d(t)==`symbol`?t:t+``}function m(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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 g(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?h(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var _=Symbol(`BLOK_DEFAULT_CONFIG`);function v(t){(0,e.provide)(_,t)}function y(){return(0,e.inject)(_,{})}function b(e,t){if(Object.keys(e).length===0)return t;let n=g({},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=g(g({},e.tools),t.tools)),n}var x=`__blokPortalRegistry`,S=()=>{let t=(0,e.reactive)(new Map);return{entries:t,register(n,r){t.set(n,(0,e.markRaw)(r))},unregister(e,n){var r;(n===void 0||((r=t.get(e))==null?void 0:r.hostEl)===n)&&t.delete(e)},setProps(e,n){let r=t.get(e);r!==void 0&&Object.assign(r.props,n)}}},C=new WeakMap;function w(e,t){C.set(e,t)}function T(e){return C.get(e)}function E(e){C.delete(e)}var D=e=>({onChange:e.onChange!==void 0,onSave:e.onSave!==void 0,onEnter:e.onEnter!==void 0,onSubmit:e.onSubmit!==void 0,onBeforeRender:e.onBeforeRender!==void 0,onAfterRender:e.onAfterRender!==void 0}),O=e=>`[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e==null?`{doc}`:e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`,k=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;let e=typeof a==`function`?a:a==null?void 0:a.class;if(typeof e!=`function`||e.__isBlokVueBlock!==!0){n[i]=a;continue}let o=typeof a==`function`?{class:a}:g({},a);o.config=g(g({},(r=o.config)==null?{}:r),{},{[x]:t}),n[i]=o}return n};function A(r,a){let s=(0,e.shallowRef)(null),l=(0,e.inject)(_,{}),d=()=>b(l,(0,e.toValue)(r)),f={current:null,holder:null,lastRenderedData:d().data,pendingData:void 0,seededEditor:null,renderChain:Promise.resolve(),collaborationWarnedFor:null,constructedCollaboration:void 0,appliedHandlerPresence:{onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1}},p=(0,n.createEmittedEchoWindow)(),m={onChange:(...e)=>{var t,n;(t=(n=d()).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;f.lastRenderedData=e[0],p.record(e[0]),(t=(n=d()).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=d()).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=d()).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=d()).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=d()).onAfterRender)==null||t.call(n,...e)}},h=()=>{let t=g({},b((0,e.toRaw)(l),(0,e.toRaw)((0,e.toValue)(r))));return delete t.holder,t.data!==void 0&&(t.data=(0,e.toRaw)(t.data)),t},v=()=>{if(f.current!==null){u(f.current),E(f.current),o(f.current);try{f.current.destroy()}catch(e){}}f.current=null,f.holder=null,s.value=null},y=()=>{let e=document.createElement(`div`);f.holder=e;let n=h(),r=S();n.tools!==void 0&&(n.tools=k(n.tools,r));let a=D(d());n.onChange=a.onChange?m.onChange:void 0,n.onSave=a.onSave?m.onSave:void 0,n.onEnter=a.onEnter?m.onEnter:void 0,n.onSubmit=a.onSubmit?m.onSubmit:void 0,n.onBeforeRender=a.onBeforeRender?m.onBeforeRender:void 0,n.onAfterRender=a.onAfterRender?m.onAfterRender:void 0,f.appliedHandlerPresence=a;let o=new t.Blok(g(g({},n),{},{holder:e}));f.current=o,f.constructedCollaboration=n.collaboration,c(o,e),w(o,r),i(o,{markRendered:e=>{p.clear(),f.lastRenderedData=e}}),o.isReady.then(()=>{f.current===o&&(s.value=o)}).catch(()=>{f.current===o&&v()})};(0,e.watch)([s,()=>(0,n.normalizeReadOnlyConfig)(d().readOnly).enabled,()=>(0,n.normalizeReadOnlyConfig)(d().readOnly).hideControls,()=>typeof d().readOnly==`object`],([e,t,n,r])=>{e&&(r?e.readOnly.set(t,{hideControls:n}):e.readOnly.set(t))},{immediate:!0}),(0,e.watch)([s,()=>d().hideToolbar],([e,t])=>{e&&e.toolbar.setHidden(!!t)},{immediate:!0}),(0,e.watch)([s,()=>d().toolbarPosition],([e,t])=>{e&&t!==void 0&&e.toolbar.setPosition(t)},{immediate:!0}),(0,e.watch)([s,()=>d().theme],([e,t])=>{e&&t!==void 0&&e.theme.set(t)},{immediate:!0}),(0,e.watch)([s,()=>d().width],([e,t])=>{e&&t!==void 0&&e.width.set(t)},{immediate:!0}),(0,e.watch)([s,()=>d().placeholder],([e,t])=>{e&&t!==void 0&&e.placeholder.set(t)},{immediate:!0});let x={value:void 0};(0,e.watch)([s,()=>{var e;return(e=d().style)==null?void 0:e.tokens}],([e,t])=>{e&&t!==void 0&&!(0,n.deepEqual)(t,x.value)&&(x.value=g({},t),e.tokens.set(t))},{immediate:!0,deep:!0});let C={value:d().i18n};(0,e.watch)([s,()=>d().i18n],([e,t])=>{let r=C.value;if(!e||t===void 0&&(r==null?void 0:r.direction)===void 0||(0,n.deepEqual)(t,r))return;C.value=t===void 0?void 0:g({},t);let{locale:i,messages:a,direction:o}=t==null?{}:t,s=o==null?(r==null?void 0:r.direction)===void 0?void 0:null:o;e.i18n.update(g(g(g({},i===void 0?{}:{locale:i}),a===void 0?{}:{messages:a}),s===void 0?{}:{direction:s}))},{immediate:!0,deep:!0});let T={editor:null,value:void 0};return(0,e.watch)([s,()=>d().inlineToolbar],([e,t])=>{if(!e||t===void 0||T.editor===e&&(0,n.deepEqual)(t,T.value))return;let r=Array.isArray(t)?[...t]:t;T.editor=e,T.value=r,e.tools.setInlineToolbar(r)},{immediate:!0,deep:!0}),(0,e.watch)([s,()=>d().autofocus],([e,t])=>{e&&t&&e.focus()},{immediate:!0}),(0,e.watch)([s,()=>JSON.stringify(D(d()))],([e])=>{if(!e)return;let t=D(d()),n=f.appliedHandlerPresence,r={},i={value:!1},a=(e,r)=>{t[e]!==n[e]&&(n[e]=t[e],i.value=!0,r(t[e]?m[e]:void 0))};a(`onChange`,e=>{r.onChange=e}),a(`onSave`,e=>{r.onSave=e}),a(`onEnter`,e=>{r.onEnter=e}),a(`onSubmit`,e=>{r.onSubmit=e}),a(`onBeforeRender`,e=>{r.onBeforeRender=e}),a(`onAfterRender`,e=>{r.onAfterRender=e}),i.value&&e.handlers.set(r)},{immediate:!0}),(0,e.watch)([s,()=>d().data],([t,r])=>{if(!t||r===void 0)return;if(f.seededEditor!==t){f.seededEditor=t,f.lastRenderedData=r,f.pendingData=void 0,p.clear();return}let i=f.lastRenderedData,a=f.pendingData;if(i!==void 0&&(0,n.equalsOutputData)(r,i)||a!==void 0&&(0,n.equalsOutputData)(r,a)||p.matches(r))return;let o=f.constructedCollaboration;if(o!==void 0){f.collaborationWarnedFor!==t&&(f.collaborationWarnedFor=t,console.warn(O(o.doc)));return}p.clear(),f.pendingData=r,f.renderChain=f.renderChain.then(()=>t.render((0,n.toRenderableData)((0,e.toRaw)(r)))).then(()=>{f.lastRenderedData=r},()=>void 0).then(()=>{f.pendingData===r&&(f.pendingData=void 0)})},{immediate:!0}),a!==void 0&&(0,e.watch)(()=>(0,e.toValue)(a),()=>{v(),y()}),(0,e.onMounted)(y),(0,e.onBeforeUnmount)(v),s}var j=`block changed`;function M(t,r={}){let i=(0,e.shallowRef)(0),a=()=>{let n=(0,e.toValue)(t);return n===null?null:(0,e.toRaw)(n)},o=()=>{i.value},s=(0,e.shallowRef)(n.EMPTY_API),c={editor:null,handler:null},l=()=>{c.editor!==null&&c.handler!==null&&c.editor.off(j,c.handler),c.editor=null,c.handler=null};return(0,e.watch)(()=>a(),t=>{if(l(),i.value+=1,t===null){s.value=n.EMPTY_API;return}let a=a=>{var o;let s=(o=(0,e.toValue)(r.within))==null?null:o;(s===null||(0,n.changeTouchesSubtree)(t,a,s))&&(i.value+=1)};t.on(j,a),c.editor=t,c.handler=a,s.value=(0,n.createBlocksApiForEditor)(t,o)},{immediate:!0}),(0,e.onScopeDispose)(l),{getById:e=>s.value.getById(e),getChildren:e=>s.value.getChildren(e),insert:e=>s.value.insert(e),insertMany:e=>s.value.insertMany(e),insertTree:e=>s.value.insertTree(e),insertMarkdown:(e,t)=>s.value.insertMarkdown(e,t),exportMarkdown:()=>s.value.exportMarkdown(),move:(e,t)=>s.value.move(e,t),nest:(e,t)=>s.value.nest(e,t),unnest:e=>s.value.unnest(e),remove:e=>s.value.remove(e),update:(e,t,n)=>s.value.update(e,t,n),convert:(e,t,n,r)=>s.value.convert(e,t,n,r),transact:e=>s.value.transact(e),transactWithoutCapture:(e,t)=>s.value.transactWithoutCapture(e,t),getBlocksCount:()=>s.value.getBlocksCount(),getCurrentBlockIndex:()=>s.value.getCurrentBlockIndex(),getBlockByIndex:e=>s.value.getBlockByIndex(e),getBlockByElement:e=>s.value.getBlockByElement(e),getBlockData:e=>s.value.getBlockData(e),getBlockIndex:e=>s.value.getBlockIndex(e),composeBlockData:e=>s.value.composeBlockData(e),renderFromHTML:e=>s.value.renderFromHTML(e),insertOutputData:(e,t)=>s.value.insertOutputData(e,t),splitBlock:(e,t,n,r,i)=>s.value.splitBlock(e,t,n,r,i),insertInsideParent:(e,t,n)=>s.value.insertInsideParent(e,t,n),render:e=>s.value.render(e),clear:()=>s.value.clear(),isSyncingFromYjs:()=>s.value.isSyncingFromYjs()}}function N(n={}){let{within:r,settleOn:i}=n,a=(0,e.shallowRef)(!1),o=()=>{var n;let o=r===void 0||(n=(0,e.toValue)(r))==null?null:n;a.value=r!==void 0&&o===null?!1:t.Blok.readyState({within:o,settleOn:i}).ready};return(0,e.onScopeDispose)(t.Blok.subscribeReady(o)),(0,e.onMounted)(o),a}var P=(0,e.defineComponent)({name:`BlockErrorBoundary`,setup(t,{slots:n}){return(0,e.onErrorCaptured)(()=>!1),()=>{var e;return(e=n.default)==null?void 0:e.call(n)}}}),F=(0,e.defineComponent)({name:`BlockPortalHost`,props:{registry:{type:Object,required:!0}},setup(t){return()=>(0,e.h)(e.Fragment,Array.from(t.registry.entries.entries()).map(([t,n])=>(0,e.h)(e.Teleport,{key:t,to:n.hostEl},[(0,e.h)(P,null,{default:()=>(0,e.h)(n.component,n.props)})])))}}),I=Symbol(`BLOK_EDITOR_INSTANCE`),L=(0,e.shallowRef)(null);function R(){return(0,e.inject)(I,L)}var z=(0,e.defineComponent)({name:`BlokContent`,props:{editor:{type:Object,default:null}},setup(t){let n=(0,e.ref)(null);(0,e.provide)(I,(0,e.computed)(()=>t.editor===null?null:(0,e.toRaw)(t.editor)));let r=t=>{if(n.value===null||t===null)return;let r=l((0,e.toRaw)(t));r!==void 0&&n.value.appendChild(r)},i=t=>{var n;t!==null&&((n=l((0,e.toRaw)(t)))==null||n.remove())};return(0,e.onMounted)(()=>{r(t.editor)}),(0,e.watch)(()=>t.editor,(e,t)=>{i(t==null?null:t),r(e)}),(0,e.onBeforeUnmount)(()=>{i(t.editor)}),()=>{let r=t.editor,i=r===null?void 0:T((0,e.toRaw)(r));return(0,e.h)(`div`,{ref:n},i===void 0?[]:[(0,e.h)(F,{registry:i})])}}}),B=`autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.find.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.onImageFailure.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor`.split(`.`),V=(e,t,n)=>{let r=t.flatMap(t=>{var n;return(n=e==null?void 0:e[t])==null?[]:n});for(let e of r)typeof e==`function`&&e(n)},H=(0,e.defineComponent)({name:`BlokEditor`,inheritAttrs:!1,props:{autofocus:{type:Boolean,default:void 0},defaultBlock:{type:String,default:void 0},dataModel:{type:String,default:void 0},placeholder:{type:[String,Boolean],default:void 0},sanitizer:{type:Object,default:void 0},hideToolbar:{type:Boolean,default:void 0},toolbarPosition:{type:String,default:void 0},maxHistoryLength:{type:Number,default:void 0},historyDebounceTime:{type:Number,default:void 0},newGroupDelay:{type:Number,default:void 0},globalUndoRedo:{type:Boolean,default:void 0},tools:{type:Object,default:void 0},data:{type:Object,default:void 0},minHeight:{type:Number,default:void 0},loader:{type:[Boolean,Object],default:void 0},logLevel:{type:String,default:void 0},readOnly:{type:[Boolean,Object],default:void 0},i18n:{type:Object,default:void 0},link:{type:Object,default:void 0},linkPaste:{type:Object,default:void 0},inlineToolbar:{type:[Array,Boolean],default:void 0},inlineEmoji:{type:Boolean,default:void 0},find:{type:[Boolean,Object],default:void 0},tunes:{type:Array,default:void 0},style:{type:Object,default:void 0},theme:{type:String,default:void 0},scrollToBlock:{type:Object,default:void 0},user:{type:Object,default:void 0},resolveUser:{type:Function,default:void 0},notifierPosition:{type:String,default:void 0},notifier:{type:Function,default:void 0},width:{type:String,default:void 0},onBeforeRender:{type:Function,default:void 0},onBeforePaste:{type:Function,default:void 0},onEnter:{type:Function,default:void 0},onSubmit:{type:Function,default:void 0},onError:{type:Function,default:void 0},onImageFailure:{type:Function,default:void 0},migrations:{type:Object,default:void 0},uploader:{type:Object,default:void 0},media:{type:Object,default:void 0},server:{type:String,default:void 0},ticket:{type:String,default:void 0},persistence:{type:Object,default:void 0},collaboration:{type:Object,default:void 0},documentId:{type:String,default:void 0},tabSync:{type:[Boolean,Object],default:void 0},captureClicksBelowEditor:{type:Boolean,default:void 0},recreateKey:{type:null}},emits:{ready:e=>!0,change:e=>!0,save:e=>!0,"update:data":e=>!0,"after-render":e=>!0,"theme-change":e=>!0,"blocks-rendered":e=>!0,"block-rendered":e=>!0},setup(t,{emit:n,expose:r,attrs:i}){let o=(0,e.getCurrentInstance)(),s=()=>{let e=o==null?void 0:o.vnode.props;return e==null?``:Object.keys(e).filter(e=>e.startsWith(`on`)).sort().join(`|`)},c=(0,e.ref)(s());(0,e.onUpdated)(()=>{c.value=s()});let l=e=>c.value.split(`|`).includes(e),u=()=>{let e={};for(let n of B){let r=t[n];r!==void 0&&(e[n]=r)}return l(`onChange`)&&(e.onChange=(e,t)=>{n(`change`,{api:e,event:t})}),(l(`onSave`)||l(`onUpdate:data`))&&(e.onSave=e=>{if((o==null?void 0:o.isUnmounted)===!0){V(o.vnode.props,[`onUpdate:data`,`onSave`],e);return}n(`update:data`,e),n(`save`,e)}),l(`onAfterRender`)&&(e.onAfterRender=e=>{n(`after-render`,e)}),l(`onThemeChange`)&&(e.onThemeChange=e=>{n(`theme-change`,e)}),e},d=A(()=>u(),()=>t.recreateKey);(0,e.watch)([d,c],([e],t,r)=>{if(e===null)return;let i=[];if(l(`onBlocksRendered`)){let t=e=>n(`blocks-rendered`,e);e.on(`blocks:rendered`,t),i.push([`blocks:rendered`,t])}if(l(`onBlockRendered`)){let t=e=>n(`block-rendered`,e);e.on(`block:rendered`,t),i.push([`block:rendered`,t])}r(()=>{for(let[t,n]of i)e.off(t,n)})});let f={last:null};return(0,e.watch)(d,e=>{e!==null&&e!==f.last&&(f.last=e,n(`ready`,e))}),r({instance:(0,e.computed)(()=>d.value),save:()=>{var e;return(e=d.value)==null?void 0:e.save()},confirmLeave:()=>{var e,t;return(e=(t=d.value)==null?void 0:t.confirmLeave())==null?Promise.resolve(!0):e},focus:e=>{var t;(t=d.value)==null||t.focus(e)},render:e=>{let t=d.value;if(t!==null)return t.render(e).then(()=>{var n;(n=a(t))==null||n.markRendered(e)})}}),()=>(0,e.h)(z,g({editor:d.value},i))}}),U=[`toolbox`,`isReadOnlySupported`,`__isBlokVueBlock`],W=new Set([void 0,`user`,`api`,`convert`]),G=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})};function K(t){var r,i;let a=()=>(0,e.defineComponent)({name:`VueBlock(${t.type})`,props:{ctx:{type:Object,required:!0},notifyMounted:{type:Function,default:void 0}},setup(n){return(0,e.onMounted)(()=>{var e;return(e=n.notifyMounted)==null?void 0:e.call(n)}),t.setup(n.ctx)}}),o=(r=class{static get toolbox(){return t.toolbox}static get isReadOnlySupported(){return!0}constructor(r){var i,o,s;this.wrappedComponent=a(),this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.anchorEl=null,this.toolbarAnchorRef=e=>{let t=e===null||e instanceof Element?e:e.$el;this.anchorEl=t instanceof HTMLElement?t:null},this.notifyMounted=()=>{var e;if(this.mountSignalled)return;this.mountSignalled=!0;let n={origin:this.origin,api:this.api};if((e=t.onMounted)==null||e.call(t,this.blockApi,n),W.has(this.origin)){var r;(r=t.onCreated)==null||r.call(t,this.blockApi,n)}},this.commit=e=>{let r=(0,n.fillDefaults)(t.propSchema,g(g({},this.mirror),e));(0,n.deepEqual)(r,this.mirror)||(this.mirror=r,this.lastRendered=r,this.dataRef.value=r,this.flushDispatch())},this.blockApi=r.block;let c=(i=r.config)==null?{}:i;this.registry=c[x],this.api=r.api;let l=r.api;this.pointerDrag=()=>{var e;return(l==null||(e=l.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(0,e.toRaw)((o=r.data)==null?{}:o)),this.lastRendered=this.mirror,this.dataRef=(0,e.shallowRef)(this.mirror),this.readOnlyRef=(0,e.shallowRef)(r.readOnly),this.origin=(s=r.origin)==null?`api`:s;let u=this.blockApi,d=this.api;this.childrenComponent=(0,e.defineComponent)({name:`VueBlockChildren(${t.type})`,props:{childAttributes:{type:Function,default:void 0},childContentAttributes:{type:Function,default:void 0}},setup(t){let r=(0,e.ref)(null),i=(0,n.createChildDecorationLedger)(),a=()=>{if(r.value===null)return;let e=u.getChildren();(0,n.mountChildBlocks)(r.value,(0,n.withSlotlessDescendants)(e,e=>d.blocks.getChildren(e))),(0,n.applyChildDecoration)(i,e,{childAttributes:t.childAttributes,childContentAttributes:t.childContentAttributes}),G(d,u.id,e)};return(0,e.onMounted)(a),(0,e.onUpdated)(a),()=>(0,e.h)(`div`,{ref:r,[n.DATA_ATTR.nestedBlocks]:``})}})}render(){var e;let t=document.createElement(`div`);t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t;let n={data:this.dataRef,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnlyRef,BlockChildren:this.childrenComponent,toolbarAnchorRef:this.toolbarAnchorRef};return(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.wrappedComponent,props:{ctx:n,notifyMounted:this.notifyMounted}}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(r){let i=(0,n.fillDefaults)(t.propSchema,(0,e.toRaw)(r==null?{}:r));return(0,n.deepEqual)(i,this.lastRendered)?!0:(this.mirror=i,this.lastRendered=i,this.dataRef.value=i,await(0,e.nextTick)(),!0)}setReadOnly(e){this.readOnlyRef.value=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}onNavigationEnter(e){var n;return((n=t.onNavigationEnter)==null?void 0:n.call(t,e,this.blockApi))===!0}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)}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)}},r.__isBlokVueBlock=!0,r);for(let[e,n]of Object.entries((i=t.statics)==null?{}:i))U.includes(e)||Object.defineProperty(o,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return o}exports.BLOK_DEFAULT_CONFIG=_,exports.BLOK_EDITOR_INSTANCE=I,exports.BlokContent=z,exports.BlokEditor=H,exports.createVueBlock=K,exports.provideBlok=v,exports.useBlocks=M,exports.useBlok=A,exports.useBlokDefaults=y,exports.useBlokInstance=R,exports.useBlokReady=N;

package/dist/index.mjs

@@ -1,61 +1,61 @@
 import { Fragment as e, Teleport as t, computed as n, defineComponent as r, getCurrentInstance as i, h as a, inject as o, markRaw as s, nextTick as c, onBeforeUnmount as l, onErrorCaptured as u, onMounted as d, onScopeDispose as f, onUpdated as p, provide as m, reactive as h, ref as g, shallowRef as _, toRaw as v, toValue as y, watch as b } from "vue";
 import { Blok as x } from "@bloklabs/core";
-import { BlockChildrenMounted as S, DATA_ATTR as C, EMPTY_API as w, applyChildDecoration as T, changeTouchesSubtree as ee, createBlocksApiForEditor as te, createChildDecorationLedger as ne, deepEqual as E, equalsOutputData as D, fillDefaults as O, mountChildBlocks as k, normalizeReadOnlyConfig as A, toRenderableData as j } from "@bloklabs/core/adapters";
+import { BlockChildrenMounted as S, DATA_ATTR as C, EMPTY_API as w, applyChildDecoration as T, changeTouchesSubtree as E, createBlocksApiForEditor as ee, createChildDecorationLedger as te, createEmittedEchoWindow as ne, deepEqual as D, equalsOutputData as O, fillDefaults as k, mountChildBlocks as A, normalizeReadOnlyConfig as j, toRenderableData as re, withSlotlessDescendants as ie } from "@bloklabs/core/adapters";
 //#region src/content-baseline-map.ts
 var M = /* @__PURE__ */ new WeakMap();
-function re(e, t) {
+function ae(e, t) {
 	M.set(e, t);
 }
-function ie(e) {
+function oe(e) {
 	return M.get(e);
 }
-function ae(e) {
+function se(e) {
 	M.delete(e);
 }
 //#endregion
 //#region src/holder-map.ts
 var N = /* @__PURE__ */ new WeakMap();
-function oe(e, t) {
+function ce(e, t) {
 	N.set(e, t);
 }
 function P(e) {
 	return N.get(e);
 }
-function se(e) {
+function F(e) {
 	N.delete(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
-function F(e) {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/typeof.js
+function I(e) {
 	"@babel/helpers - typeof";
-	return F = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return I = 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);
+	}, I(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
-function I(e, t) {
-	if (F(e) != "object" || !e) return e;
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPrimitive.js
+function L(e, t) {
+	if (I(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;
+		if (I(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPropertyKey.js
-function L(e) {
-	var t = I(e, "string");
-	return F(t) == "symbol" ? t : t + "";
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPropertyKey.js
+function R(e) {
+	var t = L(e, "string");
+	return I(t) == "symbol" ? t : t + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/defineProperty.js
-function R(e, t, n) {
-	return (t = L(t)) in e ? Object.defineProperty(e, t, {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/defineProperty.js
+function z(e, t, n) {
+	return (t = R(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -63,8 +63,8 @@ function R(e, t, n) {
 	}) : e[t] = n, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectSpread2.js
-function z(e, t) {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectSpread2.js
+function B(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -74,12 +74,12 @@ function z(e, t) {
 	}
 	return n;
 }
-function B(e) {
+function V(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? z(Object(n), !0).forEach(function(t) {
-			R(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : z(Object(n)).forEach(function(t) {
+		t % 2 ? B(Object(n), !0).forEach(function(t) {
+			z(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : B(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -87,25 +87,25 @@ function B(e) {
 }
 //#endregion
 //#region src/provide-blok.ts
-var V = Symbol("BLOK_DEFAULT_CONFIG");
-function H(e) {
-	m(V, e);
+var H = Symbol("BLOK_DEFAULT_CONFIG");
+function U(e) {
+	m(H, e);
 }
-function U() {
-	return o(V, {});
+function W() {
+	return o(H, {});
 }
-function W(e, t) {
+function G(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = B({}, e);
+	let n = V({}, 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 = B(B({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = V(V({}, e.tools), t.tools)), n;
 }
 //#endregion
 //#region src/block-portal-registry.ts
-var G = "__blokPortalRegistry", K = () => {
+var K = "__blokPortalRegistry", le = () => {
 	let e = h(/* @__PURE__ */ new Map());
 	return {
 		entries: e,
@@ -122,13 +122,13 @@ var G = "__blokPortalRegistry", K = () => {
 		}
 	};
 }, q = /* @__PURE__ */ new WeakMap();
-function ce(e, t) {
+function ue(e, t) {
 	q.set(e, t);
 }
-function le(e) {
+function de(e) {
 	return q.get(e);
 }
-function ue(e) {
+function fe(e) {
 	q.delete(e);
 }
 //#endregion
@@ -140,7 +140,7 @@ var J = (e) => ({
 	onSubmit: e.onSubmit !== void 0,
 	onBeforeRender: e.onBeforeRender !== void 0,
 	onAfterRender: e.onAfterRender !== void 0
-}), de = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, fe = (e, t) => {
+}), pe = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, me = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
@@ -150,19 +150,20 @@ var J = (e) => ({
 			n[i] = a;
 			continue;
 		}
-		let o = typeof a == "function" ? { class: a } : B({}, a);
-		o.config = B(B({}, (r = o.config) == null ? {} : r), {}, { [G]: t }), n[i] = o;
+		let o = typeof a == "function" ? { class: a } : V({}, a);
+		o.config = V(V({}, (r = o.config) == null ? {} : r), {}, { [K]: t }), n[i] = o;
 	}
 	return n;
 };
 function Y(e, t) {
-	let n = _(null), r = o(V, {}), i = () => W(r, y(e)), a = {
+	let n = _(null), r = o(H, {}), i = () => G(r, y(e)), a = {
 		current: null,
 		holder: null,
 		lastRenderedData: i().data,
+		pendingData: void 0,
 		seededEditor: null,
 		renderChain: Promise.resolve(),
-		collaborationWarned: !1,
+		collaborationWarnedFor: null,
 		constructedCollaboration: void 0,
 		appliedHandlerPresence: {
 			onChange: !1,
@@ -172,14 +173,14 @@ function Y(e, t) {
 			onBeforeRender: !1,
 			onAfterRender: !1
 		}
-	}, s = {
+	}, s = ne(), c = {
 		onChange: (...e) => {
 			var t, n;
 			(t = (n = i()).onChange) == null || t.call(n, ...e);
 		},
 		onSave: (...e) => {
 			var t, n;
-			a.lastRenderedData = e[0], (t = (n = i()).onSave) == null || t.call(n, ...e);
+			a.lastRenderedData = e[0], s.record(e[0]), (t = (n = i()).onSave) == null || t.call(n, ...e);
 		},
 		onEnter: (...e) => {
 			var t, n;
@@ -197,37 +198,37 @@ function Y(e, t) {
 			var t, n;
 			(t = (n = i()).onAfterRender) == null || t.call(n, ...e);
 		}
-	}, c = () => {
-		let t = B({}, W(v(r), v(y(e))));
-		return delete t.holder, t.data !== void 0 && (t.data = v(t.data)), t;
 	}, u = () => {
+		let t = V({}, G(v(r), v(y(e))));
+		return delete t.holder, t.data !== void 0 && (t.data = v(t.data)), t;
+	}, f = () => {
 		if (a.current !== null) {
-			se(a.current), ue(a.current), ae(a.current);
+			F(a.current), fe(a.current), se(a.current);
 			try {
 				a.current.destroy();
 			} catch (e) {}
 		}
 		a.current = null, a.holder = null, n.value = null;
-	}, f = () => {
+	}, p = () => {
 		let e = document.createElement("div");
 		a.holder = e;
-		let t = c(), r = K();
-		t.tools !== void 0 && (t.tools = fe(t.tools, r));
+		let t = u(), r = le();
+		t.tools !== void 0 && (t.tools = me(t.tools, r));
 		let o = J(i());
-		t.onChange = o.onChange ? s.onChange : void 0, t.onSave = o.onSave ? s.onSave : void 0, t.onEnter = o.onEnter ? s.onEnter : void 0, t.onSubmit = o.onSubmit ? s.onSubmit : void 0, t.onBeforeRender = o.onBeforeRender ? s.onBeforeRender : void 0, t.onAfterRender = o.onAfterRender ? s.onAfterRender : void 0, a.appliedHandlerPresence = o;
-		let l = new x(B(B({}, t), {}, { holder: e }));
-		a.current = l, a.constructedCollaboration = t.collaboration, oe(l, e), ce(l, r), re(l, { markRendered: (e) => {
-			a.lastRenderedData = e;
+		t.onChange = o.onChange ? c.onChange : void 0, t.onSave = o.onSave ? c.onSave : void 0, t.onEnter = o.onEnter ? c.onEnter : void 0, t.onSubmit = o.onSubmit ? c.onSubmit : void 0, t.onBeforeRender = o.onBeforeRender ? c.onBeforeRender : void 0, t.onAfterRender = o.onAfterRender ? c.onAfterRender : void 0, a.appliedHandlerPresence = o;
+		let l = new x(V(V({}, t), {}, { holder: e }));
+		a.current = l, a.constructedCollaboration = t.collaboration, ce(l, e), ue(l, r), ae(l, { markRendered: (e) => {
+			s.clear(), a.lastRenderedData = e;
 		} }), l.isReady.then(() => {
 			a.current === l && (n.value = l);
 		}).catch(() => {
-			a.current === l && u();
+			a.current === l && f();
 		});
 	};
 	b([
 		n,
-		() => A(i().readOnly).enabled,
-		() => A(i().readOnly).hideControls,
+		() => j(i().readOnly).enabled,
+		() => j(i().readOnly).hideControls,
 		() => typeof i().readOnly == "object"
 	], ([e, t, n, r]) => {
 		e && (r ? e.readOnly.set(t, { hideControls: n }) : e.readOnly.set(t));
@@ -242,34 +243,35 @@ function Y(e, t) {
 	}, { immediate: !0 }), b([n, () => i().placeholder], ([e, t]) => {
 		e && t !== void 0 && e.placeholder.set(t);
 	}, { immediate: !0 });
-	let p = { value: void 0 };
+	let m = { value: void 0 };
 	b([n, () => {
 		var e;
 		return (e = i().style) == null ? void 0 : e.tokens;
 	}], ([e, t]) => {
-		!e || t === void 0 || E(t, p.value) || (p.value = B({}, t), e.tokens.set(t));
+		e && t !== void 0 && !D(t, m.value) && (m.value = V({}, t), e.tokens.set(t));
 	}, {
 		immediate: !0,
 		deep: !0
 	});
-	let m = { value: i().i18n };
+	let h = { value: i().i18n };
 	b([n, () => i().i18n], ([e, t]) => {
-		if (!e || t === void 0 || E(t, m.value)) return;
-		m.value = B({}, t);
-		let { locale: n, messages: r, direction: i } = t;
-		e.i18n.update(B(B(B({}, n === void 0 ? {} : { locale: n }), r === void 0 ? {} : { messages: r }), i === void 0 ? {} : { direction: i }));
+		let n = h.value;
+		if (!e || t === void 0 && (n == null ? void 0 : n.direction) === void 0 || D(t, n)) return;
+		h.value = t === void 0 ? void 0 : V({}, t);
+		let { locale: r, messages: i, direction: a } = t == null ? {} : t, o = a == null ? (n == null ? void 0 : n.direction) === void 0 ? void 0 : null : a;
+		e.i18n.update(V(V(V({}, r === void 0 ? {} : { locale: r }), i === void 0 ? {} : { messages: i }), o === void 0 ? {} : { direction: o }));
 	}, {
 		immediate: !0,
 		deep: !0
 	});
-	let h = {
+	let g = {
 		editor: null,
 		value: void 0
 	};
 	return b([n, () => i().inlineToolbar], ([e, t]) => {
-		if (!e || t === void 0 || h.editor === e && E(t, h.value)) return;
+		if (!e || t === void 0 || g.editor === e && D(t, g.value)) return;
 		let n = Array.isArray(t) ? [...t] : t;
-		h.editor = e, h.value = n, e.tools.setInlineToolbar(n);
+		g.editor = e, g.value = n, e.tools.setInlineToolbar(n);
 	}, {
 		immediate: !0,
 		deep: !0
@@ -277,44 +279,48 @@ function Y(e, t) {
 		e && t && e.focus();
 	}, { immediate: !0 }), b([n, () => JSON.stringify(J(i()))], ([e]) => {
 		if (!e) return;
-		let t = J(i()), n = a.appliedHandlerPresence, r = {}, o = { value: !1 }, c = (e, r) => {
-			t[e] !== n[e] && (n[e] = t[e], o.value = !0, r(t[e] ? s[e] : void 0));
+		let t = J(i()), n = a.appliedHandlerPresence, r = {}, o = { value: !1 }, s = (e, r) => {
+			t[e] !== n[e] && (n[e] = t[e], o.value = !0, r(t[e] ? c[e] : void 0));
 		};
-		c("onChange", (e) => {
+		s("onChange", (e) => {
 			r.onChange = e;
-		}), c("onSave", (e) => {
+		}), s("onSave", (e) => {
 			r.onSave = e;
-		}), c("onEnter", (e) => {
+		}), s("onEnter", (e) => {
 			r.onEnter = e;
-		}), c("onSubmit", (e) => {
+		}), s("onSubmit", (e) => {
 			r.onSubmit = e;
-		}), c("onBeforeRender", (e) => {
+		}), s("onBeforeRender", (e) => {
 			r.onBeforeRender = e;
-		}), c("onAfterRender", (e) => {
+		}), s("onAfterRender", (e) => {
 			r.onAfterRender = e;
 		}), o.value && e.handlers.set(r);
 	}, { immediate: !0 }), b([n, () => i().data], ([e, t]) => {
 		if (!e || t === void 0) return;
 		if (a.seededEditor !== e) {
-			a.seededEditor = e, a.lastRenderedData = t;
+			a.seededEditor = e, a.lastRenderedData = t, a.pendingData = void 0, s.clear();
 			return;
 		}
-		let n = a.lastRenderedData;
-		if (n !== void 0 && D(t, n)) return;
-		let r = a.constructedCollaboration;
-		if (r !== void 0) {
-			a.collaborationWarned || (a.collaborationWarned = !0, console.warn(de(r.doc)));
+		let n = a.lastRenderedData, r = a.pendingData;
+		if (n !== void 0 && O(t, n) || r !== void 0 && O(t, r) || s.matches(t)) return;
+		let i = a.constructedCollaboration;
+		if (i !== void 0) {
+			a.collaborationWarnedFor !== e && (a.collaborationWarnedFor = e, console.warn(pe(i.doc)));
 			return;
 		}
-		a.lastRenderedData = t, a.renderChain = a.renderChain.catch(() => void 0).then(() => e.render(j(v(t))));
+		s.clear(), a.pendingData = t, a.renderChain = a.renderChain.then(() => e.render(re(v(t)))).then(() => {
+			a.lastRenderedData = t;
+		}, () => void 0).then(() => {
+			a.pendingData === t && (a.pendingData = void 0);
+		});
 	}, { immediate: !0 }), t !== void 0 && b(() => y(t), () => {
-		u(), f();
-	}), d(f), l(u), n;
+		f(), p();
+	}), d(p), l(f), n;
 }
 //#endregion
 //#region src/useBlocks.ts
 var X = "block changed";
-function pe(e, t = {}) {
+function he(e, t = {}) {
 	let n = _(0), r = () => {
 		let t = y(e);
 		return t === null ? null : v(t);
@@ -334,9 +340,9 @@ function pe(e, t = {}) {
 		let r = (r) => {
 			var i;
 			let a = (i = y(t.within)) == null ? null : i;
-			a !== null && !ee(e, r, a) || (n.value += 1);
+			(a === null || E(e, r, a)) && (n.value += 1);
 		};
-		e.on(X, r), o.editor = e, o.handler = r, a.value = te(e, i);
+		e.on(X, r), o.editor = e, o.handler = r, a.value = ee(e, i);
 	}, { immediate: !0 }), f(s), {
 		getById: (e) => a.value.getById(e),
 		getChildren: (e) => a.value.getChildren(e),
@@ -352,7 +358,7 @@ function pe(e, t = {}) {
 		update: (e, t, n) => a.value.update(e, t, n),
 		convert: (e, t, n, r) => a.value.convert(e, t, n, r),
 		transact: (e) => a.value.transact(e),
-		transactWithoutCapture: (e) => a.value.transactWithoutCapture(e),
+		transactWithoutCapture: (e, t) => a.value.transactWithoutCapture(e, t),
 		getBlocksCount: () => a.value.getBlocksCount(),
 		getCurrentBlockIndex: () => a.value.getCurrentBlockIndex(),
 		getBlockByIndex: (e) => a.value.getBlockByIndex(e),
@@ -371,7 +377,7 @@ function pe(e, t = {}) {
 }
 //#endregion
 //#region src/useBlokReady.ts
-function me(e = {}) {
+function ge(e = {}) {
 	let { within: t, settleOn: n } = e, r = _(!1), i = () => {
 		var e;
 		let i = t === void 0 || (e = y(t)) == null ? null : e;
@@ -384,7 +390,7 @@ function me(e = {}) {
 }
 //#endregion
 //#region src/BlockPortalHost.ts
-var he = r({
+var _e = r({
 	name: "BlockErrorBoundary",
 	setup(e, { slots: t }) {
 		return u(() => !1), () => {
@@ -392,7 +398,7 @@ var he = r({
 			return (e = t.default) == null ? void 0 : e.call(t);
 		};
 	}
-}), ge = r({
+}), ve = r({
 	name: "BlockPortalHost",
 	props: { registry: {
 		type: Object,
@@ -402,15 +408,15 @@ var he = r({
 		return () => a(e, Array.from(n.registry.entries.entries()).map(([e, n]) => a(t, {
 			key: e,
 			to: n.hostEl
-		}, [a(he, null, { default: () => a(n.component, n.props) })])));
+		}, [a(_e, null, { default: () => a(n.component, n.props) })])));
 	}
-}), Z = Symbol("BLOK_EDITOR_INSTANCE"), _e = _(null);
-function Q() {
-	return o(Z, _e);
+}), Z = Symbol("BLOK_EDITOR_INSTANCE"), ye = _(null);
+function be() {
+	return o(Z, ye);
 }
 //#endregion
 //#region src/BlokContent.ts
-var $ = r({
+var Q = r({
 	name: "BlokContent",
 	props: { editor: {
 		type: Object,
@@ -434,11 +440,17 @@ var $ = r({
 		}), l(() => {
 			i(e.editor);
 		}), () => {
-			let n = e.editor, r = n === null ? void 0 : le(v(n));
-			return a("div", { ref: t }, r === void 0 ? [] : [a(ge, { registry: r })]);
+			let n = e.editor, r = n === null ? void 0 : de(v(n));
+			return a("div", { ref: t }, r === void 0 ? [] : [a(ve, { registry: r })]);
 		};
 	}
-}), ve = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.migrations.uploader.server.ticket.persistence.collaboration.captureClicksBelowEditor".split("."), ye = r({
+}), xe = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.find.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.onImageFailure.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor".split("."), Se = (e, t, n) => {
+	let r = t.flatMap((t) => {
+		var n;
+		return (n = e == null ? void 0 : e[t]) == null ? [] : n;
+	});
+	for (let e of r) typeof e == "function" && e(n);
+}, Ce = r({
 	name: "BlokEditor",
 	inheritAttrs: !1,
 	props: {
@@ -498,6 +510,10 @@ var $ = r({
 			type: Number,
 			default: void 0
 		},
+		loader: {
+			type: [Boolean, Object],
+			default: void 0
+		},
 		logLevel: {
 			type: String,
 			default: void 0
@@ -526,6 +542,10 @@ var $ = r({
 			type: Boolean,
 			default: void 0
 		},
+		find: {
+			type: [Boolean, Object],
+			default: void 0
+		},
 		tunes: {
 			type: Array,
 			default: void 0
@@ -582,6 +602,10 @@ var $ = r({
 			type: Function,
 			default: void 0
 		},
+		onImageFailure: {
+			type: Function,
+			default: void 0
+		},
 		migrations: {
 			type: Object,
 			default: void 0
@@ -590,6 +614,10 @@ var $ = r({
 			type: Object,
 			default: void 0
 		},
+		media: {
+			type: Object,
+			default: void 0
+		},
 		server: {
 			type: String,
 			default: void 0
@@ -606,6 +634,14 @@ var $ = r({
 			type: Object,
 			default: void 0
 		},
+		documentId: {
+			type: String,
+			default: void 0
+		},
+		tabSync: {
+			type: [Boolean, Object],
+			default: void 0
+		},
 		captureClicksBelowEditor: {
 			type: Boolean,
 			default: void 0
@@ -632,7 +668,7 @@ var $ = r({
 		});
 		let u = (e) => l.value.split("|").includes(e), d = () => {
 			let n = {};
-			for (let t of ve) {
+			for (let t of xe) {
 				let r = e[t];
 				r !== void 0 && (n[t] = r);
 			}
@@ -642,6 +678,10 @@ var $ = r({
 					event: n
 				});
 			}), (u("onSave") || u("onUpdate:data")) && (n.onSave = (e) => {
+				if ((s == null ? void 0 : s.isUnmounted) === !0) {
+					Se(s.vnode.props, ["onUpdate:data", "onSave"], e);
+					return;
+				}
 				t("update:data", e), t("save", e);
 			}), u("onAfterRender") && (n.onAfterRender = (e) => {
 				t("after-render", e);
@@ -673,6 +713,10 @@ var $ = r({
 				var e;
 				return (e = f.value) == null ? void 0 : e.save();
 			},
+			confirmLeave: () => {
+				var e, t;
+				return (e = (t = f.value) == null ? void 0 : t.confirmLeave()) == null ? Promise.resolve(!0) : e;
+			},
 			focus: (e) => {
 				var t;
 				(t = f.value) == null || t.focus(e);
@@ -681,28 +725,28 @@ var $ = r({
 				let t = f.value;
 				if (t !== null) return t.render(e).then(() => {
 					var n;
-					(n = ie(t)) == null || n.markRendered(e);
+					(n = oe(t)) == null || n.markRendered(e);
 				});
 			}
-		}), () => a($, B({ editor: f.value }, o));
+		}), () => a(Q, V({ editor: f.value }, o));
 	}
-}), be = [
+}), $ = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokVueBlock"
-], xe = /* @__PURE__ */ new Set([
+], we = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), Se = (e, t, n) => {
+]), Te = (e, t, n) => {
 	var r;
 	e == null || (r = e.events) == null || r.emit(S, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
 };
-function Ce(e) {
+function Ee(e) {
 	var t, n;
 	let i = () => r({
 		name: `VueBlock(${e.type})`,
@@ -742,21 +786,21 @@ function Ce(e) {
 					origin: this.origin,
 					api: this.api
 				};
-				if ((t = e.onMounted) == null || t.call(e, this.blockApi, n), xe.has(this.origin)) {
+				if ((t = e.onMounted) == null || t.call(e, this.blockApi, n), we.has(this.origin)) {
 					var r;
 					(r = e.onCreated) == null || r.call(e, this.blockApi, n);
 				}
 			}, this.commit = (t) => {
-				let n = O(e.propSchema, B(B({}, this.mirror), t));
-				E(n, this.mirror) || (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, this.flushDispatch());
+				let n = k(e.propSchema, V(V({}, this.mirror), t));
+				D(n, this.mirror) || (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, this.flushDispatch());
 			}, this.blockApi = t.block;
 			let c = (n = t.config) == null ? {} : n;
-			this.registry = c[G], this.api = t.api;
+			this.registry = c[K], this.api = t.api;
 			let l = t.api;
 			this.pointerDrag = () => {
 				var e;
 				return (l == null || (e = l.blocks) == null ? void 0 : e.isPointerDragActive) === !0;
-			}, this.mirror = O(e.propSchema, v((o = t.data) == null ? {} : o)), this.lastRendered = this.mirror, this.dataRef = _(this.mirror), this.readOnlyRef = _(t.readOnly), this.origin = (s = t.origin) == null ? "api" : s;
+			}, this.mirror = k(e.propSchema, v((o = t.data) == null ? {} : o)), this.lastRendered = this.mirror, this.dataRef = _(this.mirror), this.readOnlyRef = _(t.readOnly), this.origin = (s = t.origin) == null ? "api" : s;
 			let u = this.blockApi, f = this.api;
 			this.childrenComponent = r({
 				name: `VueBlockChildren(${e.type})`,
@@ -771,13 +815,13 @@ function Ce(e) {
 					}
 				},
 				setup(e) {
-					let t = g(null), n = ne(), r = () => {
+					let t = g(null), n = te(), r = () => {
 						if (t.value === null) return;
 						let r = u.getChildren();
-						k(t.value, r), T(n, r, {
+						A(t.value, ie(r, (e) => f.blocks.getChildren(e))), T(n, r, {
 							childAttributes: e.childAttributes,
 							childContentAttributes: e.childContentAttributes
-						}), Se(f, u.id, r);
+						}), Te(f, u.id, r);
 					};
 					return d(r), p(r), () => a("div", {
 						ref: t,
@@ -816,9 +860,8 @@ function Ce(e) {
 			return this.mirror;
 		}
 		async setData(t) {
-			var n = this;
-			let r = O(e.propSchema, v(t == null ? {} : t));
-			return E(r, n.lastRendered) ? !0 : (n.mirror = r, n.lastRendered = r, n.dataRef.value = r, await c(), !0);
+			let n = k(e.propSchema, v(t == null ? {} : t));
+			return D(n, this.lastRendered) ? !0 : (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, await c(), !0);
 		}
 		setReadOnly(e) {
 			this.readOnlyRef.value = e;
@@ -830,6 +873,10 @@ function Ce(e) {
 			let r = this.hostEl;
 			if (r !== null && e.getToolbarAnchorElement !== void 0) return (t = e.getToolbarAnchorElement(r, this.blockApi)) == null ? void 0 : t;
 		}
+		onNavigationEnter(t) {
+			var n;
+			return ((n = e.onNavigationEnter) == null ? void 0 : n.call(e, t, this.blockApi)) === !0;
+		}
 		moved() {
 			var t;
 			(t = e.onMoved) == null || t.call(e, this.blockApi);
@@ -859,7 +906,7 @@ function Ce(e) {
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokVueBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) be.includes(t) || Object.defineProperty(o, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) $.includes(t) || Object.defineProperty(o, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
@@ -868,4 +915,4 @@ function Ce(e) {
 	return o;
 }
 //#endregion
-export { V as BLOK_DEFAULT_CONFIG, Z as BLOK_EDITOR_INSTANCE, $ as BlokContent, ye as BlokEditor, Ce as createVueBlock, H as provideBlok, pe as useBlocks, Y as useBlok, U as useBlokDefaults, Q as useBlokInstance, me as useBlokReady };
+export { H as BLOK_DEFAULT_CONFIG, Z as BLOK_EDITOR_INSTANCE, Q as BlokContent, Ce as BlokEditor, Ee as createVueBlock, U as provideBlok, he as useBlocks, Y as useBlok, W as useBlokDefaults, be as useBlokInstance, ge as useBlokReady };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloklabs/vue",
-  "version": "1.15.2",
+  "version": "1.16.1",
   "description": "Vue block editor — official Vue 3 bindings for Blok, the headless Notion-like rich text editor. Composables and components that render blocks and save to JSON.",
   "license": "Apache-2.0",
   "author": "JackUait",
@@ -54,7 +54,7 @@
     "build": "yarn run -T vite build --mode production"
   },
   "peerDependencies": {
-    "@bloklabs/core": "^1.15.2",
+    "@bloklabs/core": "^1.16.1",
     "vue": "^3.5.0"
   }
 }

package/src/BlokEditor.ts

@@ -14,6 +14,23 @@ import type {
 } from '@/types';
 import type { UseBlokConfig } from './types';
 
+/**
+ * Calls emit-mapped listeners read from a vnode's props. Vue stores one as a
+ * function, or as an array when several are bound to the same event.
+ * @param vnodeProps - the component vnode's props
+ * @param keys - listener keys, e.g. `onSave`
+ * @param data - the payload
+ */
+const callVnodeListeners = (vnodeProps: Record<string, unknown> | null, keys: string[], data: OutputData): void => {
+  const listeners: unknown[] = keys.flatMap((key) => vnodeProps?.[key] ?? []);
+
+  for (const listener of listeners) {
+    if (typeof listener === 'function') {
+      (listener as (payload: OutputData) => void)(data);
+    }
+  }
+};
+
 /**
  * The blessed all-in-one component for embedding Blok in Vue. Wires `useBlok`
  * and `BlokContent`, maps Vue emits onto the core config callbacks (gated on
@@ -46,6 +63,7 @@ export const BlokEditor = defineComponent({
     tools: { type: Object as PropType<BlokConfig['tools']>, default: undefined },
     data: { type: Object as PropType<OutputData>, default: undefined },
     minHeight: { type: Number, default: undefined },
+    loader: { type: [Boolean, Object] as PropType<BlokConfig['loader']>, default: undefined },
     logLevel: { type: String as PropType<BlokConfig['logLevel']>, default: undefined },
     // [Boolean, Object]: the object form ({ hideControls }) must not be dropped
     // or dev-warned — it always means read-only enabled (reactive contract).
@@ -55,6 +73,7 @@ export const BlokEditor = defineComponent({
     linkPaste: { type: Object as PropType<BlokConfig['linkPaste']>, default: undefined },
     inlineToolbar: { type: [Array, Boolean] as PropType<string[] | boolean>, default: undefined },
     inlineEmoji: { type: Boolean as PropType<boolean | undefined>, default: undefined },
+    find: { type: [Boolean, Object] as PropType<BlokConfig['find']>, default: undefined },
     tunes: { type: Array as PropType<string[]>, default: undefined },
     style: { type: Object as PropType<BlokConfig['style']>, default: undefined },
     theme: { type: String as PropType<ThemeMode>, default: undefined },
@@ -74,10 +93,13 @@ export const BlokEditor = defineComponent({
     onSubmit: { type: Function as PropType<BlokConfig['onSubmit']>, default: undefined },
     // Fire-and-forget error channel — a plain declared prop copied into config.
     onError: { type: Function as PropType<BlokConfig['onError']>, default: undefined },
+    onImageFailure: { type: Function as PropType<BlokConfig['onImageFailure']>, default: undefined },
     /** Host-supplied per-type block migrations applied at load. */
     migrations: { type: Object as PropType<BlokConfig['migrations']>, default: undefined },
     /** Editor-level uploader, routed by asset kind (images, video, audio, files). */
     uploader: { type: Object as PropType<BlokConfig['uploader']>, default: undefined },
+    /** Convert uploaded photos and videos into several formats, rendered best-first. */
+    media: { type: Object as PropType<BlokConfig['media']>, default: undefined },
     /** Base URL of a service speaking Blok's upload and unfurl contracts. */
     server: { type: String as PropType<BlokConfig['server']>, default: undefined },
     /** Endpoint in your app that mints a short-lived access pass for the current user. */
@@ -86,6 +108,10 @@ export const BlokEditor = defineComponent({
     persistence: { type: Object as PropType<BlokConfig['persistence']>, default: undefined },
     /** Real-time multiplayer against the server's sync service. Mutually exclusive with persistence. */
     collaboration: { type: Object as PropType<BlokConfig['collaboration']>, default: undefined },
+    /** Your app's id for this document; tabs showing the same id stay in sync. Mount-fixed. */
+    documentId: { type: String as PropType<BlokConfig['documentId']>, default: undefined },
+    /** Live sync between tabs of this browser. On by default. */
+    tabSync: { type: [Boolean, Object] as PropType<BlokConfig['tabSync']>, default: undefined },
     /** Opt-in: clicks on the host page below the editor append a block. */
     captureClicksBelowEditor: { type: Boolean as PropType<boolean | undefined>, default: undefined },
     /** Changing this prop's identity destroys and recreates the editor. */
@@ -181,6 +207,14 @@ export const BlokEditor = defineComponent({
       // v-model:data binding or an explicit @save listener consumes it.
       if (hasListener('onSave') || hasListener('onUpdate:data')) {
         config.onSave = (data: OutputData): void => {
+          // Vue drops emits once unmounted, but destroy()'s final save lands
+          // after that, so call the listeners straight from the vnode.
+          if (instance?.isUnmounted === true) {
+            callVnodeListeners(instance.vnode.props, ['onUpdate:data', 'onSave'], data);
+
+            return;
+          }
+
           emit('update:data', data);
           emit('save', data);
         };
@@ -258,6 +292,7 @@ export const BlokEditor = defineComponent({
     expose({
       instance: computed(() => editor.value),
       save: (): ReturnType<NonNullable<typeof editor.value>['save']> | undefined => editor.value?.save(),
+      confirmLeave: (): Promise<boolean> => editor.value?.confirmLeave() ?? Promise.resolve(true),
       focus: (atEnd?: boolean): void => {
         editor.value?.focus(atEnd);
       },

package/src/config-keys.ts

@@ -28,6 +28,7 @@ export const BLOK_EDITOR_CONFIG_KEYS = [
   'tools',
   'data',
   'minHeight',
+  'loader',
   'logLevel',
   'readOnly',
   'i18n',
@@ -35,6 +36,7 @@ export const BLOK_EDITOR_CONFIG_KEYS = [
   'linkPaste',
   'inlineToolbar',
   'inlineEmoji',
+  'find',
   'tunes',
   'style',
   'theme',
@@ -49,12 +51,16 @@ export const BLOK_EDITOR_CONFIG_KEYS = [
   'onEnter',
   'onSubmit',
   'onError',
+  'onImageFailure',
   'migrations',
   'uploader',
+  'media',
   'server',
   'ticket',
   'persistence',
   'collaboration',
+  'documentId',
+  'tabSync',
   'captureClicksBelowEditor',
 ] as const satisfies readonly (keyof UseBlokConfig)[];
 
@@ -74,5 +80,3 @@ export type EmitMappedConfigKey = 'onReady' | 'onChange' | 'onSave' | 'onAfterRe
  */
 type _UncoveredConfigKey = Exclude<keyof UseBlokConfig, BlokEditorConfigKey | EmitMappedConfigKey>;
 const _uncovered: _UncoveredConfigKey extends never ? true : never = true;
-
-void _uncovered;

package/src/createVueBlock.ts

@@ -31,6 +31,7 @@ import {
   DATA_ATTR,
   deepEqual,
   mountChildBlocks,
+  withSlotlessDescendants,
 } from '@bloklabs/core/adapters';
 import { fillDefaults, type PropSchema } from '@bloklabs/core/adapters';
 
@@ -248,6 +249,15 @@ export interface CreateVueBlockSpec<Data = BlockToolData> {
    * @param block - this block's per-block API
    */
   getToolbarAnchorElement?: (host: HTMLElement, block: BlockAPI) => HTMLElement | null | undefined;
+  /**
+   * Enter (or Cmd/Ctrl+Enter) on this block while it is the keyboard
+   * navigation target — core's `onNavigationEnter` hook. Return true when the
+   * block handled it (e.g. opened a link); omit it, or return false, to let
+   * core put the caret in the block.
+   * @param event - the Enter keydown
+   * @param block - this block's per-block API
+   */
+  onNavigationEnter?: (event: KeyboardEvent, block: BlockAPI) => boolean;
   /** Optional lifecycle callbacks mapped from Blok's block hooks. */
   onRendered?: (block: BlockAPI) => void;
   /**
@@ -328,6 +338,7 @@ export function createVueBlock<Data = BlockToolData>(
   setData(newData: BlockToolData): Promise<boolean>;
   setReadOnly(state: boolean): void;
   getToolbarAnchorElement(): HTMLElement | undefined;
+  onNavigationEnter(event: KeyboardEvent): boolean;
   rendered(): void;
   moved(): void;
   removed(): void;
@@ -483,7 +494,9 @@ export function createVueBlock<Data = BlockToolData>(
 
             const children = blockApi.getChildren();
 
-            mountChildBlocks(slot.value, children);
+            // A slotless child's own children live in this slot too. Decoration
+            // and the mounted event stay per DIRECT child.
+            mountChildBlocks(slot.value, withSlotlessDescendants(children, id => api.blocks.getChildren(id)));
             applyChildDecoration(ledger, children, {
               childAttributes: props.childAttributes,
               childContentAttributes: props.childContentAttributes,
@@ -624,6 +637,14 @@ export function createVueBlock<Data = BlockToolData>(
       return spec.getToolbarAnchorElement(host, this.blockApi) ?? undefined;
     }
 
+    /**
+     * Core's navigation-mode Enter hook. Only a real `true` from the spec
+     * counts as handled.
+     */
+    public onNavigationEnter(event: KeyboardEvent): boolean {
+      return spec.onNavigationEnter?.(event, this.blockApi) === true;
+    }
+
     public moved(): void {
       // No remount: Blok relocates the host element; the teleport follows it.
       spec.onMoved?.(this.blockApi);

package/src/useBlocks.ts

@@ -86,7 +86,7 @@ export function useBlocks(
   // The reactivity seam handed to the shared core: every read method calls it,
   // so a read inside a Vue effect tracks `version` and re-runs on mutation.
   const touch = (): void => {
-    void version.value;
+    version.value;
   };
 
   // The API bound to the CURRENT editor. Rebuilt by the watch below when the
@@ -161,7 +161,7 @@ export function useBlocks(
     update: (id, data, tunes) => bound.value.update(id, data, tunes),
     convert: (id, newType, dataOverrides, options) => bound.value.convert(id, newType, dataOverrides, options),
     transact: (fn) => bound.value.transact(fn),
-    transactWithoutCapture: (fn) => bound.value.transactWithoutCapture(fn),
+    transactWithoutCapture: (fn, options) => bound.value.transactWithoutCapture(fn, options),
     getBlocksCount: () => bound.value.getBlocksCount(),
     getCurrentBlockIndex: () => bound.value.getCurrentBlockIndex(),
     getBlockByIndex: (index) => bound.value.getBlockByIndex(index),

package/src/useBlok.ts

@@ -12,7 +12,13 @@ import {
 import { Blok as BlokRuntime } from '@bloklabs/core';
 import { setContentBaseline, removeContentBaseline } from './content-baseline-map';
 import { setHolder, removeHolder } from './holder-map';
-import { deepEqual, equalsOutputData, normalizeReadOnlyConfig, toRenderableData } from '@bloklabs/core/adapters';
+import {
+  createEmittedEchoWindow,
+  deepEqual,
+  equalsOutputData,
+  normalizeReadOnlyConfig,
+  toRenderableData,
+} from '@bloklabs/core/adapters';
 import { BLOK_DEFAULT_CONFIG, mergeBlokDefaults } from './provide-blok';
 import {
   createBlockPortalRegistry,
@@ -137,9 +143,19 @@ export function useBlok(
     current: Blok | null;
     holder: HTMLDivElement | null;
     lastRenderedData: OutputData | LooseOutputData | null | undefined;
+    // Content of the render currently queued/in-flight — distinct from
+    // `lastRenderedData`, which is the last SUCCESSFULLY rendered content.
+    // Dedupes a re-queue of the same in-flight content without advancing the
+    // success baseline, so a failed render cannot strand the baseline on
+    // content the editor never showed.
+    pendingData: OutputData | LooseOutputData | null | undefined;
     seededEditor: Blok | null;
     renderChain: Promise<void>;
-    collaborationWarned: boolean;
+    // Editor the single collaboration warning has already been emitted for.
+    // Keyed by the editor, not a boolean, so the editor a `recreateKey` bump
+    // creates warns on its own first ignored `data` change instead of
+    // inheriting the previous editor's "already warned" flag and going silent.
+    collaborationWarnedFor: Blok | null;
     // The `collaboration` the live editor was CONSTRUCTED with. The key is
     // mount-fixed, so dropping it from the config (`collaboration: on ? {...} :
     // undefined`) cannot turn a live session into a single-player editor —
@@ -152,9 +168,10 @@ export function useBlok(
     current: null,
     holder: null,
     lastRenderedData: mergedConfig().data,
+    pendingData: undefined,
     seededEditor: null,
     renderChain: Promise.resolve(),
-    collaborationWarned: false,
+    collaborationWarnedFor: null,
     constructedCollaboration: undefined,
     appliedHandlerPresence: {
       onChange: false,
@@ -166,6 +183,15 @@ export function useBlok(
     },
   };
 
+  // Window of recently emitted `onSave` payloads. `state.lastRenderedData`
+  // remembers only the LAST one, but a host that persists on save and refetches
+  // can echo an EARLIER save back after a newer one already replaced the
+  // baseline (the user kept typing). That stale echo is still the editor's own
+  // output, and rendering it is a whole-document replace — it would drop every
+  // character typed between the two saves and hand the rewound document to the
+  // next save, making the loss permanent in the host's store.
+  const emittedEcho = createEmittedEchoWindow();
+
   /**
    * Stable wrappers for the live callback config. Each forwards to the LATEST
    * config through `mergedConfig()`, so callback identity never goes stale and
@@ -180,6 +206,7 @@ export function useBlok(
       // notifying the consumer, so a controlled `update:data -> data` echo
       // content-equals it and never re-renders.
       state.lastRenderedData = args[0];
+      emittedEcho.record(args[0]);
       mergedConfig().onSave?.(...args);
     },
     // Forward the return value: it is the "handled" signal the core acts on.
@@ -280,6 +307,10 @@ export function useBlok(
     // content while the host's state says otherwise.
     setContentBaseline(blok, {
       markRendered: (content): void => {
+        // Out-of-band content: what the editor emitted before describes a
+        // document it no longer shows, so a later `data` set back to one of
+        // those payloads must render instead of being dismissed as an echo.
+        emittedEcho.clear();
         state.lastRenderedData = content;
       },
     });
@@ -408,18 +439,22 @@ export function useBlok(
   watch(
     [editor, () => mergedConfig().i18n],
     ([ed, i18n]) => {
-      if (!ed || i18n === undefined || deepEqual(i18n, appliedI18n.value)) {
+      const previous = appliedI18n.value;
+
+      if (!ed || (i18n === undefined && previous?.direction === undefined) || deepEqual(i18n, previous)) {
         return;
       }
 
-      appliedI18n.value = { ...i18n };
+      appliedI18n.value = i18n === undefined ? undefined : { ...i18n };
 
-      const { locale, messages, direction } = i18n;
+      const { locale, messages, direction } = i18n ?? {};
+      // A dropped direction must be cleared, or the editor keeps the old one.
+      const nextDirection = direction ?? (previous?.direction === undefined ? undefined : null);
 
       void ed.i18n.update({
         ...(locale === undefined ? {} : { locale }),
         ...(messages === undefined ? {} : { messages }),
-        ...(direction === undefined ? {} : { direction }),
+        ...(nextDirection === undefined ? {} : { direction: nextDirection }),
       });
     },
     { immediate: true, deep: true }
@@ -539,19 +574,39 @@ export function useBlok(
       if (state.seededEditor !== ed) {
         state.seededEditor = ed;
         state.lastRenderedData = data;
+        // A render still pending on a PRIOR editor is moot for this fresh
+        // instance; clear it so its content can't dedupe a needed render here.
+        state.pendingData = undefined;
+        // Payloads emitted by a PRIOR editor are likewise moot for this one.
+        emittedEcho.clear();
 
         return;
       }
 
+      // Skipped when the editor already reflects this content (the last
+      // SUCCESSFUL render) OR a render of the same content is already
+      // queued/in-flight — re-rendering identical content would needlessly
+      // reset the caret.
+      //
       // Structural comparison (`equalsOutputData`, not a raw deep-equal): a host
       // that persists the editor's own document and hands back a stripped copy —
       // fresh `time`, dropped ids, no `lastEditedAt` stamp — is still echoing
-      // content the editor already shows, and re-rendering it would reset the
-      // caret for zero visual change. `undefined` means "nothing recorded yet",
-      // which is NOT an empty document, so it must never match.
+      // content the editor already shows. `undefined` means "nothing recorded
+      // yet", which is NOT an empty document, so it must never match.
       const baseline = state.lastRenderedData;
+      const inFlight = state.pendingData;
+
+      if (
+        (baseline !== undefined && equalsOutputData(data, baseline)) ||
+        (inFlight !== undefined && equalsOutputData(data, inFlight))
+      ) {
+        return;
+      }
 
-      if (baseline !== undefined && equalsOutputData(data, baseline)) {
+      // Skip stale echoes: content the editor itself emitted via `onSave`
+      // recently, arriving back reshaped (fresh envelope, stripped ids) and/or
+      // late — after a newer save already replaced the baseline above.
+      if (emittedEcho.matches(data)) {
         return;
       }
 
@@ -565,21 +620,48 @@ export function useBlok(
       const collaboration = state.constructedCollaboration;
 
       if (collaboration !== undefined) {
-        if (!state.collaborationWarned) {
-          state.collaborationWarned = true;
+        if (state.collaborationWarnedFor !== ed) {
+          state.collaborationWarnedFor = ed;
           console.warn(collaborationDataIgnoredMessage(collaboration.doc));
         }
 
         return;
       }
 
-      state.lastRenderedData = data;
+      // Genuinely external content takes over: earlier emitted payloads are
+      // moot, and keeping them could wrongly no-op a later deliberate revert to
+      // one of them.
+      emittedEcho.clear();
+
+      // Mark the content in-flight, but DON'T advance the success baseline until
+      // the render resolves. A failed render leaves the editor on its last
+      // successful content, so the baseline must keep pointing there — otherwise
+      // a run of failures would strand it on a never-rendered payload and
+      // wrongly dedupe a later retry.
+      state.pendingData = data;
       // `data` may be null (a controlled "clear to empty"); render() throws on
       // null, so normalize null → { blocks: [] } at the boundary. toRaw(null)
       // stays null, so the helper still sees it.
+      // The rejection handler OWNS a failed render: without it the rejection
+      // sits in `renderChain` unhandled until the next `data` change attaches a
+      // handler, which the runtime reports as an unhandled rejection. Because
+      // the chain can no longer reject, no leading catch is needed to keep the
+      // next queued render running.
       state.renderChain = state.renderChain
-        .catch(() => undefined)
-        .then(() => ed.render(toRenderableData(toRaw(data))));
+        .then(() => ed.render(toRenderableData(toRaw(data))))
+        .then(
+          () => {
+            state.lastRenderedData = data;
+          },
+          () => undefined
+        )
+        .then(() => {
+          // Clear the in-flight marker once settled, unless a newer render has
+          // since claimed it (then that newer render owns the clear).
+          if (state.pendingData === data) {
+            state.pendingData = undefined;
+          }
+        });
     },
     { immediate: true }
   );

package/types/index.d.ts

@@ -124,6 +124,8 @@ export interface BlokEditorExposed {
   instance: Blok | null;
   /** Serialize the current content (undefined until ready). */
   save(): Promise<OutputData> | undefined;
+  /** Ask before an in-app navigation (see `Blok.confirmLeave`). Resolves true until ready. */
+  confirmLeave(): Promise<boolean>;
   /** Move the caret into the editor. */
   focus(atEnd?: boolean): void;
   /**
@@ -383,8 +385,12 @@ export interface UseBlocksApi {
    * Run `fn` as one atomic operation NOT captured in the undo history — for
    * silent auto-repair a user's undo should never step through. Mutations inside
    * still emit reactively. Pre-ready it just runs `fn`.
+   *
+   * With `options`, the operations are data worked out from the `from` keys of
+   * block `derivedFrom` (a finished upload, for example): they join the undo
+   * entry that wrote those values, as in core.
    */
-  transactWithoutCapture(fn: () => void): void;
+  transactWithoutCapture(fn: () => void, options?: { derivedFrom?: string; from?: readonly string[] }): void;
   /** The current block count. Reactive (re-reads on 'block changed'). Pre-ready: 0. */
   getBlocksCount(): number;
   /** The flat index of the block holding the caret, or -1 when none. Pre-ready: -1. */
@@ -674,6 +680,15 @@ export interface CreateVueBlockSpec<Data extends BlockToolData = BlockToolData>
    * call. Return `null`/`undefined` to keep core's default positioning.
    */
   getToolbarAnchorElement?: (host: HTMLElement, block: BlockAPI) => HTMLElement | null | undefined;
+  /**
+   * Enter (or Cmd/Ctrl+Enter) on this block while it is the keyboard
+   * navigation target — core's `onNavigationEnter` hook. Return true when the
+   * block handled it (e.g. opened a link); omit it, or return false, to let
+   * core put the caret in the block.
+   * @param event - the Enter keydown
+   * @param block - this block's per-block API
+   */
+  onNavigationEnter?: (event: KeyboardEvent, block: BlockAPI) => boolean;
   onRendered?: (block: BlockAPI) => void;
   /**
    * Fired ONCE per block instance, after the teleport's FIRST commit — the