Update docs

docs/assets/display.093b30ed.js

@@ -1 +0,0 @@
-import{y as a,m as s,z as e,D as t,e as l}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var i=a({name:"sb-image-display",model:s,props:{data:{type:null,default:e}},setup:a=>()=>t("figure",{class:"sb-image"},[t("img",{class:"sb-image__content",src:a.data.src,alt:a.data.alt},null),t(l,{block:a.data.description},null)])});export default i;

docs/assets/display.54a23f84.js

@@ -0,0 +1,2 @@
+import{y as a,m as s,z as e,D as t,e as l}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var d=a({name:"sb-image-display",model:s,props:{data:{type:null,default:e}},setup:a=>()=>t("figure",{class:"sb-image"},[t("img",{class:"sb-image__content",src:a.data.src,alt:a.data.alt},null),t(l,{block:a.data.description},null)])});export default d;
+//# sourceMappingURL=display.54a23f84.js.map

docs/assets/display.54a23f84.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.54a23f84.js","sources":["../../packages/image/lib/display.tsx"],"sourcesContent":["import { defineComponent, PropType } from 'vue';\nimport {\n  model,\n  SbBlock,\n} from '@schlechtenburg/core';\nimport {\n  getDefaultData,\n  ImageData,\n} from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-image-display',\n\n  model,\n\n  props: {\n    data: {\n      type: (null as unknown) as PropType<ImageData>,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    return () => <figure class=\"sb-image\">\n        <img\n          class=\"sb-image__content\"\n          src={props.data.src}\n          alt={props.data.alt}\n        />\n        <SbBlock block={props.data.description} />\n      </figure>;\n  },\n});\n"],"names":["defineComponent","name","model","props","data","type","default","getDefaultData","setup","src","alt","description"],"mappings":"6HAYA,MAAeA,EAAgB,CAC7BC,KAAM,mBAENC,MAAAA,EAEAC,MAAO,CACLC,KAAM,CACJC,KAAO,KACPC,QAASC,IAIbC,MAAML,GACG,sBAAoB,4BAEf,wBACDA,EAAMC,KAAKK,QACXN,EAAMC,KAAKM,sBAEFP,EAAMC,KAAKO"}

docs/assets/display.82dfc9cb.js

@@ -1 +1,2 @@
-var e=Object.assign;import{G as t,m as n,H as a,I as s,J as l}from"./index.7f5b9510.js";import"./vendor.9babb3f5.js";var o=t({name:"sb-missing-block",model:n,props:e(e({},a),{name:String,data:{type:null,default:null},eventUpdate:{type:Function,default:()=>{}},eventAppendBlock:{type:Function,default:()=>{}},eventRemoveBlock:{type:Function,default:()=>{}}}),setup:e=>()=>s("div",{class:"sb-missing-block"},[l("Missing block: "),e.name])});export default o;
+var e=Object.assign;import{G as t,m as a,H as n,I as s,J as l}from"./index.a48301fd.js";import"./vendor.a029424f.js";var o=t({name:"sb-missing-block",model:a,props:e(e({},n),{name:String,data:{type:null,default:null},eventUpdate:{type:Function,default:()=>{}},eventAppendBlock:{type:Function,default:()=>{}},eventRemoveBlock:{type:Function,default:()=>{}}}),setup:e=>()=>s("div",{class:"sb-missing-block"},[l("Missing block: "),e.name])});export default o;
+//# sourceMappingURL=display.82dfc9cb.js.map

docs/assets/display.82dfc9cb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.82dfc9cb.js","sources":["../../packages/core/lib/components/MissingBlock/display.tsx"],"sourcesContent":["import { defineComponent, PropType } from 'vue';\nimport {\n  model,\n  blockProps,\n} from '../../block-helpers';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-missing-block',\n\n  model,\n\n  props: {\n    ...blockProps,\n    name: String,\n    data: {\n      type: (null as unknown) as PropType<any>,\n      default: null,\n    },\n    eventUpdate: { type: Function, default: () => {} },\n    eventAppendBlock: { type: Function, default: () => {} },\n    eventRemoveBlock: { type: Function, default: () => {} },\n  },\n\n  setup(props) {\n    return () => (\n      <div class=\"sb-missing-block\">Missing block: {props.name}</div>\n    );\n  },\n});\n"],"names":["defineComponent","name","model","props","__assign","blockProps","String","data","type","default","eventUpdate","Function","eventAppendBlock","eventRemoveBlock","setup"],"mappings":"2HAQeA,EAAgB,CAC7BC,KAAM,mBAENC,MAAAA,EAEAC,MAAOC,OACFC,GADE,CAELJ,KAAMK,OACNC,KAAM,CACJC,KAAO,KACPC,QAAS,MAEXC,YAAa,CAAEF,KAAMG,SAAUF,QAAS,QACxCG,iBAAkB,CAAEJ,KAAMG,SAAUF,QAAS,QAC7CI,iBAAkB,CAAEL,KAAMG,SAAUF,QAAS,UAG/CK,MAAMX,GACG,mBACM,0CAAmCA,EAAMF"}

docs/assets/display.a9bb8ea2.js

