@reinosoft-ui/core 0.1.54 → 0.1.55

package/dist/reinosoft-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, ref as h, computed as _, watch as Y, onMounted as oe, createElementBlock as p, openBlock as d, normalizeStyle as ye, normalizeClass as re, renderSlot as U, createCommentVNode as F, withDirectives as Me, createElementVNode as L, vShow as Ne, mergeProps as pe, mergeModels as te, useModel as fe, withKeys as ve, withModifiers as le, onUnmounted as we, Fragment as ae, unref as S, toDisplayString as q, renderList as ue, nextTick as ge, onBeforeUnmount as $e, createBlock as J, Transition as Ve, withCtx as G, useId as ce, provide as be, createVNode as P, createTextVNode as Ce, Teleport as Be, resolveDynamicComponent as He, useAttrs as Pe, inject as se, h as N, useSlots as Ke, resolveComponent as kt, vModelRadio as wt, vModelDynamic as Mt, reactive as ut, TransitionGroup as xt, createApp as Lt, shallowRef as $t, vModelText as Se } from "vue";
+import { defineComponent as Z, ref as h, computed as _, watch as Y, onMounted as oe, createElementBlock as p, openBlock as d, normalizeStyle as ye, normalizeClass as re, renderSlot as U, createCommentVNode as F, withDirectives as Me, createElementVNode as L, vShow as Ne, mergeProps as pe, mergeModels as te, useModel as fe, withKeys as ve, withModifiers as le, onUnmounted as we, Fragment as ae, unref as S, toDisplayString as q, renderList as ue, nextTick as ge, onBeforeUnmount as $e, createBlock as J, Teleport as Be, createVNode as P, Transition as Ve, withCtx as G, useId as ce, provide as be, createTextVNode as Ce, resolveDynamicComponent as He, useAttrs as Pe, inject as se, h as N, useSlots as Ke, resolveComponent as kt, vModelRadio as wt, vModelDynamic as Mt, reactive as ut, TransitionGroup as xt, createApp as Lt, shallowRef as $t, vModelText as Se } from "vue";
 import { routerKey as Vt } from "vue-router";
 const Ht = ["aria-busy"], It = ["aria-label"], Bt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], _t = /* @__PURE__ */ Z({
   __name: "Image",
@@ -2088,43 +2088,45 @@ const ct = (e) => {
       c?.(), r?.disconnect(), r = null, cancelAnimationFrame(u), document.removeEventListener("selectionchange", B);
     }), o({
       focusFirstButton: D
-    }), (f, m) => (d(), J(Ve, { name: "tooltip-fade" }, {
-      default: G(() => [
-        n.value ? (d(), p("div", {
-          key: 0,
-          ref_key: "toolbarRef",
-          ref: s,
-          class: "toolbar",
-          role: "toolbar",
-          "aria-label": "Formatting options",
-          "aria-controls": e.editorId,
-          style: ye(l.value),
-          tabindex: "-1",
-          onKeydown: g
-        }, [
-          m[0] || (m[0] = L("div", { class: "arrow" }, null, -1)),
-          (d(!0), p(ae, null, ue(T.value, (b, I) => (d(), p("button", {
-            key: b.key ?? I,
-            type: "button",
-            ref_for: !0,
-            ref: (V) => y(V, I),
-            class: re({ "is-active": b.isActive?.(t.editor) }),
-            "aria-pressed": b.isActive?.(t.editor),
-            onMousedown: le((V) => b.action(t.editor), ["prevent"]),
-            "aria-label": b.ariaLabel
+    }), (f, m) => (d(), J(Be, { to: "body" }, [
+      P(Ve, { name: "tooltip-fade" }, {
+        default: G(() => [
+          n.value ? (d(), p("div", {
+            key: 0,
+            ref_key: "toolbarRef",
+            ref: s,
+            class: "toolbar",
+            role: "toolbar",
+            "aria-label": "Formatting options",
+            "aria-controls": e.editorId,
+            style: ye(l.value),
+            tabindex: "-1",
+            onKeydown: g
           }, [
-            b.type === "icon" ? (d(), J(de, {
-              key: 0,
-              name: b.label,
-              size: b.size ?? 14
-            }, null, 8, ["name", "size"])) : (d(), p("span", k2, q(b.label), 1))
-          ], 42, b2))), 128))
-        ], 44, y2)) : F("", !0)
-      ]),
-      _: 1
-    }));
+            m[0] || (m[0] = L("div", { class: "arrow" }, null, -1)),
+            (d(!0), p(ae, null, ue(T.value, (b, I) => (d(), p("button", {
+              key: b.key ?? I,
+              type: "button",
+              ref_for: !0,
+              ref: (V) => y(V, I),
+              class: re({ "is-active": b.isActive?.(t.editor) }),
+              "aria-pressed": b.isActive?.(t.editor),
+              onMousedown: le((V) => b.action(t.editor), ["prevent"]),
+              "aria-label": b.ariaLabel
+            }, [
+              b.type === "icon" ? (d(), J(de, {
+                key: 0,
+                name: b.label,
+                size: b.size ?? 14
+              }, null, 8, ["name", "size"])) : (d(), p("span", k2, q(b.label), 1))
+            ], 42, b2))), 128))
+          ], 44, y2)) : F("", !0)
+        ]),
+        _: 1
+      })
+    ]));
   }
-}), x2 = /* @__PURE__ */ K(M2, [["__scopeId", "data-v-64a4c21d"]]), L2 = { class: "editor" }, Qe = /* @__PURE__ */ Z({
+}), x2 = /* @__PURE__ */ K(M2, [["__scopeId", "data-v-a4eb014c"]]), L2 = { class: "editor" }, Qe = /* @__PURE__ */ Z({
   __name: "Editor",
   props: /* @__PURE__ */ te({
     ariaLabel: {},