ablok-components 0.3.62 → 0.3.64

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as f, shallowRef as p, onMounted as M, onBeforeUnmount as V, watch as E, openBlock as u, createBlock as c, Teleport as U, createElementVNode as l, normalizeClass as b, createElementBlock as h, createVNode as i, createCommentVNode as y, resolveDynamicComponent as F } from "vue";
+import { defineComponent as S, ref as f, shallowRef as p, onMounted as M, onBeforeUnmount as V, watch as E, openBlock as u, createBlock as r, Teleport as U, createElementVNode as l, normalizeClass as b, createElementBlock as h, createVNode as i, createCommentVNode as y, resolveDynamicComponent as F } from "vue";
 import n from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
 const R = {
@@ -15,6 +15,7 @@ const R = {
   role: "button",
   type: "button"
 }, W = { class: "dropdown-menu" }, X = { class: "btn-group" }, Y = ["disabled"], Z = ["disabled"], _ = ["title"], it = /* @__PURE__ */ S({
+  inheritAttrs: !1,
   __name: "rte-editor",
   props: {
     modelValue: {
@@ -39,10 +40,10 @@ const R = {
     const g = a, A = k, v = f(!1), d = f(!1), t = p(void 0), m = p(null);
     M(async () => {
       const [
-        { Editor: r, mergeAttributes: e },
+        { Editor: c, mergeAttributes: e },
         { EditorContent: s },
-        { default: x },
         { default: L },
+        { default: x },
         { default: T },
         { default: $ },
         { default: w }
@@ -55,7 +56,7 @@ const R = {
         import("@tiptap/starter-kit"),
         import("@tiptap/extension-bold")
       ]);
-      m.value = s, t.value = new r({
+      m.value = s, t.value = new c({
         content: g.modelValue,
         onUpdate: () => {
           A("update:modelValue", t.value?.getHTML());
@@ -83,10 +84,10 @@ const R = {
               return ["strong", e(this.options.HTMLAttributes, o), 0];
             }
           }),
-          L.configure({
+          x.configure({
             types: ["heading", "paragraph"]
           }),
-          x,
+          L,
           T.extend({
             addAttributes() {
               return {
@@ -152,15 +153,15 @@ const R = {
       });
     }), V(() => {
       t.value?.destroy();
-    }), E(() => g.modelValue, (r, e) => {
+    }), E(() => g.modelValue, (c, e) => {
       if (t.value) {
-        if (t.value.getHTML() === r)
+        if (t.value.getHTML() === c)
           return;
-        t.value.commands.setContent(r);
+        t.value.commands.setContent(c);
       }
     });
     function B() {
-      const r = t.value?.getAttributes("link").href, e = window.prompt("URL", r);
+      const c = t.value?.getAttributes("link").href, e = window.prompt("URL", c);
       if (e !== null) {
         if (e === "") {
           t.value?.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -178,12 +179,12 @@ const R = {
     }, C = () => {
       t.value?.commands.setContent(t.value.getText()), v.value = !1;
     };
-    return (r, e) => (u(), c(U, {
+    return (c, e) => (u(), r(U, {
       to: "body",
       disabled: !d.value
     }, [
       l("div", {
-        class: b(["rte-editor", { "rte-editor--fullscreen": d.value }])
+        class: b([d.value ? "" : c.$attrs.class, "rte-editor", { "rte-editor--fullscreen": d.value }])
       }, [
         t.value ? (u(), h("div", R, [
           v.value ? (u(), h("button", {
@@ -236,23 +237,23 @@ const R = {
           l("div", D, [
             l("div", K, [
               l("button", q, [
-                t.value.isActive("heading", { level: 1 }) ? (u(), c(n, {
+                t.value.isActive("heading", { level: 1 }) ? (u(), r(n, {
                   key: 0,
                   symbol: "h1",
                   "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 2 }) ? (u(), c(n, {
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 2 }) ? (u(), r(n, {
                   key: 1,
                   symbol: "h2",
                   "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 3 }) ? (u(), c(n, {
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 3 }) ? (u(), r(n, {
                   key: 2,
                   symbol: "h3",
                   "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 4 }) ? (u(), c(n, {
+                }, null, 8, ["base-path"])) : t.value.isActive("heading", { level: 4 }) ? (u(), r(n, {
                   key: 3,
                   symbol: "h4",
                   "base-path": a.iconBasePath
-                }, null, 8, ["base-path"])) : (u(), c(n, {
+                }, null, 8, ["base-path"])) : (u(), r(n, {
                   key: 4,
                   symbol: "headline",
                   "base-path": a.iconBasePath
@@ -342,19 +343,19 @@ const R = {
           ]),
           l("div", J, [
             l("button", Q, [
-              t.value.isActive({ textAlign: "center" }) ? (u(), c(n, {
+              t.value.isActive({ textAlign: "center" }) ? (u(), r(n, {
                 key: 0,
                 symbol: "align-center",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "left" }) ? (u(), c(n, {
+              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "left" }) ? (u(), r(n, {
                 key: 1,
                 symbol: "align-left",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "right" }) ? (u(), c(n, {
+              }, null, 8, ["base-path"])) : t.value.isActive({ textAlign: "right" }) ? (u(), r(n, {
                 key: 2,
                 symbol: "align-right",
                 "base-path": a.iconBasePath
-              }, null, 8, ["base-path"])) : (u(), c(n, {
+              }, null, 8, ["base-path"])) : (u(), r(n, {
                 key: 3,
                 symbol: "align-justify",
                 "base-path": a.iconBasePath
@@ -464,7 +465,7 @@ const R = {
             }, null, 8, ["symbol", "base-path"])
           ], 8, _)) : y("", !0)
         ])) : y("", !0),
-        (u(), c(F(m.value), {
+        (u(), r(F(m.value), {
           class: "rte-editor__content",
           editor: t.value
         }, null, 8, ["editor"]))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.62",
+  "version": "0.3.64",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",