ablok-components 0.3.59 → 0.3.60

package/dist/components/molecules/rte-editor/rte-editor.vue.d.ts

@@ -32,5 +32,5 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     modelValue: string;
     disabled: boolean;
     iconBasePath: string;
-}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/molecules/rte-editor/rte-editor.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as H, ref as $, shallowRef as m, onMounted as w, onBeforeUnmount as S, watch as M, openBlock as u, createElementBlock as d, normalizeClass as b, createVNode as s, createElementVNode as l, createBlock as c, createCommentVNode as V, resolveDynamicComponent as E } from "vue";
+import { defineComponent as w, ref as f, shallowRef as p, onMounted as S, onBeforeUnmount as M, watch as V, openBlock as b, createBlock as c, Teleport as E, createElementVNode as l, normalizeClass as u, createElementBlock as h, createVNode as i, createCommentVNode as U, resolveDynamicComponent as R } from "vue";
 import n from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
-const U = { class: "rte-editor" }, R = {
+const F = {
   key: 0,
   class: "rte-editor__controls mb-2"
 }, I = ["disabled"], N = ["disabled"], O = { class: "btn-group" }, j = ["disabled"], z = ["disabled"], D = { class: "btn-group" }, K = { class: "dropdown" }, q = {
@@ -9,12 +9,12 @@ const U = { class: "rte-editor" }, R = {
   "data-bs-toggle": "dropdown",
   role: "button",
   type: "button"
-}, F = { class: "dropdown-menu" }, G = { class: "dropdown" }, J = {
+}, G = { class: "dropdown-menu" }, J = { class: "dropdown" }, Q = {
   class: "btn dropdown-toggle btn-light",
   "data-bs-toggle": "dropdown",
   role: "button",
   type: "button"
-}, Q = { class: "dropdown-menu" }, W = { class: "btn-group" }, X = ["disabled"], Y = ["disabled"], nt = /* @__PURE__ */ H({
+}, W = { class: "dropdown-menu" }, X = { class: "btn-group" }, Y = ["disabled"], Z = ["disabled"], _ = ["title"], it = /* @__PURE__ */ w({
   __name: "rte-editor",
   props: {
     modelValue: {
@@ -31,17 +31,17 @@ const U = { class: "rte-editor" }, R = {
     }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: f }) {
-    const g = a, p = f, h = $(!1), t = m(void 0), v = m(null);
-    w(async () => {
+  setup(a, { emit: k }) {
+    const g = a, y = k, v = f(!1), d = f(!1), t = p(void 0), m = p(null);
+    S(async () => {
       const [
         { Editor: r, mergeAttributes: e },
-        { EditorContent: i },
-        { default: B },
-        { default: P },
+        { EditorContent: s },
         { default: C },
+        { default: x },
         { default: L },
-        { default: x }
+        { default: T },
+        { default: $ }
       ] = await Promise.all([
         import("@tiptap/core"),
         import("@tiptap/vue-3"),
@@ -51,17 +51,17 @@ const U = { class: "rte-editor" }, R = {
         import("@tiptap/starter-kit"),
         import("@tiptap/extension-bold")
       ]);
-      v.value = i, t.value = new r({
+      m.value = s, t.value = new r({
         content: g.modelValue,
         onUpdate: () => {
-          p("update:modelValue", t.value?.getHTML());
+          y("update:modelValue", t.value?.getHTML());
         },
         extensions: [
-          L.configure({
+          T.configure({
             bold: !1,
             link: !1
           }),
-          x.extend({
+          $.extend({
             addAttributes() {
               return {
                 class: {
@@ -79,11 +79,11 @@ const U = { class: "rte-editor" }, R = {
               return ["strong", e(this.options.HTMLAttributes, o), 0];
             }
           }),
-          P.configure({
+          x.configure({
             types: ["heading", "paragraph"]
           }),
-          B,
-          C.extend({
+          C,
+          L.extend({
             addAttributes() {
               return {
                 ...this.parent?.(),
@@ -129,8 +129,8 @@ const U = { class: "rte-editor" }, R = {
             },
             renderHTML({ HTMLAttributes: o }) {
               if (!o.href) {
-                const { href: Z, target: _, rel: tt, ...T } = o;
-                return ["a", e(T), 0];
+                const { href: tt, target: et, rel: lt, ...H } = o;
+                return ["a", e(H), 0];
               }
               return ["a", e(this.options.HTMLAttributes, o), 0];
             }
@@ -146,16 +146,16 @@ const U = { class: "rte-editor" }, R = {
           })
         ]
       });
-    }), S(() => {
+    }), M(() => {
       t.value?.destroy();
-    }), M(() => g.modelValue, (r, e) => {
+    }), V(() => g.modelValue, (r, e) => {
       if (t.value) {
         if (t.value.getHTML() === r)
           return;
         t.value.commands.setContent(r);
       }
     });
-    function k() {
+    function A() {
       const r = t.value?.getAttributes("link").href, e = window.prompt("URL", r);
       if (e !== null) {
         if (e === "") {
@@ -164,292 +164,309 @@ const U = { class: "rte-editor" }, R = {
         }
         try {
           t.value?.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
-        } catch (i) {
-          alert(i.message);
+        } catch (s) {
+          alert(s.message);
         }
       }
     }
-    const y = () => {
-      t.value?.commands.setContent(`<textarea>${t.value.getHTML()}</textarea>`), h.value = !0;
-    }, A = () => {
-      t.value?.commands.setContent(t.value.getText()), h.value = !1;
+    const B = () => {
+      t.value?.commands.setContent(`<textarea>${t.value.getHTML()}</textarea>`), v.value = !0;
+    }, P = () => {
+      t.value?.commands.setContent(t.value.getText()), v.value = !1;
     };
-    return (r, e) => (u(), d("div", U, [
-      t.value ? (u(), d("div", R, [
-        h.value ? (u(), d("button", {
-          key: 1,
-          class: "btn btn-sm btn-light is-active",
-          onClick: A,
-          disabled: !t.value.can().chain().focus().toggleCode().run(),
-          title: "Toggle Source"
-        }, [
-          s(n, {
-            symbol: "source",
-            "base-path": a.iconBasePath
-          }, null, 8, ["base-path"])
-        ], 8, N)) : (u(), d("button", {
-          key: 0,
-          class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("code") }]),
-          onClick: y,
-          disabled: !t.value.can().chain().focus().toggleCode().run(),
-          title: "Toggle Source"
-        }, [
-          s(n, {
-            symbol: "source",
-            "base-path": a.iconBasePath
-          }, null, 8, ["base-path"])
-        ], 10, I)),
-        l("div", O, [
-          l("button", {
-            class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("bold") }]),
-            onClick: e[0] || (e[0] = (i) => t.value?.chain().focus().toggleBold().run()),
-            disabled: !t.value.can().chain().focus().toggleBold().run(),
-            title: "Toggle Bold"
+    return (r, e) => (b(), c(E, {
+      to: "body",
+      disabled: !d.value
+    }, [
+      l("div", {
+        class: u(["rte-editor", { "rte-editor--fullscreen": d.value }])
+      }, [
+        t.value ? (b(), h("div", F, [
+          v.value ? (b(), h("button", {
+            key: 1,
+            class: "btn btn-sm btn-light is-active",
+            onClick: P,
+            disabled: !t.value.can().chain().focus().toggleCode().run(),
+            title: "Toggle Source"
           }, [
-            s(n, {
-              symbol: "bold",
+            i(n, {
+              symbol: "source",
               "base-path": a.iconBasePath
             }, null, 8, ["base-path"])
-          ], 10, j),
-          l("button", {
-            class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("italic") }]),
-            onClick: e[1] || (e[1] = (i) => t.value?.chain().focus().toggleItalic().run()),
-            disabled: !t.value.can().chain().focus().toggleItalic().run(),
-            title: "Toggle Italic"
+          ], 8, N)) : (b(), h("button", {
+            key: 0,
+            class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("code") }]),
+            onClick: B,
+            disabled: !t.value.can().chain().focus().toggleCode().run(),
+            title: "Toggle Source"
           }, [
-            s(n, {
-              symbol: "italic",
+            i(n, {
+              symbol: "source",
               "base-path": a.iconBasePath
             }, null, 8, ["base-path"])
-          ], 10, z)
-        ]),
-        l("div", D, [
-          l("div", K, [
-            l("button", q, [
-              t.value.isActive("heading", { level: 1 }) ? (u(), c(n, {
+          ], 10, I)),
+          l("div", O, [
+            l("button", {
+              class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("bold") }]),
+              onClick: e[0] || (e[0] = (s) => t.value?.chain().focus().toggleBold().run()),
+              disabled: !t.value.can().chain().focus().toggleBold().run(),
+              title: "Toggle Bold"
+            }, [
+              i(n, {
+                symbol: "bold",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 10, j),
+            l("button", {
+              class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("italic") }]),
+              onClick: e[1] || (e[1] = (s) => t.value?.chain().focus().toggleItalic().run()),
+              disabled: !t.value.can().chain().focus().toggleItalic().run(),
+              title: "Toggle Italic"
+            }, [
+              i(n, {
+                symbol: "italic",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 10, z)
+          ]),
+          l("div", D, [
+            l("div", K, [
+              l("button", q, [
+                t.value.isActive("heading", { level: 1 }) ? (b(), c(n, {
+                  key: 0,
+                  symbol: "h1",
+                  "base-path": a.iconBasePath
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 2 }) ? (b(), c(n, {
+                  key: 1,
+                  symbol: "h2",
+                  "base-path": a.iconBasePath
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 3 }) ? (b(), c(n, {
+                  key: 2,
+                  symbol: "h3",
+                  "base-path": a.iconBasePath
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 4 }) ? (b(), c(n, {
+                  key: 3,
+                  symbol: "h4",
+                  "base-path": a.iconBasePath
+                }, null, 8, ["base-path"])) : (b(), c(n, {
+                  key: 4,
+                  symbol: "headline",
+                  "base-path": a.iconBasePath
+                }, null, 8, ["base-path"]))
+              ]),
+              l("ul", G, [
+                l("li", null, [
+                  l("button", {
+                    class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 1 }) }]),
+                    onClick: e[2] || (e[2] = (s) => t.value?.chain().focus().setHeading({ level: 1 }).run()),
+                    title: "Set Heading 1"
+                  }, [
+                    i(n, {
+                      symbol: "h1",
+                      "base-path": a.iconBasePath
+                    }, null, 8, ["base-path"])
+                  ], 2)
+                ]),
+                l("li", null, [
+                  l("button", {
+                    class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 2 }) }]),
+                    onClick: e[3] || (e[3] = (s) => t.value?.chain().focus().setHeading({ level: 2 }).run()),
+                    title: "Set Heading 2"
+                  }, [
+                    i(n, {
+                      symbol: "h2",
+                      "base-path": a.iconBasePath
+                    }, null, 8, ["base-path"])
+                  ], 2)
+                ]),
+                l("li", null, [
+                  l("button", {
+                    class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 3 }) }]),
+                    onClick: e[4] || (e[4] = (s) => t.value?.chain().focus().setHeading({ level: 3 }).run()),
+                    title: "Set Heading 3"
+                  }, [
+                    i(n, {
+                      symbol: "h3",
+                      "base-path": a.iconBasePath
+                    }, null, 8, ["base-path"])
+                  ], 2)
+                ]),
+                l("li", null, [
+                  l("button", {
+                    class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 4 }) }]),
+                    onClick: e[5] || (e[5] = (s) => t.value?.chain().focus().setHeading({ level: 4 }).run()),
+                    title: "Set Heading 4"
+                  }, [
+                    i(n, {
+                      symbol: "h4",
+                      "base-path": a.iconBasePath
+                    }, null, 8, ["base-path"])
+                  ], 2)
+                ])
+              ])
+            ]),
+            l("button", {
+              class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("paragraph") }]),
+              onClick: e[6] || (e[6] = (s) => t.value?.chain().focus().setParagraph().run()),
+              title: "Set Paragraph"
+            }, [
+              i(n, {
+                symbol: "paragraph",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 2),
+            l("button", {
+              class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("bulletList") }]),
+              onClick: e[7] || (e[7] = (s) => t.value?.chain().focus().toggleBulletList().run()),
+              title: "Toggle Bullet List"
+            }, [
+              i(n, {
+                symbol: "list",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 2),
+            l("button", {
+              class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("orderedList") }]),
+              onClick: e[8] || (e[8] = (s) => t.value?.chain().focus().toggleOrderedList().run()),
+              title: "Toggle Ordered List"
+            }, [
+              i(n, {
+                symbol: "ordered-list",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 2)
+          ]),
+          l("div", J, [
+            l("button", Q, [
+              t.value.isActive({ textAlign: "center" }) ? (b(), c(n, {
                 key: 0,
-                symbol: "h1",
+                symbol: "align-center",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 2 }) ? (u(), c(n, {
+              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "left" }) ? (b(), c(n, {
                 key: 1,
-                symbol: "h2",
+                symbol: "align-left",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 3 }) ? (u(), c(n, {
+              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "right" }) ? (b(), c(n, {
                 key: 2,
-                symbol: "h3",
+                symbol: "align-right",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 4 }) ? (u(), c(n, {
+              }, null, 8, ["base-path"])) : (b(), c(n, {
                 key: 3,
-                symbol: "h4",
-                "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : (u(), c(n, {
-                key: 4,
-                symbol: "headline",
+                symbol: "align-justify",
                 "base-path": a.iconBasePath
               }, null, 8, ["base-path"]))
             ]),
-            l("ul", F, [
+            l("ul", W, [
               l("li", null, [
                 l("button", {
-                  class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 1 }) }]),
-                  onClick: e[2] || (e[2] = (i) => t.value?.chain().focus().setHeading({ level: 1 }).run()),
-                  title: "Set Heading 1"
+                  class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "left" }) }]),
+                  onClick: e[9] || (e[9] = (s) => t.value?.chain().focus().setTextAlign("left").run())
                 }, [
-                  s(n, {
-                    symbol: "h1",
+                  i(n, {
+                    symbol: "align-left",
                     "base-path": a.iconBasePath
                   }, null, 8, ["base-path"])
                 ], 2)
               ]),
               l("li", null, [
                 l("button", {
-                  class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 2 }) }]),
-                  onClick: e[3] || (e[3] = (i) => t.value?.chain().focus().setHeading({ level: 2 }).run()),
-                  title: "Set Heading 2"
+                  class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "center" }) }]),
+                  onClick: e[10] || (e[10] = (s) => t.value?.chain().focus().setTextAlign("center").run())
                 }, [
-                  s(n, {
-                    symbol: "h2",
+                  i(n, {
+                    symbol: "align-center",
                     "base-path": a.iconBasePath
                   }, null, 8, ["base-path"])
                 ], 2)
               ]),
               l("li", null, [
                 l("button", {
-                  class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 3 }) }]),
-                  onClick: e[4] || (e[4] = (i) => t.value?.chain().focus().setHeading({ level: 3 }).run()),
-                  title: "Set Heading 3"
+                  class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "right" }) }]),
+                  onClick: e[11] || (e[11] = (s) => t.value?.chain().focus().setTextAlign("right").run())
                 }, [
-                  s(n, {
-                    symbol: "h3",
+                  i(n, {
+                    symbol: "align-right",
                     "base-path": a.iconBasePath
                   }, null, 8, ["base-path"])
                 ], 2)
               ]),
               l("li", null, [
                 l("button", {
-                  class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("heading", { level: 4 }) }]),
-                  onClick: e[5] || (e[5] = (i) => t.value?.chain().focus().setHeading({ level: 4 }).run()),
-                  title: "Set Heading 4"
+                  class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "pretty" }) }]),
+                  onClick: e[12] || (e[12] = (s) => t.value?.chain().focus().setTextAlign("right").run())
                 }, [
-                  s(n, {
-                    symbol: "h4",
+                  i(n, {
+                    symbol: "align-justify",
                     "base-path": a.iconBasePath
                   }, null, 8, ["base-path"])
                 ], 2)
               ])
             ])
           ]),
-          l("button", {
-            class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("paragraph") }]),
-            onClick: e[6] || (e[6] = (i) => t.value?.chain().focus().setParagraph().run()),
-            title: "Set Paragraph"
+          t.value.isActive("link") ? (b(), h("button", {
+            key: 3,
+            class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
+            onClick: e[13] || (e[13] = (s) => t.value.chain().focus().unsetLink().run()),
+            title: "Unset Link"
           }, [
-            s(n, {
-              symbol: "paragraph",
+            i(n, {
+              symbol: "unlink",
               "base-path": a.iconBasePath
             }, null, 8, ["base-path"])
-          ], 2),
-          l("button", {
-            class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("bulletList") }]),
-            onClick: e[7] || (e[7] = (i) => t.value?.chain().focus().toggleBulletList().run()),
-            title: "Toggle Bullet List"
+          ], 2)) : (b(), h("button", {
+            key: 2,
+            class: u(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
+            onClick: A,
+            title: "Set Link"
           }, [
-            s(n, {
-              symbol: "list",
+            i(n, {
+              symbol: "link",
               "base-path": a.iconBasePath
             }, null, 8, ["base-path"])
-          ], 2),
-          l("button", {
-            class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("orderedList") }]),
-            onClick: e[8] || (e[8] = (i) => t.value?.chain().focus().toggleOrderedList().run()),
-            title: "Toggle Ordered List"
-          }, [
-            s(n, {
-              symbol: "ordered-list",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])
-          ], 2)
-        ]),
-        l("div", G, [
-          l("button", J, [
-            t.value.isActive({ textAlign: "center" }) ? (u(), c(n, {
-              key: 0,
-              symbol: "align-center",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "left" }) ? (u(), c(n, {
-              key: 1,
-              symbol: "align-left",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "right" }) ? (u(), c(n, {
-              key: 2,
-              symbol: "align-right",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])) : (u(), c(n, {
-              key: 3,
-              symbol: "align-justify",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"]))
+          ], 2)),
+          l("div", X, [
+            l("button", {
+              class: "btn btn-sm btn-light",
+              onClick: e[14] || (e[14] = (s) => t.value?.chain().focus().undo().run()),
+              disabled: !t.value.can().chain().focus().undo().run(),
+              title: "Undo"
+            }, [
+              i(n, {
+                symbol: "undo",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 8, Y),
+            l("button", {
+              class: "btn btn-sm btn-light",
+              onClick: e[15] || (e[15] = (s) => t.value?.chain().focus().redo().run()),
+              disabled: !t.value.can().chain().focus().redo().run(),
+              title: "Redo"
+            }, [
+              i(n, {
+                symbol: "redo",
+                "base-path": a.iconBasePath
+              }, null, 8, ["base-path"])
+            ], 8, Z)
           ]),
-          l("ul", Q, [
-            l("li", null, [
-              l("button", {
-                class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "left" }) }]),
-                onClick: e[9] || (e[9] = (i) => t.value?.chain().focus().setTextAlign("left").run())
-              }, [
-                s(n, {
-                  symbol: "align-left",
-                  "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])
-              ], 2)
-            ]),
-            l("li", null, [
-              l("button", {
-                class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "center" }) }]),
-                onClick: e[10] || (e[10] = (i) => t.value?.chain().focus().setTextAlign("center").run())
-              }, [
-                s(n, {
-                  symbol: "align-center",
-                  "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])
-              ], 2)
-            ]),
-            l("li", null, [
-              l("button", {
-                class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "right" }) }]),
-                onClick: e[11] || (e[11] = (i) => t.value?.chain().focus().setTextAlign("right").run())
-              }, [
-                s(n, {
-                  symbol: "align-right",
-                  "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])
-              ], 2)
-            ]),
-            l("li", null, [
-              l("button", {
-                class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive({ textAlign: "pretty" }) }]),
-                onClick: e[12] || (e[12] = (i) => t.value?.chain().focus().setTextAlign("right").run())
-              }, [
-                s(n, {
-                  symbol: "align-justify",
-                  "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])
-              ], 2)
-            ])
-          ])
-        ]),
-        t.value.isActive("link") ? (u(), d("button", {
-          key: 3,
-          class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
-          onClick: e[13] || (e[13] = (i) => t.value.chain().focus().unsetLink().run()),
-          title: "Unset Link"
-        }, [
-          s(n, {
-            symbol: "unlink",
-            "base-path": a.iconBasePath
-          }, null, 8, ["base-path"])
-        ], 2)) : (u(), d("button", {
-          key: 2,
-          class: b(["btn btn-sm btn-light", { "is-active": t.value.isActive("link") }]),
-          onClick: k,
-          title: "Set Link"
-        }, [
-          s(n, {
-            symbol: "link",
-            "base-path": a.iconBasePath
-          }, null, 8, ["base-path"])
-        ], 2)),
-        l("div", W, [
           l("button", {
-            class: "btn btn-sm btn-light",
-            onClick: e[14] || (e[14] = (i) => t.value?.chain().focus().undo().run()),
-            disabled: !t.value.can().chain().focus().undo().run(),
-            title: "Undo"
+            class: "btn btn-sm btn-light ms-auto",
+            onClick: e[16] || (e[16] = (s) => d.value = !d.value),
+            title: d.value ? "Exit Fullscreen" : "Fullscreen"
           }, [
-            s(n, {
-              symbol: "undo",
+            i(n, {
+              symbol: d.value ? "close" : "maximize",
               "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])
-          ], 8, X),
-          l("button", {
-            class: "btn btn-sm btn-light",
-            onClick: e[15] || (e[15] = (i) => t.value?.chain().focus().redo().run()),
-            disabled: !t.value.can().chain().focus().redo().run(),
-            title: "Redo"
-          }, [
-            s(n, {
-              symbol: "redo",
-              "base-path": a.iconBasePath
-            }, null, 8, ["base-path"])
-          ], 8, Y)
-        ])
-      ])) : V("", !0),
-      (u(), c(E(v.value), {
-        class: "rte-editor__content",
-        editor: t.value
-      }, null, 8, ["editor"]))
-    ]));
+            }, null, 8, ["symbol", "base-path"])
+          ], 8, _)
+        ])) : U("", !0),
+        (b(), c(R(m.value), {
+          class: "rte-editor__content",
+          editor: t.value
+        }, null, 8, ["editor"]))
+      ], 2)
+    ], 8, ["disabled"]));
   }
 });
 export {
-  nt as default
+  it as default
 };