dragon-editor 3.4.5 → 3.5.1

package/dist/runtime/utils/style/anchor.js

@@ -0,0 +1,240 @@
+import { _setRangeCursor, _updateCursorData, _updateModelData, _sortingCursorDataOnElement } from "../event/index.js";
+import { _findContentEditableElement, _findPoverTextNode } from "../node/index.js";
+export function _setAnchorTag(url, isOutsideLink, store) {
+  if (store.value.controlStatus.previousCorsorData !== null && store.value.controlStatus.$currentBlock !== null) {
+    const cursorData = store.value.controlStatus.previousCorsorData;
+    const $block = store.value.controlStatus.$currentBlock;
+    const typeIgnoreList = ["image", "code", "custom"];
+    const hrefValue = isOutsideLink === true ? url : `#${url}`;
+    const $element = _findContentEditableElement(cursorData.startNode);
+    if (typeIgnoreList.includes(store.value.controlStatus.currentBlockType) === false && $element !== null) {
+      if (cursorData.type === "Caret") {
+        if ($element.hasChildNodes() === true) {
+          let $target = cursorData.startNode;
+          if ($target.constructor.name === "Text") {
+            const $parentElement = $target.parentElement;
+            if ($parentElement === $element) {
+              let childList = $element.childNodes;
+              let targetIdx = -1;
+              let structure = "";
+              for (let i = 0; childList.length > i; i += 1) {
+                if ($target === childList[i]) {
+                  targetIdx = i;
+                  break;
+                }
+              }
+              targetIdx = _findPoverTextNode(childList[targetIdx], targetIdx);
+              $element.innerHTML = $element.innerHTML;
+              childList = $element.childNodes;
+              childList.forEach((node, i) => {
+                if (i === targetIdx) {
+                  structure += `<a class="de-link"`;
+                  structure += `href="${hrefValue}"`;
+                  if (isOutsideLink === true) {
+                    structure += `target="_blank"`;
+                  }
+                  structure += `>`;
+                  structure += `${node.textContent}</a>`;
+                } else {
+                  if (node.constructor.name === "Text") {
+                    structure += node.textContent;
+                  } else {
+                    structure += node.outerHTML;
+                  }
+                }
+              });
+              $element.innerHTML = structure;
+              const targetElement = $element.childNodes[targetIdx];
+              _setRangeCursor(targetElement, targetElement, 0, targetElement.textContent?.length ?? 0);
+            } else {
+              if ($parentElement.tagName === "A") {
+                $parentElement.href = hrefValue;
+                if (isOutsideLink === true) {
+                  $parentElement.target = "_blank";
+                } else {
+                  $parentElement.removeAttribute("target");
+                }
+                _setRangeCursor($parentElement, $parentElement, 0, $parentElement.textContent?.length ?? 0);
+              }
+            }
+          }
+        }
+      } else {
+        const newCursorData = _sortingCursorDataOnElement(cursorData, $element);
+        let structure = "";
+        let isDuble = false;
+        if (newCursorData.startNodeIdx === newCursorData.endNodeIdx) {
+          if (newCursorData.startNode.constructor.name === "Text") {
+            $element.childNodes.forEach((childNode, i) => {
+              if (newCursorData.startNodeIdx === i) {
+                if (newCursorData.startOffset !== 0) {
+                  structure += childNode.textContent.slice(0, newCursorData.startOffset);
+                  isDuble = true;
+                }
+                structure += `<a class="de-link"`;
+                structure += `href="${hrefValue}"`;
+                if (isOutsideLink === true) {
+                  structure += `target="_blank"`;
+                }
+                structure += `>`;
+                structure += `${childNode.textContent.slice(newCursorData.startOffset, newCursorData.endOffset)}</a>`;
+                if (newCursorData.endOffset !== childNode.textContent.length) {
+                  structure += childNode.textContent.slice(newCursorData.endOffset);
+                }
+              } else {
+                if (childNode.constructor.name === "Text") {
+                  structure += childNode.textContent;
+                } else {
+                  structure += childNode.outerHTML;
+                }
+              }
+            });
+            let childNumber = newCursorData.startNodeIdx;
+            if (isDuble === true) {
+              childNumber += 1;
+            }
+            $element.innerHTML = structure;
+            const targetNode = $element.childNodes[childNumber];
+            _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+          } else {
+            const $target = newCursorData.startNode;
+            if ($target.tagName !== "A") {
+              const classList = $target.classList.value.split(" ");
+              if (newCursorData.startOffset !== 0) {
+                structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(0, newCursorData.startOffset)}</span>`;
+                isDuble = true;
+              }
+              structure += `<a class="de-link"`;
+              structure += `href="${hrefValue}"`;
+              if (isOutsideLink === true) {
+                structure += `target="_blank"`;
+              }
+              structure += `>`;
+              structure += `${$target.textContent.slice(newCursorData.startOffset, newCursorData.endOffset)}</a>`;
+              if (newCursorData.endOffset !== $target.textContent.length) {
+                structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(newCursorData.endOffset)}</span>`;
+              }
+              $target.insertAdjacentHTML("afterend", structure);
+              let $nextElement = $target.nextSibling;
+              if (isDuble === true) {
+                $nextElement = $nextElement.nextSibling;
+              }
+              $target.remove();
+              const targetNode = $nextElement;
+              _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+            } else {
+              $target.href = hrefValue;
+              if (isOutsideLink === true) {
+                $target.target = "_blank";
+              } else {
+                $target.removeAttribute("target");
+              }
+              _setRangeCursor($target, $target, 0, $target.textContent?.length ?? 0);
+            }
+          }
+        } else {
+          let preStructure = "";
+          let anchorTextContent = "";
+          let nextStructure = "";
+          $element.childNodes.forEach((childNode, i) => {
+            const $elementNode = childNode;
+            let isText = childNode.constructor.name === "Text";
+            if (newCursorData.startNodeIdx > i) {
+              if (isText === true) {
+                preStructure += childNode.textContent;
+              } else {
+                preStructure += $elementNode.outerHTML;
+              }
+            }
+            if (newCursorData.startNodeIdx === i) {
+              if (isText === true) {
+                preStructure += childNode.textContent.slice(0, newCursorData.startOffset);
+              } else {
+                preStructure += `<span class="${childNode.classList.value}">${childNode.textContent.slice(0, newCursorData.startOffset)}</span>`;
+              }
+              anchorTextContent += childNode.textContent.slice(newCursorData.startOffset);
+            }
+            if (newCursorData.startNodeIdx < i && newCursorData.endNodeIdx > i) {
+              anchorTextContent += childNode.textContent;
+            }
+            if (newCursorData.endNodeIdx === i) {
+              anchorTextContent += childNode.textContent.slice(0, newCursorData.endOffset);
+              if (isText === true) {
+                nextStructure += childNode.textContent.slice(newCursorData.startOffset);
+              } else {
+                nextStructure += `<span class="${childNode.classList.value}">${childNode.textContent.slice(newCursorData.startOffset)}</span>`;
+              }
+            }
+            if (newCursorData.endNodeIdx < i) {
+              if (isText === true) {
+                nextStructure += childNode.textContent;
+              } else {
+                nextStructure += $elementNode.outerHTML;
+              }
+            }
+          });
+          let anchorTag = "";
+          anchorTag += `<a class="de-link"`;
+          anchorTag += `href="${hrefValue}"`;
+          if (isOutsideLink === true) {
+            anchorTag += `target="_blank"`;
+          }
+          anchorTag += `>`;
+          anchorTag += anchorTextContent;
+          anchorTag += `</a>`;
+          $element.innerHTML = preStructure + anchorTag + nextStructure;
+          let targetNode = $element.childNodes[newCursorData.startNodeIdx];
+          if (newCursorData.startOffset !== 0) {
+            targetNode = $element.childNodes[newCursorData.startNodeIdx + 1];
+          }
+          _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+        }
+      }
+      _updateCursorData(store);
+      _updateModelData(store);
+    }
+  }
+}
+export function _unsetAnchorTag(store) {
+  if (store.value.cursorData !== null) {
+    const cursorData = store.value.cursorData;
+    const $element = _findContentEditableElement(cursorData.startNode);
+    if ($element !== null) {
+      const newCursorData = _sortingCursorDataOnElement(cursorData, $element);
+      if (newCursorData.startNode.constructor.name === "HTMLAnchorElement") {
+        if (cursorData.type === "Range") {
+          if (newCursorData.startNodeIdx !== newCursorData.endNodeIdx) {
+            return false;
+          }
+        }
+        const $anchorTag = newCursorData.startNode;
+        $anchorTag.insertAdjacentText("afterend", newCursorData.startNode.textContent ?? "");
+        const $targetNode = $anchorTag.nextSibling;
+        $anchorTag.remove();
+        _setRangeCursor($targetNode, $targetNode, 0, $targetNode.textContent?.length ?? 0);
+      }
+    }
+  }
+}
+export function _updateAnchorTagValue(store, previous = false) {
+  if (store.value.controlStatus.previousCorsorData !== null && store.value.cursorData !== null) {
+    const cursorData = previous === true ? store.value.controlStatus.previousCorsorData : store.value.cursorData;
+    if (cursorData.type === "Caret" || cursorData.type === "Range" && cursorData.startNode === cursorData.endNode) {
+      const $element = _findContentEditableElement(cursorData.startNode);
+      let $targetNode = cursorData.startNode;
+      if ($targetNode.constructor.name === "Text") {
+        if ($targetNode.parentElement !== $element) {
+          $targetNode = $targetNode.parentElement;
+        }
+      }
+      if ($targetNode.constructor.name === "HTMLAnchorElement") {
+        const $tag = $targetNode;
+        store.value.controlStatus.anchorHref = $tag.href;
+      } else {
+        store.value.controlStatus.anchorHref = "";
+      }
+    } else {
+      store.value.controlStatus.anchorHref = "";
+    }
+  }
+}