@@ -1 +1,2 @@
-import{d as a,m as s,g as t,c as e,a as l,e as o}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var d=a({name:"sb-layout-display",model:s,props:{data:{type:null,default:t}},setup(a){const s=e((()=>({"sb-layout":!0,[`sb-layout_${a.data.orientation}`]:!0})));return()=>l("div",{class:s.value},[...a.data.children.map((a=>l(o,{key:a.id,block:a},null)))])}});export default d;
+import{d as a,m as s,g as t,c as e,a as l,e as o}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var d=a({name:"sb-layout-display",model:s,props:{data:{type:null,default:t}},setup(a){const s=e((()=>({"sb-layout":!0,[`sb-layout_${a.data.orientation}`]:!0})));return()=>l("div",{class:s.value},[...a.data.children.map((a=>l(o,{key:a.id,block:a},null)))])}});export default d;
+//# sourceMappingURL=display.a9bb8ea2.js.map

docs/assets/display.a9bb8ea2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.a9bb8ea2.js","sources":["../../packages/layout/lib/display.tsx"],"sourcesContent":["import {\n  defineComponent,\n  computed,\n  PropType,\n} from 'vue';\nimport {\n  model,\n  SbBlock,\n} from '@schlechtenburg/core';\nimport {\n  LayoutData,\n  getDefaultData,\n} from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-layout-display',\n\n  model,\n\n  props: {\n    data: {\n      type: (null as unknown) as PropType<LayoutData>,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    const classes = computed(() => ({\n      'sb-layout': true,\n      [`sb-layout_${props.data.orientation}`]: true,\n    }));\n\n    return () => (\n      <div class={classes.value}>\n        {...props.data.children.map((child) => (\n          <SbBlock\n            key={child.id}\n            block={child}\n          />\n        ))}\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","model","props","data","type","default","getDefaultData","setup","classes","computed","orientation","value","children","map","child","id"],"mappings":"oIAgBA,MAAeA,EAAgB,CAC7BC,KAAM,oBAENC,MAAAA,EAEAC,MAAO,CACLC,KAAM,CACJC,KAAO,KACPC,QAASC,IAIbC,MAAML,SACEM,EAAUC,GAAS,KAAO,cACjB,GACX,aAAYP,EAAMC,KAAKO,gBAAgB,YAGpC,mBACOF,EAAQG,WACdT,EAAMC,KAAKS,SAASC,iBAEfC,EAAMC,SACJD"}

docs/assets/display.cf8b58ad.js

@@ -1 +1,2 @@
-import{j as a,m as s,k as r,q as p,s as e,x as t}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var l=a({name:"sb-paragraph-display",model:s,props:{data:{type:Object,default:r}},setup(a){const s=p((()=>({"sb-paragraph":!0,[`sb-paragraph_align-${a.data.align}`]:!0})));return()=>e("p",t({class:s.value},{innerHTML:a.data.value}),null)}});export default l;
+import{j as a,m as s,k as r,q as p,s as e,x as t}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var l=a({name:"sb-paragraph-display",model:s,props:{data:{type:Object,default:r}},setup(a){const s=p((()=>({"sb-paragraph":!0,[`sb-paragraph_align-${a.data.align}`]:!0})));return()=>e("p",t({class:s.value},{innerHTML:a.data.value}),null)}});export default l;
+//# sourceMappingURL=display.cf8b58ad.js.map

docs/assets/display.cf8b58ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.cf8b58ad.js","sources":["../../packages/paragraph/lib/display.tsx"],"sourcesContent":["import {\n  defineComponent,\n  computed,\n  PropType,\n} from 'vue';\nimport {\n  model,\n} from '@schlechtenburg/core';\nimport {\n  getDefaultData,\n  ParagraphData,\n} from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-paragraph-display',\n\n  model,\n\n  props: {\n    data: {\n      type: Object as PropType<ParagraphData>,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    const classes = computed(() => ({\n      'sb-paragraph': true,\n      [`sb-paragraph_align-${props.data.align}`]: true,\n    }));\n\n    return () => <p\n      class={classes.value}\n      {...{\n        innerHTML: props.data.value,\n      }}\n    ></p>;\n  },\n});\n"],"names":["defineComponent","name","model","props","data","type","Object","default","getDefaultData","setup","classes","computed","align","value","innerHTML"],"mappings":"oIAeA,MAAeA,EAAgB,CAC7BC,KAAM,uBAENC,MAAAA,EAEAC,MAAO,CACLC,KAAM,CACJC,KAAMC,OACNC,QAASC,IAIbC,MAAMN,SACEO,EAAUC,GAAS,KAAO,iBACd,GACd,sBAAqBR,EAAMC,KAAKQ,UAAU,YAGvC,mBACEF,EAAQG,QAEbC,UAAWX,EAAMC,KAAKS"}

docs/assets/edit.0be4ff4d.js

@@ -1 +0,0 @@
-var a=Object.assign;import{y as e,m as t,z as l,A as s,B as n,C as i,D as d,S as r,b as o,E as c,F as u,e as p}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var f=e({name:"sb-image-edit",model:t,props:{onUpdate:{type:Function,default:()=>{}},data:{type:null,default:l}},setup(e){const t=s({src:e.data.src,alt:e.data.alt,description:e.data.description}),l=n(null);i((()=>e.data),(()=>{t.src=e.data.src,t.alt=e.data.alt,t.description=e.data.description}));const f=()=>{l.value&&l.value.click()},v=()=>{if(l.value&&l.value.files&&l.value.files.length){const a=new FileReader;a.addEventListener("load",(()=>{var t;const l=null==(t=null==a?void 0:a.result)?void 0:t.toString();if(!l)throw new Error("Couldn't load image src");e.onUpdate({src:l,alt:e.data.alt,description:e.data.description})})),a.readAsDataURL(l.value.files[0])}};return()=>d("figure",{class:"sb-image"},[d(r,null,{default:()=>[t.src?d(o,{"onClick:value":f},{default:()=>[c("Select Image")]}):null,d("input",{type:"file",ref:l,style:"display: none;",onInput:v},null)]}),t.src?d(u,null,[d("img",{src:t.src,alt:t.alt,class:"sb-image__content"},null),d(p,{block:t.description,onUpdate:t=>{return l=t,void e.onUpdate(a(a({},e.data),{description:l}));var l}},null)]):d(o,{"onClick:value":f},{default:()=>[c("Select Image")]})])}});export default f;

