@portabletext/editor 1.43.1 → 1.44.0

package/lib/_chunks-cjs/editor-provider.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$g = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), omit = require("lodash/omit.js"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), selector_isActiveStyle = require("./selector.is-active-style.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
+var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$g = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), parseBlocks = require("./parse-blocks.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), omit = require("lodash/omit.js"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("./selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -383,6 +383,30 @@ function isBlockElement({
 }, node) {
   return slate.Element.isElement(node) && !editor.isInline(node) && (schema2.block.name === node._type || schema2.blockObjects.some((blockObject) => blockObject.name === node._type));
 }
+function isListItemActive({
+  editor,
+  listItem
+}) {
+  if (!editor.selection)
+    return !1;
+  const selectedBlocks = [...slate.Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => editor.isTextBlock(node)
+  })];
+  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => editor.isListBlock(node) && node.listItem === listItem) : !1;
+}
+function isStyleActive({
+  editor,
+  style
+}) {
+  if (!editor.selection)
+    return !1;
+  const selectedBlocks = [...slate.Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => editor.isTextBlock(node)
+  })];
+  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => node.style === style) : !1;
+}
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = React.createContext({}), PortableTextEditorContext = React.createContext(null), usePortableTextEditor = () => {
   const editor = React.useContext(PortableTextEditorContext);
   if (!editor)
@@ -2517,7 +2541,7 @@ const converterJson = {
         reason: "Data is not an array"
       };
     const parsedBlocks = blocks.flatMap((block) => {
-      const parsedBlock = util_selectionPointToBlockOffset.parseBlock({
+      const parsedBlock = parseBlocks.parseBlock({
         context: snapshot.context,
         block,
         options: {
@@ -2939,131 +2963,7 @@ const insertBreakActionImplementation = ({
 }) => {
   slate.insertText(action.editor, `
 `);
-}, toggleListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  isListItemActive({
-    editor: action.editor,
-    listItem: action.listItem
-  }) ? removeListItemActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  }) : addListItemActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  });
-}, removeListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = selector_isOverlappingSelection.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isListBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    slate.Transforms.unsetNodes(action.editor, ["listItem", "level"], {
-      at
-    });
-}, addListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = selector_isOverlappingSelection.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    slate.Transforms.setNodes(action.editor, {
-      level: 1,
-      listItem: action.listItem
-    }, {
-      at
-    });
-};
-function isListItemActive({
-  editor,
-  listItem
-}) {
-  if (!editor.selection)
-    return !1;
-  const selectedBlocks = [...slate.Editor.nodes(editor, {
-    at: editor.selection,
-    match: (node) => editor.isTextBlock(node)
-  })];
-  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => editor.isListBlock(node) && node.listItem === listItem) : !1;
-}
-const toggleStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  isStyleActive({
-    editor: action.editor,
-    style: action.style
-  }) ? removeStyleActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  }) : addStyleActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  });
-}, removeStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const defaultStyle = context.schema.styles[0].value, guards = selector_isOverlappingSelection.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    slate.Transforms.setNodes(action.editor, {
-      style: defaultStyle
-    }, {
-      at
-    });
-}, addStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = selector_isOverlappingSelection.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    slate.Transforms.setNodes(action.editor, {
-      style: action.style
-    }, {
-      at
-    });
 };
-function isStyleActive({
-  editor,
-  style
-}) {
-  if (!editor.selection)
-    return !1;
-  const selectedBlocks = [...slate.Editor.nodes(editor, {
-    at: editor.selection,
-    match: (node) => editor.isTextBlock(node)
-  })];
-  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => node.style === style) : !1;
-}
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (typeof node.marks > "u" || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
 }
