@blokkli/editor 1.0.4 → 1.1.1

package/dist/runtime/components/Edit/Features/Structure/index.vue

@@ -11,11 +11,10 @@
     icon="tree"
     weight="-90"
   >
-    <div
+    <ScrollBoundary
       v-if="isLoaded"
       id="bk-structure"
       class="bk bk-structure bk-control"
-      @wheel.stop
     >
       <List
         :entity-bundle="context.entityBundle"
@@ -23,7 +22,7 @@
         :entity-uuid="context.entityUuid"
         :visible-field-keys="visibleFieldKeys"
       />
-    </div>
+    </ScrollBoundary>
   </PluginSidebar>
 </template>
 
@@ -38,6 +37,7 @@ import {
   reactive,
 } from '#imports'
 import { PluginSidebar } from '#blokkli/plugins'
+import { ScrollBoundary } from '#blokkli/components'
 import List from './List/index.vue'
 
 defineBlokkliFeature({

package/dist/runtime/components/Edit/ScrollBoundary/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <div @wheel="onWheel">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBlokkli } from '#imports'
+
+const { selection } = useBlokkli()
+
+function onWheel(e: WheelEvent) {
+  if (selection.isDragging.value) {
+    return
+  }
+
+  if (e.ctrlKey || e.metaKey) {
+    return
+  }
+
+  // e.preventDefault()
+  e.stopImmediatePropagation()
+}
+</script>

package/dist/runtime/components/Edit/index.d.ts

@@ -11,4 +11,5 @@ import AddListItem from './AddListItem/index.vue.js';
 import Loading from './Loading/index.vue.js';
 import Highlight from './Highlight/index.vue.js';
 import ViewportBlockingRect from './ViewportBlockingRect/index.vue.js';
-export { ItemIcon, ShortcutIndicator, RelativeTime, Icon, Resizable, DialogModal, ScaleToFit, Sortli, FormOverlay, AddListItem, Loading, Highlight, ViewportBlockingRect, };
+import ScrollBoundary from './ScrollBoundary/index.vue.js';
+export { ItemIcon, ShortcutIndicator, RelativeTime, Icon, Resizable, DialogModal, ScaleToFit, Sortli, FormOverlay, AddListItem, Loading, Highlight, ViewportBlockingRect, ScrollBoundary, };

package/dist/runtime/components/Edit/index.js

@@ -11,6 +11,7 @@ import AddListItem from "./AddListItem/index.vue";
 import Loading from "./Loading/index.vue";
 import Highlight from "./Highlight/index.vue";
 import ViewportBlockingRect from "./ViewportBlockingRect/index.vue";
+import ScrollBoundary from "./ScrollBoundary/index.vue";
 export {
   ItemIcon,
   ShortcutIndicator,
@@ -24,5 +25,6 @@ export {
   AddListItem,
   Loading,
   Highlight,
-  ViewportBlockingRect
+  ViewportBlockingRect,
+  ScrollBoundary
 };

package/dist/runtime/composables/defineBlokkli.js

@@ -4,7 +4,8 @@ import {
   INJECT_FIELD_LIST_BLOCKS,
   INJECT_FIELD_LIST_TYPE,
   INJECT_REUSABLE_OPTIONS,
-  INJECT_PROVIDER_BLOCKS
+  INJECT_PROVIDER_BLOCKS,
+  INJECT_FIELD_USES_PROXY
 } from "../helpers/symbols.js";
 import {
   computed,
@@ -75,10 +76,14 @@ export function defineBlokkli(config) {
   });
   const parentType = computed(() => item?.value.parentType);
   const isEditing = !!item?.value.isEditing;
+  const fieldUsesProxy = inject(INJECT_FIELD_USES_PROXY, false);
   onMounted(() => {
-    if (!item?.value || !isEditing || !editContext || !editContext.dom || // Block is already registered by the from_library block.
-    fromLibraryOptions || // The defineBlokkliFragment composable registers the block itself.
-    config.bundle === "blokkli_fragment") {
+    if (
+      // If the field uses proxy mode we don't want to register the block here.
+      fieldUsesProxy || !item?.value || !isEditing || !editContext || !editContext.dom || // Block is already registered by the from_library block.
+      fromLibraryOptions || // The defineBlokkliFragment composable registers the block itself.
+      config.bundle === "blokkli_fragment"
+    ) {
       return;
     }
     const instance = getCurrentInstance();
@@ -91,7 +96,7 @@ export function defineBlokkli(config) {
     );
   });
   onBeforeUnmount(() => {
-    if (editContext && editContext.dom && uuid && config.bundle !== "blokkli_fragment") {
+    if (!fieldUsesProxy && isEditing && editContext && editContext.dom && uuid && config.bundle !== "blokkli_fragment") {
       editContext.dom.unregisterBlock(uuid);
     }
   });

package/dist/runtime/constants/index.d.ts

@@ -1,4 +1,4 @@
-export declare const SETTINGS_GROUP: readonly ["appearance", "behavior", "advanced"];
+export declare const SETTINGS_GROUP: readonly ["appearance", "artboard", "behavior", "advanced"];
 export declare const VIEWPORT: readonly ["mobile", "desktop"];
 export type SettingsGroup = (typeof SETTINGS_GROUP)[number];
 export type Viewport = (typeof VIEWPORT)[number];

package/dist/runtime/constants/index.js

@@ -1,2 +1,7 @@
-export const SETTINGS_GROUP = ["appearance", "behavior", "advanced"];
+export const SETTINGS_GROUP = [
+  "appearance",
+  "artboard",
+  "behavior",
+  "advanced"
+];
 export const VIEWPORT = ["mobile", "desktop"];