docs/assets/edit.79e9c821.js

@@ -0,0 +1,2 @@
+var a=Object.assign;import{y as t,m as e,z as l,A as s,B as n,C as i,D as d,S as r,b as o,E as c,F as u,e as p}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var f=t({name:"sb-image-edit",model:e,props:{onUpdate:{type:Function,default:()=>{}},data:{type:null,default:l}},setup(t){const e=s({src:t.data.src,alt:t.data.alt,description:t.data.description}),l=n(null);i((()=>t.data),(()=>{e.src=t.data.src,e.alt=t.data.alt,e.description=t.data.description}));const f=()=>{l.value&&l.value.click()},v=()=>{if(l.value&&l.value.files&&l.value.files.length){const a=new FileReader;a.addEventListener("load",(()=>{var e;const l=null==(e=null==a?void 0:a.result)?void 0:e.toString();if(!l)throw new Error("Couldn't load image src");t.onUpdate({src:l,alt:t.data.alt,description:t.data.description})})),a.readAsDataURL(l.value.files[0])}};return()=>d("figure",{class:"sb-image"},[d(r,null,{default:()=>[e.src?d(o,{onClick:f},{default:()=>[c("Select Image")]}):null,d("input",{type:"file",ref:l,style:"display: none;",onInput:v},null)]}),e.src?d(u,null,[d("img",{src:e.src,alt:e.alt,class:"sb-image__content"},null),d(p,{block:e.description,onUpdate:e=>{return l=e,void t.onUpdate(a(a({},t.data),{description:l}));var l}},null)]):d(o,{onClick:f},{default:()=>[c("Select Image")]})])}});export default f;
+//# sourceMappingURL=edit.79e9c821.js.map

docs/assets/edit.79e9c821.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.79e9c821.js","sources":["../../packages/image/lib/edit.tsx"],"sourcesContent":["import {\n  defineComponent,\n  reactive,\n  ref,\n  Ref,\n  watch,\n  PropType,\n} from 'vue';\nimport {\n  model,\n  SbToolbar,\n  SbButton,\n  SbBlock,\n  BlockData,\n} from '@schlechtenburg/core';\nimport { ParagraphData } from '@schlechtenburg/paragraph';\nimport {\n  getDefaultData,\n  ImageData,\n} from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-image-edit',\n\n  model,\n\n  props: {\n    onUpdate: { type: Function, default: () => {} },\n    data: {\n      type: (null as unknown) as PropType<ImageData>,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    const localData = reactive({\n      src: props.data.src,\n      alt: props.data.alt,\n      description: props.data.description,\n    });\n\n    const fileInput: Ref<null|HTMLInputElement> = ref(null);\n\n    watch(() => props.data, () => {\n      localData.src = props.data.src;\n      localData.alt = props.data.alt;\n      localData.description = props.data.description;\n    });\n\n    const selectImage = () => {\n      if (fileInput.value) {\n        fileInput.value.click();\n      }\n    };\n\n    const onImageSelect = () => {\n      if (fileInput.value && fileInput.value.files && fileInput.value.files.length) {\n        const reader = new FileReader();\n        reader.addEventListener('load', () => {\n          const src = reader?.result?.toString();\n          if (!src) {\n            throw new Error('Couldn\\'t load image src');\n          }\n\n          props.onUpdate({\n            src,\n            alt: props.data.alt,\n            description: props.data.description,\n          });\n        });\n\n        reader.readAsDataURL(fileInput.value.files[0]);\n      }\n    };\n\n    const onDescriptionUpdate = (description: BlockData<ParagraphData>) => {\n      props.onUpdate({\n        ...props.data,\n        description,\n      });\n    };\n\n    return () => (\n      <figure class=\"sb-image\">\n        <SbToolbar>\n          {localData.src\n            ? <SbButton {...{ onClick: selectImage }}>Select Image</SbButton>\n            : null}\n          <input\n            type=\"file\"\n            ref={fileInput}\n            style=\"display: none;\"\n            onInput={onImageSelect}\n          />\n        </SbToolbar>\n        {localData.src\n          ? <>\n              <img\n                src={localData.src}\n                alt={localData.alt}\n                class=\"sb-image__content\"\n              />\n              <SbBlock\n                block={localData.description}\n                onUpdate={(updated: BlockData<ParagraphData>) => onDescriptionUpdate(updated)}\n              />\n            </>\n          : <SbButton {...{ onClick: selectImage }}>Select Image</SbButton>\n        }\n      </figure>\n    );\n  },\n});\n"],"names":["defineComponent","name","model","props","onUpdate","type","Function","default","data","getDefaultData","setup","localData","reactive","src","alt","description","fileInput","ref","selectImage","value","click","onImageSelect","files","length","reader","FileReader","addEventListener","result","toString","Error","readAsDataURL","onClick","onDescriptionUpdate","updated","__assign"],"mappings":"kMAuBA,MAAeA,EAAgB,CAC7BC,KAAM,gBAENC,MAAAA,EAEAC,MAAO,CACLC,SAAU,CAAEC,KAAMC,SAAUC,QAAS,QACrCC,KAAM,CACJH,KAAO,KACPE,QAASE,IAIbC,MAAMP,SACEQ,EAAYC,EAAS,CACzBC,IAAKV,EAAMK,KAAKK,IAChBC,IAAKX,EAAMK,KAAKM,IAChBC,YAAaZ,EAAMK,KAAKO,cAGpBC,EAAwCC,EAAI,SAE5C,IAAMd,EAAMK,OAAM,OACZK,IAAMV,EAAMK,KAAKK,MACjBC,IAAMX,EAAMK,KAAKM,MACjBC,YAAcZ,EAAMK,KAAKO,qBAG/BG,EAAc,KACdF,EAAUG,SACFA,MAAMC,SAIdC,EAAgB,QAChBL,EAAUG,OAASH,EAAUG,MAAMG,OAASN,EAAUG,MAAMG,MAAMC,OAAQ,OACtEC,EAAS,IAAIC,aACZC,iBAAiB,QAAQ,iBACxBb,EAAMW,0BAAQG,iBAAQC,eACvBf,QACG,IAAIgB,MAAM,6BAGZzB,SAAS,CACbS,IAAAA,EACAC,IAAKX,EAAMK,KAAKM,IAChBC,YAAaZ,EAAMK,KAAKO,mBAIrBe,cAAcd,EAAUG,MAAMG,MAAM,YAWxC,sBACS,oCAETX,EAAUE,SACSkB,QAASb,sCACzB,qBAEG,WACAF,QACC,yBACGK,YAGZV,EAAUE,2BAGEF,EAAUE,QACVF,EAAUG,UACT,sCAGCH,EAAUI,yBACgCiB,SAAoBC,SA5BzE7B,SAAS8B,OACV/B,EAAMK,MADI,CAEbO,YAAAA,KAHyBA,qBAgCLgB,QAASb"}