@@ -3120,7 +3020,7 @@ const decoratorAddActionImplementation = ({
         focus: focusOffset
       },
       backward: editorSelection?.backward
-    }), trimmedSelection = selector_isActiveStyle.getTrimmedSelection({
+    }), trimmedSelection = selector_isSelectingEntireBlocks.getTrimmedSelection({
       context: {
         activeDecorators: [],
         converters: [],
@@ -4182,7 +4082,7 @@ const addAnnotationActionImplementation = ({
   const {
     _type,
     ...filteredProps
-  } = action.props, updatedBlock = util_selectionPointToBlockOffset.parseBlock({
+  } = action.props, updatedBlock = parseBlocks.parseBlock({
     context,
     block: {
       ...parsedBlock,
@@ -4226,8 +4126,8 @@ const addAnnotationActionImplementation = ({
   const parsedBlock = fromSlateValue([block], context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(action.editor)).at(0);
   if (!parsedBlock)
     throw new Error(`Unable to parse block at ${JSON.stringify(action.at)}`);
-  if (util_selectionPointToBlockOffset.isTextBlock(context.schema, parsedBlock)) {
-    const propsToRemove = action.props.filter((prop) => prop !== "_type"), updatedTextBlock = util_selectionPointToBlockOffset.parseBlock({
+  if (parseBlocks.isTextBlock(context.schema, parsedBlock)) {
+    const propsToRemove = action.props.filter((prop) => prop !== "_type"), updatedTextBlock = parseBlocks.parseBlock({
       context,
       block: omit__default.default(parsedBlock, propsToRemove),
       options: {
@@ -4244,7 +4144,7 @@ const addAnnotationActionImplementation = ({
     });
     return;
   }
-  const updatedBlockObject = util_selectionPointToBlockOffset.parseBlock({
+  const updatedBlockObject = parseBlocks.parseBlock({
     context,
     block: omit__default.default(parsedBlock, action.props.filter((prop) => prop !== "_type")),
     options: {
@@ -4269,10 +4169,6 @@ const addAnnotationActionImplementation = ({
   action
 }) => {
   slateReact.ReactEditor.blur(action.editor);
-}, dataTransferSetActionImplementation = ({
-  action
-}) => {
-  action.dataTransfer.setData(action.mimeType, action.data);
 }, deleteActionImplementation = ({
   action
 }) => {
@@ -4323,7 +4219,7 @@ const addAnnotationActionImplementation = ({
   });
   if (!selection)
     throw new Error("Unable to find selection from block offsets");
-  const trimmedSelection = selector_isActiveStyle.getTrimmedSelection({
+  const trimmedSelection = selector_isSelectingEntireBlocks.getTrimmedSelection({
     context: {
       converters: [],
       schema: context.schema,
@@ -4342,15 +4238,84 @@ const addAnnotationActionImplementation = ({
   slate.Transforms.delete(action.editor, {
     at: range
   });
-}, deserializationFailureActionImplementation = ({
+}, effectActionImplementation = ({
+  action
+}) => {
+  action.effect();
+}, focusActionImplementation = ({
+  action
+}) => {
+  slateReact.ReactEditor.focus(action.editor);
+}, insertInlineObjectActionImplementation = ({
+  context,
+  action
+}) => {
+  if (!context.schema.inlineObjects.some((inlineObject) => inlineObject.name === action.inlineObject.name)) {
+    console.error("Unable to insert unknown inline object");
+    return;
+  }
+  if (!action.editor.selection) {
+    console.error("Unable to insert inline object without selection");
+    return;
+  }
+  const [focusTextBlock] = Array.from(slate.Editor.nodes(action.editor, {
+    at: action.editor.selection.focus.path,
+    match: (node) => action.editor.isTextBlock(node)
+  })).at(0) ?? [void 0, void 0];
+  if (!focusTextBlock) {
+    console.error("Unable to perform action without focus text block");
+    return;
+  }
+  const child = toSlateValue([{
+    _type: context.schema.block.name,
+    _key: context.keyGenerator(),
+    children: [{
+      _type: action.inlineObject.name,
+      _key: context.keyGenerator(),
+      ...action.inlineObject.value ?? {}
+    }]
+  }], {
+    schemaTypes: context.schema
+  }).at(0)?.children.at(0);
+  if (!child) {
+    console.error("Unable to insert inline object");
+    return;
+  }
+  slate.Transforms.insertNodes(action.editor, child);
+}, insertSpanActionImplementation = ({
+  context,
   action
 }) => {
-  console.warn(`Deserialization of ${action.mimeType} failed with reason "${action.reason}"`);
+  if (!action.editor.selection) {
+    console.error("Unable to perform action without selection", action);
+    return;
+  }
+  const [focusBlock, focusBlockPath] = Array.from(slate.Editor.nodes(action.editor, {
+    at: action.editor.selection.focus.path,
+    match: (node) => action.editor.isTextBlock(node)
+  }))[0] ?? [void 0, void 0];
+  if (!focusBlock || !focusBlockPath) {
+    console.error("Unable to perform action without focus block", action);
+    return;
+  }
+  const markDefs = focusBlock.markDefs ?? [], annotations = action.annotations ? action.annotations.map((annotation) => ({
+    _type: annotation.name,
+    _key: context.keyGenerator(),
+    ...annotation.value
+  })) : void 0;
+  annotations && annotations.length > 0 && slate.Transforms.setNodes(action.editor, {
+    markDefs: [...markDefs, ...annotations]
+  }), slate.Transforms.insertNodes(action.editor, {
+    _type: "span",
+    _key: context.keyGenerator(),
+    text: action.text,
+    marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
+  });
 }, insertBlockActionImplementation = ({
   context,
   action
 }) => {
-  const parsedBlock = util_selectionPointToBlockOffset.parseBlock({
+  const parsedBlock = parseBlocks.parseBlock({
     block: action.block,
     context,
     options: {
@@ -4491,331 +4456,82 @@ function insertBlock({
     }
   }
 }
-const selectActionImplementation = ({
+const insertTextActionImplementation = ({
   action
 }) => {
-  const newSelection = toSlateRange(action.selection, action.editor);
-  newSelection ? slate.Transforms.select(action.editor, newSelection) : slate.Transforms.deselect(action.editor);
-}, selectNextBlockActionImplementation = ({
+  action.editor.insertText(action.text);
+}, moveBlockActionImplementation = ({
+  action
+}) => {
+  const at = [toSlatePath(action.at, action.editor)[0]], to = [toSlatePath(action.to, action.editor)[0]];
+  slate.Transforms.moveNodes(action.editor, {
+    at,
+    to,
+    mode: "highest"
+  });
+}, moveBlockDownActionImplementation = ({
   context,
   action
 }) => {
-  if (!action.editor.selection) {
-    console.error("Unable to select previous block without a selection");
-    return;
-  }
-  const nextBlockPath = [action.editor.selection.focus.path.slice(0, 1)[0] + 1], position = action.select === "end" ? slate.Editor.end(action.editor, nextBlockPath) : slate.Editor.start(action.editor, nextBlockPath), newSelection = toPortableTextRange(action.editor.children, {
-    anchor: position,
-    focus: position
-  }, context.schema);
-  if (!newSelection) {
-    console.error("Could not find selection for next block");
+  const at = [toSlatePath(action.at, action.editor)[0]], to = [slate.Path.next(at)[0]], selection = toPortableTextRange(action.editor.children, {
+    anchor: {
+      path: to,
+      offset: 0
+    },
+    focus: {
+      path: to,
+      offset: 0
+    }
+  }, context.schema), destinationBlockKey = selection && util_sliceBlocks.isKeyedSegment(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
+  if (destinationBlockKey === void 0) {
+    console.error("Could not find destination block key");
     return;
   }
-  selectActionImplementation({
+  moveBlockActionImplementation({
     action: {
-      selection: newSelection,
+      at: action.at,
+      to: [{
+        _key: destinationBlockKey
+      }],
       editor: action.editor
     }
   });
-}, selectPreviousBlockActionImplementation = ({
+}, moveBlockUpActionImplementation = ({
   context,
   action
 }) => {
-  if (!action.editor.selection) {
-    console.error("Unable to select previous block without a selection");
-    return;
-  }
-  const blockPath = action.editor.selection.focus.path.slice(0, 1);
-  if (!slate.Path.hasPrevious(blockPath)) {
-    console.error("There's no previous block to select");
+  const at = [toSlatePath(action.at, action.editor)[0]];
+  if (!slate.Path.hasPrevious(at))
     return;
-  }
-  const position = action.select === "end" ? slate.Editor.end(action.editor, slate.Path.previous(blockPath)) : slate.Editor.start(action.editor, slate.Path.previous(blockPath)), newSelection = toPortableTextRange(action.editor.children, {
-    anchor: position,
-    focus: position
-  }, context.schema);
-  if (!newSelection) {
-    console.error("Could not find selection for previous block");
+  const to = [slate.Path.previous(at)[0]], selection = toPortableTextRange(action.editor.children, {
+    anchor: {
+      path: to,
+      offset: 0
+    },
+    focus: {
+      path: to,
+      offset: 0
+    }
+  }, context.schema), destinationBlockKey = selection && util_sliceBlocks.isKeyedSegment(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
+  if (destinationBlockKey === void 0) {
+    console.error("Could not find destination block key");
     return;
   }
-  selectActionImplementation({
+  moveBlockActionImplementation({
     action: {
-      selection: newSelection,
+      at: action.at,
+      to: [{
+        _key: destinationBlockKey
+      }],
       editor: action.editor
     }
   });
-}, insertBlocksActionImplementation = ({
-  context,
+}, noopActionImplementation = () => {
+}, selectActionImplementation = ({
   action
 }) => {
-  const parsedBlocks = util_selectionPointToBlockOffset.parseBlocks({
-    context,
-    blocks: action.blocks,
-    options: {
-      refreshKeys: !1
-    }
-  });
-  if (parsedBlocks.length === 0)
-    throw new Error(`Failed to parse blocks ${JSON.stringify(action.blocks)}`);
-  const fragment = toSlateValue(parsedBlocks, {
-    schemaTypes: context.schema
-  });
-  if (fragment.length === 0)
-    throw new Error(`Failed to convert blocks to Slate fragment ${JSON.stringify(parsedBlocks)}`);
-  const [focusBlock] = getFocusBlock({
-    editor: action.editor
-  });
-  if (action.placement === "before") {
-    let index = 0;
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: index === 0 ? "before" : "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  } else if (action.placement === "after")
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      });
-  else if (focusBlock && action.editor.isTextBlock(focusBlock)) {
-    if (fragment.length === 1) {
-      insertBlock({
-        block: fragment[0],
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      });
-      return;
-    }
-    let index = 0;
-    for (const block of fragment)
-      index === 0 ? (insertBreakActionImplementation({
-        context,
-        action: {
-          editor: action.editor
-        }
-      }), selectPreviousBlockActionImplementation({
-        context,
-        action: {
-          editor: action.editor,
-          select: "end"
-        }
-      }), insertBlock({
-        block,
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      })) : index === fragment.length - 1 ? (selectNextBlockActionImplementation({
-        context,
-        action: {
-          editor: action.editor,
-          select: "start"
-        }
-      }), insertBlock({
-        block,
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      })) : insertBlock({
-        block,
-        placement: "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  } else {
-    let index = 0;
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: index === 0 ? "auto" : "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  }
-}, deserializationSuccessActionImplementation = ({
-  context,
-  action
-}) => {
-  insertBlocksActionImplementation({
-    context,
-    action: {
-      blocks: action.data,
-      editor: action.editor,
-      placement: "auto"
-    }
-  });
-}, effectActionImplementation = ({
-  action
-}) => {
-  action.effect();
-}, focusActionImplementation = ({
-  action
-}) => {
-  slateReact.ReactEditor.focus(action.editor);
-}, insertInlineObjectActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!context.schema.inlineObjects.some((inlineObject) => inlineObject.name === action.inlineObject.name)) {
-    console.error("Unable to insert unknown inline object");
-    return;
-  }
-  if (!action.editor.selection) {
-    console.error("Unable to insert inline object without selection");
-    return;
-  }
-  const [focusTextBlock] = Array.from(slate.Editor.nodes(action.editor, {
-    at: action.editor.selection.focus.path,
-    match: (node) => action.editor.isTextBlock(node)
-  })).at(0) ?? [void 0, void 0];
-  if (!focusTextBlock) {
-    console.error("Unable to perform action without focus text block");
-    return;
-  }
-  const child = toSlateValue([{
-    _type: context.schema.block.name,
-    _key: context.keyGenerator(),
-    children: [{
-      _type: action.inlineObject.name,
-      _key: context.keyGenerator(),
-      ...action.inlineObject.value ?? {}
-    }]
-  }], {
-    schemaTypes: context.schema
-  }).at(0)?.children.at(0);
-  if (!child) {
-    console.error("Unable to insert inline object");
-    return;
-  }
-  slate.Transforms.insertNodes(action.editor, child);
-}, insertSpanActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection) {
-    console.error("Unable to perform action without selection", action);
-    return;
-  }
-  const [focusBlock, focusBlockPath] = Array.from(slate.Editor.nodes(action.editor, {
-    at: action.editor.selection.focus.path,
-    match: (node) => action.editor.isTextBlock(node)
-  }))[0] ?? [void 0, void 0];
-  if (!focusBlock || !focusBlockPath) {
-    console.error("Unable to perform action without focus block", action);
-    return;
-  }
-  const markDefs = focusBlock.markDefs ?? [], annotations = action.annotations ? action.annotations.map((annotation) => ({
-    _type: annotation.name,
-    _key: context.keyGenerator(),
-    ...annotation.value
-  })) : void 0;
-  annotations && annotations.length > 0 && slate.Transforms.setNodes(action.editor, {
-    markDefs: [...markDefs, ...annotations]
-  }), slate.Transforms.insertNodes(action.editor, {
-    _type: "span",
-    _key: context.keyGenerator(),
-    text: action.text,
-    marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
-  });
-}, insertTextActionImplementation = ({
-  action
-}) => {
-  action.editor.insertText(action.text);
-}, moveBlockActionImplementation = ({
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]], to = [toSlatePath(action.to, action.editor)[0]];
-  slate.Transforms.moveNodes(action.editor, {
-    at,
-    to,
-    mode: "highest"
-  });
-}, moveBlockDownActionImplementation = ({
-  context,
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]], to = [slate.Path.next(at)[0]], selection = toPortableTextRange(action.editor.children, {
-    anchor: {
-      path: to,
-      offset: 0
-    },
-    focus: {
-      path: to,
-      offset: 0
-    }
-  }, context.schema), destinationBlockKey = selection && util_sliceBlocks.isKeyedSegment(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
-  if (destinationBlockKey === void 0) {
-    console.error("Could not find destination block key");
-    return;
-  }
-  moveBlockActionImplementation({
-    action: {
-      at: action.at,
-      to: [{
-        _key: destinationBlockKey
-      }],
-      editor: action.editor
-    }
-  });
-}, moveBlockUpActionImplementation = ({
-  context,
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]];
-  if (!slate.Path.hasPrevious(at))
-    return;
-  const to = [slate.Path.previous(at)[0]], selection = toPortableTextRange(action.editor.children, {
-    anchor: {
-      path: to,
-      offset: 0
-    },
-    focus: {
-      path: to,
-      offset: 0
-    }
-  }, context.schema), destinationBlockKey = selection && util_sliceBlocks.isKeyedSegment(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
-  if (destinationBlockKey === void 0) {
-    console.error("Could not find destination block key");
-    return;
-  }
-  moveBlockActionImplementation({
-    action: {
-      at: action.at,
-      to: [{
-        _key: destinationBlockKey
-      }],
-      editor: action.editor
-    }
-  });
-}, noopActionImplementation = () => {
-}, serializationFailureActionImplementation = ({
-  action
-}) => {
-  console.warn(`Serialization of ${action.mimeType} failed with reason "${action.reason}"`);
-}, serializationSuccessActionImplementation = ({
-  context,
-  action
-}) => {
-  dataTransferSetActionImplementation({
-    action: {
-      data: action.data,
-      dataTransfer: action.originEvent.originEvent.dataTransfer,
-      mimeType: action.mimeType
-    }
-  });
+  const newSelection = toSlateRange(action.selection, action.editor);
+  newSelection ? slate.Transforms.select(action.editor, newSelection) : slate.Transforms.deselect(action.editor);
 }, debug$9 = debugWithName("behaviors:action"), behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
@@ -4823,7 +4539,6 @@ const selectActionImplementation = ({
   "block.set": blockSetBehaviorActionImplementation,
   "block.unset": blockUnsetBehaviorActionImplementation,
   blur: blurActionImplementation,
-  "data transfer.set": dataTransferSetActionImplementation,
   "decorator.add": decoratorAddActionImplementation,
   "decorator.remove": removeDecoratorActionImplementation,
   "decorator.toggle": toggleDecoratorActionImplementation,
@@ -4833,33 +4548,20 @@ const selectActionImplementation = ({
   "delete.forward": deleteForwardActionImplementation,
   "delete.block": deleteBlockActionImplementation,
   "delete.text": deleteTextActionImplementation,
-  "deserialization.failure": deserializationFailureActionImplementation,
-  "deserialization.success": deserializationSuccessActionImplementation,
   "history.redo": historyRedoActionImplementation,
   "history.undo": historyUndoActionImplementation,
   "insert.block": insertBlockActionImplementation,
-  "insert.blocks": insertBlocksActionImplementation,
   "insert.break": insertBreakActionImplementation,
   "insert.inline object": insertInlineObjectActionImplementation,
   "insert.soft break": insertSoftBreakActionImplementation,
   "insert.span": insertSpanActionImplementation,
   "insert.text": insertTextActionImplementation,
   effect: effectActionImplementation,
-  "list item.add": addListItemActionImplementation,
-  "list item.remove": removeListItemActionImplementation,
-  "list item.toggle": toggleListItemActionImplementation,
   "move.block": moveBlockActionImplementation,
   "move.block down": moveBlockDownActionImplementation,
   "move.block up": moveBlockUpActionImplementation,
   noop: noopActionImplementation,
-  select: selectActionImplementation,
-  "select.previous block": selectPreviousBlockActionImplementation,
-  "select.next block": selectNextBlockActionImplementation,
-  "serialization.failure": serializationFailureActionImplementation,
-  "serialization.success": serializationSuccessActionImplementation,
-  "style.toggle": toggleStyleActionImplementation,
-  "style.add": addStyleActionImplementation,
-  "style.remove": removeStyleActionImplementation
+  select: selectActionImplementation
 };
 function performAction({
   context,
@@ -4908,13 +4610,6 @@ function performAction({
       });
       break;
     }
-    case "data transfer.set": {
-      behaviorActionImplementations["data transfer.set"]({
-        context,
-        action
-      });
-      break;
-    }
     case "decorator.add": {
       behaviorActionImplementations["decorator.add"]({
         context,
@@ -4971,20 +4666,6 @@ function performAction({
       });
       break;
     }
-    case "deserialization.failure": {
-      behaviorActionImplementations["deserialization.failure"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "deserialization.success": {
-      behaviorActionImplementations["deserialization.success"]({
-        context,
-        action
-      });
-      break;
-    }
     case "effect": {
       behaviorActionImplementations.effect({
         context,
@@ -5020,13 +4701,6 @@ function performAction({
       });
       break;
     }
-    case "insert.blocks": {
-      behaviorActionImplementations["insert.blocks"]({
-        context,
-        action
-      });
-      break;
-    }
     case "insert.inline object": {
       behaviorActionImplementations["insert.inline object"]({
         context,
@@ -5062,27 +4736,6 @@ function performAction({
       });
       break;
     }
-    case "list item.add": {
-      behaviorActionImplementations["list item.add"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "list item.remove": {
-      behaviorActionImplementations["list item.remove"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "list item.toggle": {
-      behaviorActionImplementations["list item.toggle"]({
-        context,
-        action
-      });
-      break;
-    }
     case "move.block": {
       behaviorActionImplementations["move.block"]({
         context,
@@ -5106,57 +4759,8 @@ function performAction({
     }
     case "noop":
       break;
-    case "select": {
-      behaviorActionImplementations.select({
-        context,
-        action
-      });
-      break;
-    }
-    case "select.previous block": {
-      behaviorActionImplementations["select.previous block"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "select.next block": {
-      behaviorActionImplementations["select.next block"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "serialization.failure": {
-      behaviorActionImplementations["serialization.failure"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "serialization.success": {
-      behaviorActionImplementations["serialization.success"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "style.add": {
-      behaviorActionImplementations["style.add"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "style.remove": {
-      behaviorActionImplementations["style.remove"]({
-        context,
-        action
-      });
-      break;
-    }
     default: {
-      behaviorActionImplementations["style.toggle"]({
+      behaviorActionImplementations.select({
         context,
         action
       });
@@ -6065,114 +5669,301 @@ const keyIs = {
   actions: [() => [behavior_core.raise({
     type: "insert.soft break"
   })]]
-}), toggleAnnotationOff = behavior_core.defineBehavior({
-  on: "annotation.toggle",
+}), internalInsertBehaviors = [behavior_core.defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => selector_isActiveStyle.isActiveAnnotation(event.annotation.name)(snapshot),
+  }) => event.placement === "before",
   actions: [({
     event
-  }) => [behavior_core.raise({
-    type: "annotation.remove",
-    annotation: event.annotation
-  })]]
-}), toggleAnnotationOn = behavior_core.defineBehavior({
-  on: "annotation.toggle",
+  }) => event.blocks.map((block, index) => behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: index === 0 ? "before" : "after",
+    select: "end"
+  }))]
+}), behavior_core.defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveAnnotation(event.annotation.name)(snapshot),
+  }) => event.placement === "after",
   actions: [({
     event
-  }) => [behavior_core.raise({
-    type: "annotation.add",
-    annotation: event.annotation
-  })]]
-}), toggleDecoratorOff = behavior_core.defineBehavior({
-  on: "decorator.toggle",
+  }) => event.blocks.map((block) => behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: "after",
+    select: "end"
+  }))]
+}), behavior_core.defineBehavior({
+  on: "insert.blocks",
   guard: ({
     snapshot,
     event
-  }) => selector_isActiveStyle.isActiveDecorator(event.decorator)(snapshot),
+  }) => !(event.placement !== "auto" || !selector_isOverlappingSelection.getFocusTextBlock(snapshot)),
   actions: [({
     event
-  }) => [behavior_core.raise({
-    type: "decorator.remove",
-    decorator: event.decorator
-  })]]
-}), toggleDecoratorOn = behavior_core.defineBehavior({
-  on: "decorator.toggle",
+  }) => event.blocks.length === 1 ? [behavior_core.raise({
+    type: "insert.block",
+    block: event.blocks[0],
+    placement: "auto",
+    select: "end"
+  })] : event.blocks.flatMap((block, index) => index === 0 ? [behavior_core.raise({
+    type: "insert.break"
+  }), behavior_core.raise({
+    type: "select.previous block",
+    select: "end"
+  }), behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: "auto",
+    select: "end"
+  })] : index === event.blocks.length - 1 ? [behavior_core.raise({
+    type: "select.next block",
+    select: "start"
+  }), behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: "auto",
+    select: "end"
+  })] : [behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: "after",
+    select: "end"
+  })])]
+}), behavior_core.defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => {
-    const manualSelection = event.offsets ? util_selectionPointToBlockOffset.blockOffsetsToSelection({
-      value: snapshot.context.value,
-      offsets: event.offsets
-    }) : null;
-    return manualSelection ? !selector_isActiveStyle.isActiveDecorator(event.decorator)({
-      ...snapshot,
-      context: {
-        ...snapshot.context,
-        selection: manualSelection
-      }
-    }) : !selector_isActiveStyle.isActiveDecorator(event.decorator)(snapshot);
-  },
+  }) => event.placement === "auto",
   actions: [({
     event
-  }) => [behavior_core.raise({
-    ...event,
-    type: "decorator.add"
-  })]]
-}), toggleListItemOff = behavior_core.defineBehavior({
+  }) => event.blocks.map((block, index) => behavior_core.raise({
+    type: "insert.block",
+    block,
+    placement: index === 0 ? "auto" : "after",
+    select: "end"
+  }))]
+})], internalListItemBehaviors = [behavior_core.defineBehavior({
+  on: "list item.add",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: selector_isSelectingEntireBlocks.getSelectedTextBlocks(snapshot)
+  }),
+  actions: [({
+    event
+  }, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => behavior_core.raise({
+    type: "block.set",
+    at: block.path,
+    props: {
+      level: 1,
+      listItem: event.listItem
+    }
+  }))]
+}), behavior_core.defineBehavior({
+  on: "list item.remove",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: selector_isSelectingEntireBlocks.getSelectedTextBlocks(snapshot)
+  }),
+  actions: [(_, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => behavior_core.raise({
+    type: "block.unset",
+    at: block.path,
+    props: ["level", "listItem"]
+  }))]
+}), behavior_core.defineBehavior({
   on: "list item.toggle",
   guard: ({
     snapshot,
     event
-  }) => selector_isActiveStyle.isActiveListItem(event.listItem)(snapshot),
+  }) => selector_isSelectingEntireBlocks.isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "list item.remove",
     listItem: event.listItem
   })]]
-}), toggleListItemOn = behavior_core.defineBehavior({
+}), behavior_core.defineBehavior({
   on: "list item.toggle",
   guard: ({
     snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveListItem(event.listItem)(snapshot),
+  }) => !selector_isSelectingEntireBlocks.isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "list item.add",
     listItem: event.listItem
   })]]
-}), toggleStyleOff = behavior_core.defineBehavior({
+})], internalSelectBehaviors = [behavior_core.defineBehavior({
+  on: "select.previous block",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const previousBlock = selector_isOverlappingSelection.getPreviousBlock(snapshot);
+    if (!previousBlock)
+      return !1;
+    const point = event.select === "end" ? util_sliceBlocks.getBlockEndPoint(previousBlock) : util_sliceBlocks.getBlockStartPoint(previousBlock);
+    return {
+      selection: {
+        anchor: point,
+        focus: point
+      }
+    };
+  },
+  actions: [(_, {
+    selection
+  }) => [behavior_core.raise({
+    type: "select",
+    selection
+  })]]
+}), behavior_core.defineBehavior({
+  on: "select.next block",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const nextBlock = selector_isOverlappingSelection.getNextBlock(snapshot);
+    if (!nextBlock)
+      return !1;
+    const point = event.select === "end" ? util_sliceBlocks.getBlockEndPoint(nextBlock) : util_sliceBlocks.getBlockStartPoint(nextBlock);
+    return {
+      selection: {
+        anchor: point,
+        focus: point
+      }
+    };
+  },
+  actions: [(_, {
+    selection
+  }) => [behavior_core.raise({
+    type: "select",
+    selection
+  })]]
+})], internalStyleBehaviors = [behavior_core.defineBehavior({
+  on: "style.add",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: selector_isSelectingEntireBlocks.getSelectedTextBlocks(snapshot)
+  }),
+  actions: [({
+    event
+  }, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => behavior_core.raise({
+    type: "block.set",
+    at: block.path,
+    props: {
+      style: event.style
+    }
+  }))]
+}), behavior_core.defineBehavior({
+  on: "style.remove",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: selector_isSelectingEntireBlocks.getSelectedTextBlocks(snapshot)
+  }),
+  actions: [(_, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => behavior_core.raise({
+    type: "block.unset",
+    at: block.path,
+    props: ["style"]
+  }))]
+}), behavior_core.defineBehavior({
   on: "style.toggle",
   guard: ({
     snapshot,
     event
-  }) => selector_isActiveStyle.isActiveStyle(event.style)(snapshot),
+  }) => selector_isSelectingEntireBlocks.isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "style.remove",
     style: event.style
   })]]
-}), toggleStyleOn = behavior_core.defineBehavior({
+}), behavior_core.defineBehavior({
   on: "style.toggle",
   guard: ({
     snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveStyle(event.style)(snapshot),
+  }) => !selector_isSelectingEntireBlocks.isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "style.add",
     style: event.style
   })]]
+})], toggleAnnotationOff = behavior_core.defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => selector_isSelectingEntireBlocks.isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [behavior_core.raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}), toggleAnnotationOn = behavior_core.defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => !selector_isSelectingEntireBlocks.isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [behavior_core.raise({
+    type: "annotation.add",
+    annotation: event.annotation
+  })]]
+}), toggleDecoratorOff = behavior_core.defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => selector_isSelectingEntireBlocks.isActiveDecorator(event.decorator)(snapshot),
+  actions: [({
+    event
+  }) => [behavior_core.raise({
+    type: "decorator.remove",
+    decorator: event.decorator
+  })]]
+}), toggleDecoratorOn = behavior_core.defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const manualSelection = event.offsets ? util_selectionPointToBlockOffset.blockOffsetsToSelection({
+      value: snapshot.context.value,
+      offsets: event.offsets
+    }) : null;
+    return manualSelection ? !selector_isSelectingEntireBlocks.isActiveDecorator(event.decorator)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: manualSelection
+      }
+    }) : !selector_isSelectingEntireBlocks.isActiveDecorator(event.decorator)(snapshot);
+  },
+  actions: [({
+    event
+  }) => [behavior_core.raise({
+    ...event,
+    type: "decorator.add"
+  })]]
 }), raiseDeserializationSuccessOrFailure = behavior_core.defineBehavior({
   on: "deserialize",
   guard: ({
@@ -6290,12 +6081,23 @@ const keyIs = {
     on: "serialization.success",
     actions: [({
       event
-    }) => [behavior_core.raise({
-      type: "data transfer.set",
-      data: event.data,
-      dataTransfer: event.originEvent.originEvent.dataTransfer,
-      mimeType: event.mimeType
-    })]]
+    }) => [{
+      type: "effect",
+      effect: () => {
+        event.originEvent.originEvent.dataTransfer.setData(event.mimeType, event.data);
+      }
+    }]]
+  }),
+  behavior_core.defineBehavior({
+    on: "serialization.failure",
+    actions: [({
+      event
+    }) => [{
+      type: "effect",
+      effect: () => {
+        console.warn(`Serialization of ${event.mimeType} failed with reason "${event.reason}"`);
+      }
+    }]]
   }),
   behavior_core.defineBehavior({
     on: "drag.drop",
@@ -6342,7 +6144,7 @@ const keyIs = {
           ...snapshot.context,
           selection: dragOrigin.selection
         }
-      }) : !1, draggingEntireBlocks = selector_isActiveStyle.isSelectingEntireBlocks({
+      }) : !1, draggingEntireBlocks = selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
         context: {
           ...snapshot.context,
           selection: dragOrigin.selection
@@ -6393,9 +6195,9 @@ const keyIs = {
       if (selector_isOverlappingSelection.getFocusTextBlock(snapshot) && event.mimeType === "text/plain" && event.originEvent.type === "clipboard.paste") {
         const activeDecorators = snapshot.context.activeDecorators;
         return {
-          activeAnnotations: selector_isActiveStyle.getActiveAnnotations(snapshot),
+          activeAnnotations: selector_isSelectingEntireBlocks.getActiveAnnotations(snapshot),
           activeDecorators,
-          textRuns: event.data.flatMap((block) => util_selectionPointToBlockOffset.isTextBlock(snapshot.context.schema, block) ? [util_sliceBlocks.getTextBlockText(block)] : [])
+          textRuns: event.data.flatMap((block) => parseBlocks.isTextBlock(snapshot.context.schema, block) ? [util_sliceBlocks.getTextBlockText(block)] : [])
         };
       }
       return !1;
@@ -6442,6 +6244,17 @@ const keyIs = {
       placement: "auto"
     })]]
   }),
