@blokkli/editor 1.0.2 → 1.0.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "blokkli",
   "configKey": "blokkli",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "compatibility": {
     "nuxt": "^3.12.0"
   },

package/dist/module.mjs

@@ -6,7 +6,7 @@ import { createUnplugin } from 'unplugin';
 import MagicString from 'magic-string';
 import { walk } from 'estree-walker-ts';
 
-const version = "1.0.2";
+const version = "1.0.3";
 
 function sortObjectKeys(obj) {
   const sortedKeys = Object.keys(obj).sort();

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

@@ -158,15 +158,17 @@ function onPointerDown(e: PointerEvent) {
     e.stopImmediatePropagation()
   }
 
+  if (e.pointerType === 'touch') {
+    return onTouchStart(e)
+  }
+
   // If we are already dragging, return.
   // This might be the case if a dragging:start event was manually triggered,
   // e.g. when selecting a draggable item using the keyboard.
   if (selection.isDragging.value) {
     return
   }
-  if (e.pointerType === 'touch') {
-    return onTouchStart(e)
-  }
+
   pointerDownTimestamp = Date.now()
   const coords = { x: e.clientX, y: e.clientY }
 

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

@@ -1,5 +1,6 @@
 <template>
   <PluginItemAction
+    v-if="isEditing"
     id="edit"
     :title="$t('edit', 'Edit')"
     :disabled="!canEdit"
@@ -36,6 +37,8 @@ const block = computed(() => {
   return selection.blocks.value[0]
 })
 
+const isEditing = computed(() => state.editMode.value === 'editing')
+
 const canEdit = computed(() => {
   // Editing is only possible when a single block is selected.
   if (!block.value) {

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

@@ -44,7 +44,7 @@ const onSelect = (uuids: string[]) => {
 let startTimeout: any = null
 
 onBlokkliEvent('mouse:down', (e) => {
-  if (!enabled.value || e.type !== 'mouse') {
+  if (!enabled.value || e.type !== 'mouse' || selection.isDragging.value) {
     return
   }
   if (keyboard.isPressingSpace.value || keyboard.isPressingControl.value) {

package/dist/runtime/components/Edit/Features/Options/Form/Item.vue

@@ -69,6 +69,7 @@ import OptionColor from './Color/index.vue'
 import OptionRange from './Range/index.vue'
 import OptionNumber from './Number/index.vue'
 import type { BlockOptionDefinition } from '#blokkli/types/blokkOptions'
+import { mapCheckboxTrue } from '#blokkli/helpers/runtimeHelpers'
 
 const { state } = useBlokkli()
 
@@ -99,10 +100,7 @@ const validateValue = (
       return v
     }
   } else if (props.option.type === 'checkbox') {
-    if (typeof v === 'boolean') {
-      return v ? '1' : '0'
-    }
-    return v === '1' ? '1' : '0'
+    return mapCheckboxTrue(v)
   } else if (props.option.type === 'checkboxes') {
     const options = Object.keys(props.option.options || {})
     const items = Array.isArray(v)

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

@@ -75,6 +75,7 @@
     :disabled="!canTranslateBlock"
     :title="$t('translationsItemAction', 'Translate')"
     icon="translate"
+    :weight="-100"
     @click="onTranslate"
   />
 </template>
@@ -100,6 +101,7 @@ import type {
 } from '#blokkli/types'
 import Banner from './Banner/index.vue'
 import { getDefinition } from '#blokkli/definitions'
+import onBlokkliEvent from '#blokkli/helpers/composables/onBlokkliEvent'
 
 const { adapter } = defineBlokkliFeature({
   id: 'translations',
@@ -109,7 +111,7 @@ const { adapter } = defineBlokkliFeature({
   description: 'Adds support for block translations.',
 })
 
-const { eventBus, state, context, $t, ui, selection } = useBlokkli()
+const { eventBus, state, context, $t, ui, selection, types } = useBlokkli()
 const { translation, editMode } = state
 
 const isOpen = ref(false)
@@ -173,6 +175,15 @@ const canTranslateBlock = computed(() => {
   if (definition?.editor?.disableEdit) {
     return false
   }
+  const type = types.getBlockBundleDefinition(block.itemBundle)
+
+  if (!type) {
+    return false
+  }
+
+  if (!type.isTranslatable) {
+    return false
+  }
 
   return true
 })
@@ -195,6 +206,12 @@ function onTranslate(items: DraggableExistingBlock[]) {
   })
 }
 
+onBlokkliEvent('item:doubleClick', function (block) {
+  if (editMode.value === 'translating' && canTranslateBlock.value) {
+    onTranslate([block])
+  }
+})
+
 onMounted(() => {
   // Make sure the user is not trying to edit a translation that does not exist.
   const translationExists = !!translation.value.translations?.find(