docs/assets/edit.85b1500c.js

@@ -1 +1,2 @@
-var e=Object.assign;import{d as n,m as i,g as t,u as l,r as a,w as d,c as r,a as o,S as c,b as h,e as s,f as p,h as u,i as v}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var f=n({name:"sb-layout-edit",model:i,props:{onUpdate:{type:Function,default:()=>{}},data:{type:null,default:t}},setup(n){const{activate:i}=l(),t=a({orientation:n.data.orientation,children:[...n.data.children]});d((()=>n.data),(()=>{t.orientation=n.data.orientation,t.children=[...n.data.children]}));const f=r((()=>({"sb-layout":!0,[`sb-layout_${t.orientation}`]:!0}))),m=()=>{n.onUpdate({orientation:"vertical"===t.orientation?"horizontal":"vertical"})},b=e=>{t.children=[...t.children,e],n.onUpdate({children:[...t.children]}),i(e.id)},U=(e,l)=>{t.children=[...t.children.slice(0,e+1),l,...t.children.slice(e+1)],n.onUpdate({children:[...t.children]}),i(l.id)},y=e=>{t.children=[...t.children.slice(0,e),...t.children.slice(e+1)],n.onUpdate({children:[...t.children]});const l=Math.max(e-1,0);i(t.children[l].id)},k=e=>{const n=Math.max(Math.min(t.children.length-1,e),0);i(t.children[n].id)};return()=>o("div",{class:f.value},[o(c,null,{default:()=>[o(h,{type:"button",onClick:m},{default:()=>[t.orientation]})]}),...t.children.map(((i,l)=>o(s,p({key:i.id},{"data-order":l,block:i,onUpdate:l=>((i,l)=>{const a=t.children.indexOf(i);-1!==a&&n.onUpdate({children:[...t.children.slice(0,a),e(e({},i),l),...t.children.slice(a+1)]})})(i,l),onRemoveSelf:()=>y(l),onPrependBlock:e=>U(l-1,e),onAppendBlock:e=>U(l,e),onActivatePrevious:()=>k(l-1),onActivateNext:()=>k(l+1)}),{"context-toolbar":()=>o(u,{onMoveBackward:()=>(e=>{if(0===e)return;const i=t.children[e],l=t.children[e-1];t.children=[...t.children.slice(0,e-1),i,l,...t.children.slice(e+1)],n.onUpdate({children:[...t.children]})})(l),onMoveForward:()=>(e=>{if(e===t.children.length-1)return;const i=t.children[e],l=t.children[e+1];t.children=[...t.children.slice(0,e),l,i,...t.children.slice(e+2)],n.onUpdate({children:[...t.children]})})(l),onRemove:()=>y(l),orientation:t.orientation},null)}))),o(v,{onInsertBlock:b},null)])}});export default f;
+var e=Object.assign;import{d as n,m as i,g as t,u as l,r as a,w as d,c as r,a as o,S as c,b as h,e as s,f as p,h as u,i as v}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var f=n({name:"sb-layout-edit",model:i,props:{onUpdate:{type:Function,default:()=>{}},data:{type:null,default:t}},setup(n){const{activate:i}=l(),t=a({orientation:n.data.orientation,children:[...n.data.children]});d((()=>n.data),(()=>{t.orientation=n.data.orientation,t.children=[...n.data.children]}));const f=r((()=>({"sb-layout":!0,[`sb-layout_${t.orientation}`]:!0}))),m=()=>{n.onUpdate({orientation:"vertical"===t.orientation?"horizontal":"vertical"})},U=e=>{t.children=[...t.children,e],n.onUpdate({children:[...t.children]}),i(e.id)},b=(e,l)=>{t.children=[...t.children.slice(0,e+1),l,...t.children.slice(e+1)],n.onUpdate({children:[...t.children]}),i(l.id)},y=e=>{t.children=[...t.children.slice(0,e),...t.children.slice(e+1)],n.onUpdate({children:[...t.children]});const l=Math.max(e-1,0);i(t.children[l].id)},k=e=>{const n=Math.max(Math.min(t.children.length-1,e),0);i(t.children[n].id)};return()=>o("div",{class:f.value},[o(c,null,{default:()=>[o(h,{type:"button",onClick:m},{default:()=>[t.orientation]})]}),...t.children.map(((i,l)=>o(s,p({key:i.id},{"data-order":l,block:i,onUpdate:l=>((i,l)=>{const a=t.children.indexOf(i);-1!==a&&n.onUpdate({children:[...t.children.slice(0,a),e(e({},i),l),...t.children.slice(a+1)]})})(i,l),onRemoveSelf:()=>y(l),onPrependBlock:e=>b(l-1,e),onAppendBlock:e=>b(l,e),onActivatePrevious:()=>k(l-1),onActivateNext:()=>k(l+1)}),{"context-toolbar":()=>o(u,{onMoveBackward:()=>(e=>{if(0===e)return;const i=t.children[e],l=t.children[e-1];t.children=[...t.children.slice(0,e-1),i,l,...t.children.slice(e+1)],n.onUpdate({children:[...t.children]})})(l),onMoveForward:()=>(e=>{if(e===t.children.length-1)return;const i=t.children[e],l=t.children[e+1];t.children=[...t.children.slice(0,e),l,i,...t.children.slice(e+2)],n.onUpdate({children:[...t.children]})})(l),onRemove:()=>y(l),orientation:t.orientation},null)}))),o(v,{onInsertBlock:U},null)])}});export default f;
+//# sourceMappingURL=edit.85b1500c.js.map