+  behavior_core.defineBehavior({
+    on: "deserialization.failure",
+    actions: [({
+      event
+    }) => [{
+      type: "effect",
+      effect: () => {
+        console.warn(`Deserialization of ${event.mimeType} failed with reason "${event.reason}"`);
+      }
+    }]]
+  }),
   behavior_core.defineBehavior({
     on: "clipboard.paste",
     guard: ({
@@ -6479,14 +6292,14 @@ const keyIs = {
       originEvent: event
     })]]
   }),
+  ...internalInsertBehaviors,
+  ...internalListItemBehaviors,
+  ...internalStyleBehaviors,
+  ...internalSelectBehaviors,
   toggleAnnotationOff,
   toggleAnnotationOn,
   toggleDecoratorOff,
   toggleDecoratorOn,
-  toggleListItemOff,
-  toggleListItemOn,
-  toggleStyleOff,
-  toggleStyleOn,
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak
@@ -6494,6 +6307,12 @@ const keyIs = {
 function isKeyboardBehaviorEvent(event) {
   return event.type.startsWith("keyboard.");
 }
+function isInternalBehaviorEvent(event) {
+  return event.type === "deserialize" || event.type.startsWith("deserialization.") || event.type === "insert.blocks" || event.type.startsWith("list item.") || event.type === "serialize" || event.type.startsWith("serialization.") || event.type === "select.next block" || event.type === "select.previous block" || event.type.startsWith("style.");
+}
+function isNativeBehaviorEvent(event) {
+  return isClipboardBehaviorEvent(event) || isDragBehaviorEvent(event) || isInputBehaviorEvent(event) || isKeyboardBehaviorEvent(event) || isMouseBehaviorEvent(event);
+}
 function isClipboardBehaviorEvent(event) {
   return event.type.startsWith("clipboard.");
 }
@@ -6510,6 +6329,9 @@ function isCustomBehaviorEvent(event) {
   return event.type.startsWith("custom.");
 }
 const debug$2 = debugWithName("behaviors:event");
+function eventCategory(event) {
+  return isNativeBehaviorEvent(event) ? "native" : isInternalBehaviorEvent(event) ? "internal" : isCustomBehaviorEvent(event) ? "custom" : "synthetic";
+}
 function performEvent({
   behaviors,
   event,
@@ -6520,8 +6342,8 @@ function performEvent({
   nativeEvent,
   defaultActionCallback
 }) {
-  debug$2(JSON.stringify(event, null, 2));
-  const defaultAction = isCustomBehaviorEvent(event) || isClipboardBehaviorEvent(event) || isDragBehaviorEvent(event) || isInputBehaviorEvent(event) || isKeyboardBehaviorEvent(event) || isMouseBehaviorEvent(event) || event.type === "deserialize" || event.type === "serialize" ? void 0 : {
+  debug$2(`(${eventCategory(event)})`, JSON.stringify(event, null, 2));
+  const defaultAction = isCustomBehaviorEvent(event) || isNativeBehaviorEvent(event) || isInternalBehaviorEvent(event) ? void 0 : {
     ...event,
     editor
   }, eventBehaviors = behaviors.filter((behavior) => {
@@ -6913,7 +6735,7 @@ const editorMachine = xstate.setup({
               actions: "handle behavior event",
               guard: ({
                 event
-              }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "data transfer.set" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
+              }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
             }
           },
           states: {