@limetech/lime-elements 37.53.3 → 37.53.5

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [37.53.5](https://github.com/Lundalogik/lime-elements/compare/v37.53.4...v37.53.5) (2024-07-04)
+
+
+### Bug Fixes
+
+
+* **editor menu:** allow block quotes to be toggled ([169e520](https://github.com/Lundalogik/lime-elements/commit/169e52087190c7c654715f589c1c028563dfdaec))
+
+## [37.53.4](https://github.com/Lundalogik/lime-elements/compare/v37.53.3...v37.53.4) (2024-07-04)
+
+
+### Bug Fixes
+
+
+* **text-editor:** ensure the link menu is correctly displayed ([40cbd32](https://github.com/Lundalogik/lime-elements/commit/40cbd32d343f7efe773f7935ca55fec1eafa8169))
+
 ## [37.53.3](https://github.com/Lundalogik/lime-elements/compare/v37.53.2...v37.53.3) (2024-07-03)
 
 

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -16655,25 +16655,40 @@ const getAttributes = (markName, link) => {
 const isExternalLink = (url) => {
   return !url.startsWith(window.location.origin);
 };
-const toggleBlockType = (schema, type, attrs = {}, wrap = false) => {
-  const blockType = schema.nodes[type];
+/**
+ * Toggles or wraps a node type based on the selection and parameters.
+ * - Toggles to paragraph if the selection is of the specified type.
+ * - Lifts content out if already wrapped in the specified type.
+ * - Wraps or sets the selection to the specified type based on `shouldWrap`.
+ * @param schema - ProseMirror schema.
+ * @param type - Block type name to toggle.
+ * @param attrs - Attributes for the block type.
+ * @param shouldWrap - Wrap selection if true, otherwise directly set the block type for the selection.
+ * @returns A command based on selection and action needed.
+ */
+const toggleNodeType = (schema, type, attrs = {}, shouldWrap = false) => {
+  const nodeType = schema.nodes[type];
   const paragraphType = schema.nodes.paragraph;
   return (state, dispatch) => {
-    const { $from, to } = state.selection;
+    const { $from, $to } = state.selection;
+    const hasActiveWrap = $from.node($from.depth - 1).type === nodeType;
     if (state.selection instanceof TextSelection &&
-      $from.sameParent($from.doc.resolve(to))) {
-      if ($from.parent.type === blockType) {
+      $from.sameParent($from.doc.resolve($to.pos))) {
+      if ($from.parent.type === nodeType) {
         if (dispatch) {
-          dispatch(state.tr.setBlockType($from.pos, to, paragraphType));
+          dispatch(state.tr.setBlockType($from.pos, $to.pos, paragraphType));
         }
         return true;
       }
       else {
-        if (wrap) {
-          return wrapIn(blockType, attrs)(state, dispatch);
+        if (hasActiveWrap) {
+          return lift(state, dispatch);
+        }
+        if (shouldWrap) {
+          return wrapIn(nodeType, attrs)(state, dispatch);
         }
         else {
-          return setBlockType(blockType, attrs)(state, dispatch);
+          return setBlockType(nodeType, attrs)(state, dispatch);
         }
       }
     }
@@ -16696,12 +16711,12 @@ const createSetNodeTypeCommand = (schema, nodeType, level) => {
   }
   let command;
   if (nodeType === LevelMapping.Heading && level) {
-    command = toggleBlockType(schema, LevelMapping.Heading, {
+    command = toggleNodeType(schema, LevelMapping.Heading, {
       level: level,
     });
   }
   else if (nodeType === EditorMenuTypes.CodeBlock) {
-    command = toggleBlockType(schema, EditorMenuTypes.CodeBlock);
+    command = toggleNodeType(schema, EditorMenuTypes.CodeBlock);
   }
   else {
     command = setBlockType(type);
@@ -16716,7 +16731,7 @@ const createWrapInCommand = (schema, nodeType) => {
   }
   let command;
   if (nodeType === EditorMenuTypes.Blockquote) {
-    command = toggleBlockType(schema, EditorMenuTypes.Blockquote, {}, true);
+    command = toggleNodeType(schema, EditorMenuTypes.Blockquote, {}, true);
   }
   else {
     command = wrapIn(type);
@@ -26096,7 +26111,7 @@ const ProsemirrorAdapter = class {
     if (!this.isLinkMenuOpen) {
       return;
     }
-    return (index.h("limel-portal", { containerId: this.portalId, visible: this.isLinkMenuOpen, openDirection: "top", inheritParentWidth: true, anchor: this.actionBarElement, containerStyle: { 'z-index': 1 } }, index.h("limel-text-editor-link-menu", { link: this.link, isOpen: this.isLinkMenuOpen, onLinkChange: this.handleLinkChange, onCancel: this.handleCancelLinkMenu, onSave: this.handleSaveLinkMenu })));
+    return (index.h("limel-portal", { containerId: this.portalId, visible: this.isLinkMenuOpen, openDirection: "top", inheritParentWidth: true, anchor: this.actionBarElement }, index.h("limel-text-editor-link-menu", { link: this.link, isOpen: this.isLinkMenuOpen, onLinkChange: this.handleLinkChange, onCancel: this.handleCancelLinkMenu, onSave: this.handleSaveLinkMenu })));
   }
   setupContentConverter() {
     if (this.contentType === 'markdown') {