docs/assets/edit.b0a76e09.js

@@ -1 +1,2 @@
-import{j as a,m as e,k as n,l as t,n as l,u as o,o as u,p as i,q as s,s as r,S as d,t as p,v}from"./index.7f5b9510.js";/* empty css              */import"./vendor.9babb3f5.js";var c=a({name:"sb-paragraph-edit",model:e,props:{blockId:{type:String,required:!0},data:{type:null,default:n},onUpdate:{type:Function,default:()=>{}},onAppendBlock:{type:Function,default:()=>{}},onRemoveSelf:{type:Function,default:()=>{}},onActivateNext:{type:Function,default:()=>{}},onActivatePrevious:{type:Function,default:()=>{}}},setup(a){const e=t({value:a.data.value,align:a.data.align,focused:!1}),c=l(null),{isActive:f,activate:g}=o(a.blockId),b=()=>{c.value&&f.value&&c.value.focus()};u((()=>{b(),c.value&&(c.value.innerHTML=e.value)})),i(f,b),i((()=>a.data),(()=>{e.value=a.data.value,e.align=a.data.align,c.value&&(c.value.innerHTML=e.value)}));const y=a=>{e.value=a.target.innerHTML},h=s((()=>({"sb-paragraph":!0,"sb-paragraph_focused":e.focused,[`sb-paragraph_align-${e.align}`]:!0}))),m=n=>{a.onUpdate({value:e.value,align:n.target.value})},k=()=>{e.focused=!0,g()},A=()=>{e.focused=!1,a.onUpdate({value:e.value,align:e.align})},w=e=>{if("Enter"===e.key&&!e.shiftKey){const t=""+ +new Date;a.onAppendBlock({id:t,name:"sb-paragraph",data:n()}),g(t),e.preventDefault()}},F=n=>{var t;"Backspace"===n.key&&""===e.value&&a.onRemoveSelf();const l=window.getSelection(),o=null==l?void 0:l.focusNode,u=Array.from((null==(t=null==c?void 0:c.value)?void 0:t.childNodes)||[]),i=o?u.indexOf(o):-1;if(o===c.value||0===i||i===u.length-1)switch(n.key){case"ArrowDown":a.onActivateNext();break;case"ArrowUp":a.onActivatePrevious()}};return()=>r("div",{class:h.value},[r(d,null,{default:()=>[r(p,{value:e.align,onChange:m},{default:()=>[r("option",null,[v("left")]),r("option",null,[v("center")]),r("option",null,[v("right")])]})]}),r("p",{class:"sb-paragraph__input",ref:c,contenteditable:!0,onInput:y,onFocus:k,onBlur:A,onKeydown:w,onKeyup:F},null)])}});export default c;
+import{j as a,m as e,k as n,l as t,n as l,u as o,o as u,p as i,q as s,s as r,S as d,t as p,v}from"./index.a48301fd.js";/* empty css              */import"./vendor.a029424f.js";var c=a({name:"sb-paragraph-edit",model:e,props:{blockId:{type:String,required:!0},data:{type:null,default:n},onUpdate:{type:Function,default:()=>{}},onAppendBlock:{type:Function,default:()=>{}},onRemoveSelf:{type:Function,default:()=>{}},onActivateNext:{type:Function,default:()=>{}},onActivatePrevious:{type:Function,default:()=>{}}},setup(a){const e=t({value:a.data.value,align:a.data.align,focused:!1}),c=l(null),{isActive:f,activate:g}=o(a.blockId),y=()=>{c.value&&f.value&&c.value.focus()};u((()=>{y(),c.value&&(c.value.innerHTML=e.value)})),i(f,y),i((()=>a.data),(()=>{e.value=a.data.value,e.align=a.data.align,c.value&&(c.value.innerHTML=e.value)}));const h=a=>{e.value=a.target.innerHTML},b=s((()=>({"sb-paragraph":!0,"sb-paragraph_focused":e.focused,[`sb-paragraph_align-${e.align}`]:!0}))),m=n=>{a.onUpdate({value:e.value,align:n.target.value})},k=()=>{e.focused=!0,g()},A=()=>{e.focused=!1,a.onUpdate({value:e.value,align:e.align})},w=e=>{if("Enter"===e.key&&!e.shiftKey){const t=""+ +new Date;a.onAppendBlock({id:t,name:"sb-paragraph",data:n()}),g(t),e.preventDefault()}},F=n=>{var t;"Backspace"===n.key&&""===e.value&&a.onRemoveSelf();const l=window.getSelection(),o=null==l?void 0:l.focusNode,u=Array.from((null==(t=null==c?void 0:c.value)?void 0:t.childNodes)||[]),i=o?u.indexOf(o):-1;if(o===c.value||0===i||i===u.length-1)switch(n.key){case"ArrowDown":a.onActivateNext();break;case"ArrowUp":a.onActivatePrevious()}};return()=>r("div",{class:b.value},[r(d,null,{default:()=>[r(p,{value:e.align,onChange:m},{default:()=>[r("option",null,[v("left")]),r("option",null,[v("center")]),r("option",null,[v("right")])]})]}),r("p",{class:"sb-paragraph__input",ref:c,contenteditable:!0,onInput:h,onFocus:k,onBlur:A,onKeydown:w,onKeyup:F},null)])}});export default c;
+//# sourceMappingURL=edit.b0a76e09.js.map