package/dist/runtime/utils/style/decoration.js

@@ -0,0 +1,378 @@
+import { _setRangeCursor, _sortingCursorDataOnElement, _updateModelData, _updateCursorData } from "../event/index.js";
+import { _findContentEditableElement, _findPoverTextNode } from "../node/index.js";
+export function _setDecoration(className, store) {
+  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
+    const cursorData = store.value.cursorData;
+    const typeIgnoreList = ["image", "code", "custom"];
+    if (typeIgnoreList.includes(store.value.controlStatus.currentBlockType) === false) {
+      const $element = _findContentEditableElement(cursorData.startNode);
+      if ($element !== null) {
+        if (cursorData.type === "Caret") {
+          if ($element.hasChildNodes() === true) {
+            let $target = cursorData.startNode;
+            if ($target.constructor.name === "Text") {
+              const $parentElement = $target.parentElement;
+              if ($parentElement === $element) {
+                let childList = $element.childNodes;
+                let targetIdx = -1;
+                let structure = "";
+                for (let i = 0; childList.length > i; i += 1) {
+                  if ($target === childList[i]) {
+                    targetIdx = i;
+                    break;
+                  }
+                }
+                targetIdx = _findPoverTextNode(childList[targetIdx], targetIdx);
+                $element.innerHTML = $element.innerHTML;
+                childList = $element.childNodes;
+                childList.forEach((node, i) => {
+                  if (i === targetIdx) {
+                    structure += `<span class="${className}">${node.textContent}</span>`;
+                  } else {
+                    if (node.constructor.name === "Text") {
+                      structure += node.textContent;
+                    } else {
+                      structure += node.outerHTML;
+                    }
+                  }
+                });
+                $element.innerHTML = structure;
+                const targetElement = $element.childNodes[targetIdx];
+                _setRangeCursor(targetElement, targetElement, 0, targetElement.textContent?.length ?? 0);
+              } else {
+                if ($parentElement.tagName === "SPAN") {
+                  const classList = $parentElement.classList.value.split(" ");
+                  const classIdx = classList.indexOf(className);
+                  if (classIdx === -1) {
+                    $parentElement.classList.add(className);
+                    const targetNode = $parentElement.childNodes[0];
+                    _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+                  } else {
+                    if (classList.length === 1) {
+                      $parentElement.insertAdjacentText("afterend", $parentElement.textContent);
+                      const targetNode = $parentElement.nextSibling;
+                      $parentElement.remove();
+                      _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+                    } else {
+                      $parentElement.classList.remove(className);
+                      const targetNode = $parentElement.childNodes[0];
+                      _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        } else {
+          const newCursorData = _sortingCursorDataOnElement(cursorData, $element);
+          let structure = "";
+          let isDuble = false;
+          if (newCursorData.startNodeIdx === newCursorData.endNodeIdx) {
+            if (newCursorData.startNode.constructor.name === "Text") {
+              $element.childNodes.forEach((childNode, i) => {
+                if (newCursorData.startNodeIdx === i) {
+                  if (newCursorData.startOffset !== 0) {
+                    structure += childNode.textContent.slice(0, newCursorData.startOffset);
+                    isDuble = true;
+                  }
+                  structure += `<span class="${className}">${childNode.textContent.slice(newCursorData.startOffset, newCursorData.endOffset)}</span>`;
+                  if (newCursorData.endOffset !== childNode.textContent.length) {
+                    structure += childNode.textContent.slice(newCursorData.endOffset);
+                  }
+                } else {
+                  if (childNode.constructor.name === "Text") {
+                    structure += childNode.textContent;
+                  } else {
+                    structure += childNode.outerHTML;
+                  }
+                }
+              });
+              let childNumber = newCursorData.startNodeIdx;
+              if (isDuble === true) {
+                childNumber += 1;
+              }
+              $element.innerHTML = structure;
+              const targetNode = $element.childNodes[childNumber];
+              _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+            } else {
+              const $target = newCursorData.startNode;
+              if ($target.tagName !== "A") {
+                const classList = $target.classList.value.split(" ");
+                const classIdx = classList.indexOf(className);
+                if (classIdx === -1) {
+                  if (newCursorData.startOffset !== 0) {
+                    structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(0, newCursorData.startOffset)}</span>`;
+                    isDuble = true;
+                  }
+                  structure += `<span class="${classList.join(" ")} ${className}">${$target.textContent.slice(newCursorData.startOffset, newCursorData.endOffset)}</span>`;
+                  if (newCursorData.endOffset !== $target.textContent.length) {
+                    structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(newCursorData.endOffset)}</span>`;
+                  }
+                } else {
+                  if (newCursorData.startOffset !== 0) {
+                    structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(0, newCursorData.startOffset)}</span>`;
+                    isDuble = true;
+                  }
+                  if (classList.length === 1) {
+                    structure += $target.textContent.slice(newCursorData.startOffset, newCursorData.endOffset);
+                  } else {
+                    const copyList = [...classList];
+                    copyList.splice(classIdx, 1);
+                    structure += `<span class="${copyList.join(" ")}">${$target.textContent.slice(newCursorData.startOffset, newCursorData.endOffset)}</span>`;
+                  }
+                  if (newCursorData.endOffset !== $target.textContent.length) {
+                    structure += `<span class="${classList.join(" ")}">${$target.textContent.slice(newCursorData.endOffset)}</span>`;
+                  }
+                }
+                $target.insertAdjacentHTML("afterend", structure);
+                let $nextElement = $target.nextSibling;
+                if (isDuble === true) {
+                  $nextElement = $nextElement.nextSibling;
+                }
+                $target.remove();
+                const targetNode = $nextElement;
+                _setRangeCursor(targetNode, targetNode, 0, targetNode.textContent?.length ?? 0);
+              } else {
+                alert(store.value.message.linkTextNoStyle);
+              }
+            }
+          } else {
+            let isAnchorElement = false;
+            let isWrap = false;
+            let startNodeIdx = newCursorData.startNodeIdx;
+            let startOffset = newCursorData.startOffset;
+            let endNodeIdx = newCursorData.endNodeIdx;
+            let endOffset = newCursorData.endOffset;
+            let structureArray = [];
+            $element.childNodes.forEach((childNode, i) => {
+              const $elementNode = childNode;
+              let isText = childNode.constructor.name === "Text";
+              if (newCursorData.startNodeIdx > i) {
+                if (isText === true) {
+                  structureArray.push(childNode.textContent);
+                } else {
+                  structureArray.push($elementNode.outerHTML);
+                }
+              }
+              if (newCursorData.startNodeIdx === i) {
+                const preTextContent = childNode.textContent.slice(0, newCursorData.startOffset);
+                const textContent = childNode.textContent.slice(newCursorData.startOffset);
+                if (isText === true) {
+                  structureArray.push(preTextContent);
+                  structureArray.push(`<span class="${className}">${textContent}</span>`);
+                  isWrap = true;
+                  if (newCursorData.startOffset !== 0) {
+                    isDuble = true;
+                  }
+                } else {
+                  const classList = $elementNode.classList.value.split(" ");
+                  const classIdx = classList.indexOf(className);
+                  if ($elementNode.tagName === "SPAN") {
+                    if (classIdx === -1) {
+                      if (preTextContent !== "") {
+                        structureArray.push(`<span class="${classList.join(" ")}">${preTextContent}</span>`);
+                      }
+                      structureArray.push(`<span class="${classList.join(" ")} ${className}">${textContent}</span>`);
+                      isWrap = true;
+                    } else {
+                      if (classList.length === 1) {
+                        if (preTextContent !== "") {
+                          structureArray.push(`<span class="${classList.join(" ")}">${preTextContent}</span>`);
+                        }
+                        structureArray.push(textContent);
+                      } else {
+                        const newClassList = [...classList];
+                        newClassList.splice(classIdx, 1);
+                        if (preTextContent !== "") {
+                          structureArray.push(`<span class="${classList.join(" ")}">${preTextContent}</span>`);
+                        }
+                        structureArray.push(`<span class="${newClassList.join(" ")}">${textContent}</span>`);
+                      }
+                    }
+                  } else if ($elementNode.tagName === "BR") {
+                    structureArray.push("<br>");
+                  } else {
+                    isAnchorElement = true;
+                  }
+                }
+              }
+              if (newCursorData.startNodeIdx < i && newCursorData.endNodeIdx > i) {
+                if (isText === true) {
+                  if (isWrap === true) {
+                    structureArray.push(`<span class="${className}">${childNode.textContent}</span>`);
+                  } else {
+                    structureArray.push(childNode.textContent);
+                  }
+                } else {
+                  const classList = $elementNode.classList.value.split(" ");
+                  const classIdx = classList.indexOf(className);
+                  if ($elementNode.tagName === "SPAN") {
+                    if (isWrap === true) {
+                      if (classIdx === -1) {
+                        structureArray.push(`<span class="${classList.join(" ")} ${className}">${childNode.textContent}</span>`);
+                      } else {
+                        structureArray.push($elementNode.outerHTML);
+                      }
+                    } else {
+                      if (classIdx === -1) {
+                        structureArray.push($elementNode.outerHTML);
+                      } else {
+                        if (classList.length === 1) {
+                          structureArray.push(childNode.textContent);
+                        } else {
+                          const newClassList = [...classList];
+                          newClassList.splice(classIdx, 1);
+                          structureArray.push(`<span class="${newClassList.join(" ")}">${childNode.textContent}</span>`);
+                        }
+                      }
+                    }
+                  } else if ($elementNode.tagName === "BR") {
+                    structureArray.push("<br>");
+                  } else {
+                    isAnchorElement = true;
+                  }
+                }
+              }
+              if (newCursorData.endNodeIdx === i) {
+                const textContent = childNode.textContent.slice(0, newCursorData.endOffset);
+                const endTextContent = childNode.textContent.slice(newCursorData.endOffset);
+                if (isText === true) {
+                  if (isWrap === true) {
+                    structureArray.push(`<span class="${className}">${textContent}</span>`);
+                    structureArray.push(endTextContent);
+                  } else {
+                    structureArray.push(childNode.textContent);
+                  }
+                } else {
+                  const classList = $elementNode.classList.value.split(" ");
+                  const classIdx = classList.indexOf(className);
+                  if ($elementNode.tagName === "SPAN") {
+                    if (isWrap === true) {
+                      if (classIdx === -1) {
+                        structureArray.push(`<span class="${classList.join(" ")} ${className}">${textContent}</span>`);
+                        if (endTextContent !== "") {
+                          structureArray.push(`<span class="${classList.join(" ")}">${endTextContent}</span>`);
+                        }
+                      } else {
+                        structureArray.push($elementNode.outerHTML);
+                      }
+                    } else {
+                      if (classIdx === -1) {
+                        structureArray.push($elementNode.outerHTML);
+                      } else {
+                        if (classList.length === 1) {
+                          structureArray.push(textContent);
+                          if (endTextContent !== "") {
+                            structureArray.push(`<span class="${classList.join(" ")}">${endTextContent}</span>`);
+                          }
+                        } else {
+                          const newClassList = [...classList];
+                          newClassList.splice(classIdx, 1);
+                          structureArray.push(`<span class="${newClassList.join(" ")}">${textContent}</span>`);
+                          if (endTextContent !== "") {
+                            structureArray.push(`<span class="${classList.join(" ")}">${endTextContent}</span>`);
+                          }
+                        }
+                      }
+                    }
+                  } else if ($elementNode.tagName === "BR") {
+                    structureArray.push("<br>");
+                  } else {
+                    isAnchorElement = true;
+                  }
+                }
+              }
+              if (newCursorData.endNodeIdx < i) {
+                if (isText === true) {
+                  structureArray.push(childNode.textContent);
+                } else {
+                  structureArray.push($elementNode.outerHTML);
+                }
+              }
+            });
+            if (isAnchorElement === false) {
+              $element.innerHTML = structureArray.join("");
+              if (isWrap === true) {
+                if (isDuble === true) {
+                  startNodeIdx += 1;
+                  endNodeIdx += 1;
+                  startOffset = 0;
+                }
+              } else {
+                const tagReg = new RegExp("(<([^>]+)>)", "i");
+                const isTagList = [];
+                let newStartNodeIdx = 0;
+                let newStartOffset = startOffset * 1;
+                let newEndOffset = 0;
+                let endMinusCount = 0;
+                structureArray.forEach((string, i) => {
+                  const isTag = tagReg.test(string);
+                  isTagList.push(isTag);
+                  if (startNodeIdx <= i && i <= endNodeIdx) {
+                    if (isTag === true) {
+                      newEndOffset = 0;
+                    } else {
+                      endMinusCount += 1;
+                      newEndOffset += string.length;
+                    }
+                  }
+                });
+                if (isTagList[startNodeIdx - 1] === false) {
+                  newStartNodeIdx = startNodeIdx - 1;
+                  newStartOffset = startOffset + structureArray[startNodeIdx - 1].length;
+                }
+                if (isTagList.slice(startNodeIdx, endNodeIdx).includes(true) === true) {
+                  endNodeIdx -= endMinusCount - 1;
+                  endOffset = newEndOffset;
+                } else {
+                  endNodeIdx = newStartNodeIdx;
+                  endOffset = newStartOffset + newEndOffset;
+                }
+                startNodeIdx = newStartNodeIdx;
+                startOffset = newStartOffset;
+              }
+              _setRangeCursor($element.childNodes[startNodeIdx], $element.childNodes[endNodeIdx], startOffset, endOffset);
+            } else {
+              alert(store.value.message.linkTextNoStyle);
+            }
+          }
+        }
+        _updateCursorData(store);
+        _updateModelData(store);
+      }
+    }
+  }
+}
+export function _setTextAlign(type, store) {
+  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
+    const cursorData = store.value.cursorData;
+    const typeIgnoreList = ["code", "custom"];
+    if (typeIgnoreList.includes(store.value.controlStatus.currentBlockType) === false) {
+      const alignClassList = ["de-align-left", "de-align-right", "de-align-center", "de-align-justify"];
+      const className = `de-align-${type}`;
+      let $element = null;
+      if (store.value.controlStatus.$currentBlock.classList.contains("de-image-block") === true) {
+        $element = store.value.controlStatus.$currentBlock;
+      } else {
+        if (cursorData !== null) {
+          $element = _findContentEditableElement(cursorData.startNode);
+        }
+      }
+      if ($element !== null) {
+        if ($element.classList.contains(className) === true) {
+          $element.classList.remove(className);
+        } else {
+          const currentClassname = alignClassList.filter((text) => $element.classList.contains(text) === true)[0];
+          if (currentClassname !== void 0) {
+            $element.classList.remove(currentClassname);
+          }
+          $element.classList.add(className);
+        }
+        if (store.value.controlStatus.$currentBlock.classList.contains("de-image-block") !== true) {
+        }
+        _updateCursorData(store);
+        _updateModelData(store);
+      }
+    }
+  }
+}

package/dist/runtime/utils/style/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./decoration.js";
+export * from "./anchor.js";

package/dist/runtime/utils/style/index.js

@@ -0,0 +1,2 @@
+export * from "./decoration.js";
+export * from "./anchor.js";

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -1,7 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
 
-import {  } from './module'
-
-
+import type { default as Module } from './module'
 
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
 export { default } from './module'