docs/assets/edit.bd5075df.js

@@ -1 +1,2 @@
 export default{};
+//# sourceMappingURL=edit.bd5075df.js.map

docs/assets/edit.bd5075df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.bd5075df.js","sources":["../../packages/heading/lib/edit.tsx"],"sourcesContent":["export default {};\n"],"names":[],"mappings":"cAAe"}

docs/index.html

@@ -5,8 +5,8 @@
   <link rel="icon" href="./favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Vite App</title>
-<script type="module" crossorigin src="./assets/index.7f5b9510.js"></script>
+<script type="module" crossorigin src="./assets/index.a48301fd.js"></script>
-  <link rel="modulepreload" href="./assets/vendor.9babb3f5.js">
+  <link rel="modulepreload" href="./assets/vendor.a029424f.js">
   <link rel="stylesheet" href="./assets/index.62d1366f.css">
 </head>
 <body>

package.json

@@ -7,18 +7,18 @@
     "build": "vuedx-typecheck --no-pretty ./src && vite build"
   },
   "dependencies": {
-    "lodash-es": "^4.17.20",
+    "lodash-es": "^4.17.21",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue-jsx": "^1.1.0",
+    "@vitejs/plugin-vue-jsx": "^1.1.2",
-    "@vue/compiler-sfc": "^3.0.5",
+    "@vue/compiler-sfc": "^3.0.7",
     "@vuedx/typecheck": "^0.6.3",
     "@vuedx/typescript-plugin-vue": "^0.6.3",
     "concurrently": "^6.0.0",
     "lerna": "^3.22.1",
-    "sass": "^1.30.0",
+    "sass": "^1.32.8",
-    "typescript": "^4.1.2",
+    "typescript": "^4.2.3",
-    "vite": "^2.0.1"
+    "vite": "^2.0.5"
   }
 }

packages/core/lib/components/Block.tsx

@@ -101,7 +101,7 @@ export const SbBlock = defineComponent({
           onActivateNext={props.onActivateNext}
 
           {...{
-            'onClick:value': ($event: MouseEvent) => {
+            onClick: ($event: MouseEvent) => {
               $event.stopPropagation();
               activate();
             },

packages/core/lib/components/Main.tsx

@@ -27,7 +27,7 @@ import { SbMainMenu } from './MainMenu';
 import { SbBlockToolbar } from './BlockToolbar';
 import { SbBlock } from './Block';
 
-import './Schlechtenburg.scss';
+import './Main.scss';
 
 export const SbMain = defineComponent({
   name: 'sb-main',

packages/core/lib/index.ts

@@ -9,7 +9,7 @@ export * from './use-resize-observer';
 
 export * from './directives/activation-cover.js';
 
-export * from './components/Schlechtenburg';
+export * from './components/Main';
 export * from './components/Block';
 export * from './components/BlockPicker';
 export * from './components/BlockOrdering';

packages/core/lib/use-block-tree.ts

@@ -14,6 +14,7 @@ import {
 export const SymBlockTree= Symbol('Schlechtenburg block tree');
 export const SymBlockTreeRegister = Symbol('Schlechtenburg block tree register');
 export const SymBlockTreeUnregister = Symbol('Schlechtenburg block tree unregister');
+
 export function useBlockTree() {
   const blockTree: Ref<TreeNode|null> = inject(SymBlockTree, ref(null));
   const registerWithParent = inject(SymBlockTreeRegister, (_: TreeNode) => {});

packages/core/package-lock.json

@@ -10,14 +10,14 @@
 			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
 		},
 		"@babel/parser": {
-			"version": "7.12.11",
+			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg=="
+			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
 		},
 		"@babel/types": {
-			"version": "7.12.12",
+			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
 			"requires": {
 				"@babel/helper-validator-identifier": "^7.12.11",
 				"lodash": "^4.17.19",
@@ -52,62 +52,62 @@
 			"dev": true
 		},
 		"@vue/compiler-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==",
+			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
 			"requires": {
 				"@babel/parser": "^7.12.0",
 				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"estree-walker": "^2.0.1",
 				"source-map": "^0.6.1"
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==",
+			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
 			"requires": {
-				"@vue/compiler-core": "3.0.4",
+				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==",
+			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
 			"requires": {
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==",
+			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
 			"requires": {
-				"@vue/reactivity": "3.0.4",
+				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==",
+			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
 			"requires": {
-				"@vue/runtime-core": "3.0.4",
+				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"csstype": "^2.6.8"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg=="
+			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
 		},
 		"csstype": {
-			"version": "2.6.14",
+			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.14.tgz",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A=="
+			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
 		},
 		"estree-walker": {
 			"version": "2.0.2",
@@ -140,13 +140,13 @@
 			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
 		},
 		"vue": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==",
+			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
 			"requires": {
-				"@vue/compiler-dom": "3.0.4",
+				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.4",
+				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		}
 	}

packages/core/package.json

@@ -23,7 +23,7 @@
   "dependencies": {
     "lodash-es": "^4.17.21",
     "uuid": "^8.3.2",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",

packages/heading/package-lock.json

@@ -10,14 +10,14 @@
 			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
 		},
 		"@babel/parser": {
-			"version": "7.12.11",
+			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg=="
+			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
 		},
 		"@babel/types": {
-			"version": "7.12.12",
+			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
 			"requires": {
 				"@babel/helper-validator-identifier": "^7.12.11",
 				"lodash": "^4.17.19",
@@ -25,62 +25,62 @@
 			}
 		},
 		"@vue/compiler-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==",
+			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
 			"requires": {
 				"@babel/parser": "^7.12.0",
 				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"estree-walker": "^2.0.1",
 				"source-map": "^0.6.1"
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==",
+			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
 			"requires": {
-				"@vue/compiler-core": "3.0.4",
+				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==",
+			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
 			"requires": {
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==",
+			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
 			"requires": {
-				"@vue/reactivity": "3.0.4",
+				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==",
+			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
 			"requires": {
-				"@vue/runtime-core": "3.0.4",
+				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"csstype": "^2.6.8"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg=="
+			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
 		},
 		"csstype": {
-			"version": "2.6.14",
+			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.14.tgz",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A=="
+			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
 		},
 		"estree-walker": {
 			"version": "2.0.2",
@@ -88,9 +88,9 @@
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 		},
 		"lodash": {
-			"version": "4.17.20",
+			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
 		},
 		"source-map": {
 			"version": "0.6.1",
@@ -103,13 +103,13 @@
 			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
 		},
 		"vue": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==",
+			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
 			"requires": {
-				"@vue/compiler-dom": "3.0.4",
+				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.4",
+				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		}
 	}

packages/heading/package.json

@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "@schlechtenburg/core": "^0.0.0",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   }
 }

packages/image/lib/edit.tsx

@@ -86,7 +86,7 @@ export default defineComponent({
       <figure class="sb-image">
         <SbToolbar>
           {localData.src
-            ? <SbButton {...{ 'onClick:value': selectImage }}>Select Image</SbButton>
+            ? <SbButton {...{ onClick: selectImage }}>Select Image</SbButton>
             : null}
           <input
             type="file"
@@ -107,7 +107,7 @@ export default defineComponent({
                 onUpdate={(updated: BlockData<ParagraphData>) => onDescriptionUpdate(updated)}
               />
             </>
-          : <SbButton {...{ 'onClick:value': selectImage }}>Select Image</SbButton>
+          : <SbButton {...{ onClick: selectImage }}>Select Image</SbButton>
         }
       </figure>
     );

packages/image/package-lock.json

@@ -10,14 +10,14 @@
 			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
 		},
 		"@babel/parser": {
-			"version": "7.12.11",
+			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg=="
+			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
 		},
 		"@babel/types": {
-			"version": "7.12.12",
+			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
 			"requires": {
 				"@babel/helper-validator-identifier": "^7.12.11",
 				"lodash": "^4.17.19",
@@ -25,62 +25,62 @@
 			}
 		},
 		"@vue/compiler-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==",
+			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
 			"requires": {
 				"@babel/parser": "^7.12.0",
 				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"estree-walker": "^2.0.1",
 				"source-map": "^0.6.1"
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==",
+			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
 			"requires": {
-				"@vue/compiler-core": "3.0.4",
+				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==",
+			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
 			"requires": {
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==",
+			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
 			"requires": {
-				"@vue/reactivity": "3.0.4",
+				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==",
+			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
 			"requires": {
-				"@vue/runtime-core": "3.0.4",
+				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"csstype": "^2.6.8"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg=="
+			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
 		},
 		"csstype": {
-			"version": "2.6.14",
+			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.14.tgz",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A=="
+			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
 		},
 		"estree-walker": {
 			"version": "2.0.2",
@@ -88,9 +88,9 @@
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 		},
 		"lodash": {
-			"version": "4.17.20",
+			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
 		},
 		"source-map": {
 			"version": "0.6.1",
@@ -102,19 +102,14 @@
 			"resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
 			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
 		},
-		"uuid": {
-			"version": "8.3.2",
-			"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
-		},
 		"vue": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==",
+			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
 			"requires": {
-				"@vue/compiler-dom": "3.0.4",
+				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.4",
+				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		}
 	}

packages/image/package.json

@@ -26,6 +26,6 @@
   "dependencies": {
     "@schlechtenburg/core": "^0.0.0",
     "@schlechtenburg/paragraph": "^0.0.0",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   }
 }

packages/layout/package-lock.json

@@ -10,14 +10,14 @@
 			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
 		},
 		"@babel/parser": {
-			"version": "7.12.11",
+			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg=="
+			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
 		},
 		"@babel/types": {
-			"version": "7.12.12",
+			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
 			"requires": {
 				"@babel/helper-validator-identifier": "^7.12.11",
 				"lodash": "^4.17.19",
@@ -25,62 +25,62 @@
 			}
 		},
 		"@vue/compiler-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==",
+			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
 			"requires": {
 				"@babel/parser": "^7.12.0",
 				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"estree-walker": "^2.0.1",
 				"source-map": "^0.6.1"
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==",
+			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
 			"requires": {
-				"@vue/compiler-core": "3.0.4",
+				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==",
+			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
 			"requires": {
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==",
+			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
 			"requires": {
-				"@vue/reactivity": "3.0.4",
+				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==",
+			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
 			"requires": {
-				"@vue/runtime-core": "3.0.4",
+				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"csstype": "^2.6.8"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg=="
+			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
 		},
 		"csstype": {
-			"version": "2.6.14",
+			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.14.tgz",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A=="
+			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
 		},
 		"estree-walker": {
 			"version": "2.0.2",
@@ -88,9 +88,9 @@
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 		},
 		"lodash": {
-			"version": "4.17.20",
+			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
 		},
 		"source-map": {
 			"version": "0.6.1",
@@ -103,13 +103,13 @@
 			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
 		},
 		"vue": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==",
+			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
 			"requires": {
-				"@vue/compiler-dom": "3.0.4",
+				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.4",
+				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		}
 	}

packages/layout/package.json

@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "@schlechtenburg/core": "^0.0.0",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   }
 }

packages/paragraph/package-lock.json

@@ -10,14 +10,14 @@
 			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
 		},
 		"@babel/parser": {
-			"version": "7.12.11",
+			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg=="
+			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
 		},
 		"@babel/types": {
-			"version": "7.12.12",
+			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
+			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
 			"requires": {
 				"@babel/helper-validator-identifier": "^7.12.11",
 				"lodash": "^4.17.19",
@@ -25,62 +25,62 @@
 			}
 		},
 		"@vue/compiler-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-snpMICsbWTZqBFnPB03qr4DtiSxVYfDF3DvbDSkN9Z9NTM8Chl8E/lYhKBSsvauq91DAWAh8PU3lr9vrLyQsug==",
+			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
 			"requires": {
 				"@babel/parser": "^7.12.0",
 				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"estree-walker": "^2.0.1",
 				"source-map": "^0.6.1"
 			}
 		},
 		"@vue/compiler-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-FOxbHBIkkGjYQeTz1DlXQjS1Ms8EPXQWsdTdTPeohoS0KzCz6RiOjiAG+jLtMi6Nr5GX2h0TlCvcnI8mcsicFQ==",
+			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
 			"requires": {
-				"@vue/compiler-core": "3.0.4",
+				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/reactivity": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-AFTABrLhUYZY2on3ea9FxeXal7w3f6qIp9gT+/oG93H7dFTL5LvVnxygCopv7tvkIl/GSGQb/yK1D1gmXx1Pww==",
+			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
 			"requires": {
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-core": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-qH9e4kqU7b3u1JewvLmGmoAGY+mnuBqz7aEKb2mhpEgwa1yFv496BRuUfMXXMCix3+TndUVMJ8jt41FSdNppwg==",
+			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
 			"requires": {
-				"@vue/reactivity": "3.0.4",
+				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		},
 		"@vue/runtime-dom": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-BGIoiTSESzWUhN0Ofi2X/q+HN8f6IUFmUEyyBGKbmx7DTAJNZhFfjqsepfXQrM5IGeTfJLB1ZEVyroDQJNXq3g==",
+			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
 			"requires": {
-				"@vue/runtime-core": "3.0.4",
+				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.4",
+				"@vue/shared": "3.0.7",
 				"csstype": "^2.6.8"
 			}
 		},
 		"@vue/shared": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-Swfbz31AaMX48CpFl+YmIrqOH9MgJMTrltG9e26A4ZxYx9LjGuMV+41WnxFzS3Bc9nbrc6sDPM37G6nIT8NJSg=="
+			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
 		},
 		"csstype": {
-			"version": "2.6.14",
+			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.14.tgz",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A=="
+			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
 		},
 		"estree-walker": {
 			"version": "2.0.2",
@@ -88,9 +88,9 @@
 			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
 		},
 		"lodash": {
-			"version": "4.17.20",
+			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
 		},
 		"source-map": {
 			"version": "0.6.1",
@@ -103,13 +103,13 @@
 			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
 		},
 		"vue": {
-			"version": "3.0.4",
+			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.4.tgz",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-2o+AiQF8sAupyhbyl3oxVCl3WCwC/n5NI7VMM+gVQ231qvSB8eI7sCBloloqDJK6yA367EEtmRSeSCf4sxCC+A==",
+			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
 			"requires": {
-				"@vue/compiler-dom": "3.0.4",
+				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.4",
+				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.4"
+				"@vue/shared": "3.0.7"
 			}
 		}
 	}

packages/paragraph/package.json

@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "@schlechtenburg/core": "^0.0.0",
-    "vue": "^3.0.4"
+    "vue": "^3.0.7"
   }
 }

vite.config.js

@@ -10,6 +10,7 @@ export default {
     jsxFragment: 'Fragment',
   },
   build: {
+    sourcemap: true,
     outDir: 'docs',
   },
 };