mhz-ui 1.2.21 → 1.2.23

package/dist/UiEditor/UiEditor.js

@@ -8372,28 +8372,28 @@ function lf(n, e, t, r, i) {
       return T(n, Ze(13, "Enter"));
     });
   }, 20));
-  let N = p.start, w = p.endA, I = (T) => {
-    let R = T || n.state.tr.replace(N, w, c.doc.slice(p.start - c.from, p.endB - c.from));
+  let A = p.start, w = p.endA, I = (T) => {
+    let R = T || n.state.tr.replace(A, w, c.doc.slice(p.start - c.from, p.endB - c.from));
     if (c.sel) {
       let H = So(n, R.doc, c.sel);
-      H && !(ee && n.composing && H.empty && (p.start != p.endB || n.input.lastChromeDelete < Date.now() - 100) && (H.head == N || H.head == R.mapping.map(w) - 1) || le && H.empty && H.head == N) && R.setSelection(H);
+      H && !(ee && n.composing && H.empty && (p.start != p.endB || n.input.lastChromeDelete < Date.now() - 100) && (H.head == A || H.head == R.mapping.map(w) - 1) || le && H.empty && H.head == A) && R.setSelection(H);
     }
     return s && R.setMeta("composition", s), R.scrollIntoView();
   }, B;
   if (S) {
     if (m.pos == g.pos) {
       le && Ke <= 11 && m.parentOffset == 0 && (n.domObserver.suppressSelectionUpdates(), setTimeout(() => Ie(n), 20));
-      let T = I(n.state.tr.delete(N, w)), R = u.resolve(p.start).marksAcross(u.resolve(p.endA));
+      let T = I(n.state.tr.delete(A, w)), R = u.resolve(p.start).marksAcross(u.resolve(p.endA));
       R && T.ensureMarks(R), n.dispatch(T);
     } else if (
       // Adding or removing a mark
       p.endA == p.endB && (B = af(m.parent.content.cut(m.parentOffset, g.parentOffset), y.parent.content.cut(y.parentOffset, p.endA - y.start())))
     ) {
       let T = I(n.state.tr);
-      B.type == "add" ? T.addMark(N, w, B.mark) : T.removeMark(N, w, B.mark), n.dispatch(T);
+      B.type == "add" ? T.addMark(A, w, B.mark) : T.removeMark(A, w, B.mark), n.dispatch(T);
     } else if (m.parent.child(m.index()).isText && m.index() == g.index() - (g.textOffset ? 0 : 1)) {
-      let T = m.parent.textBetween(m.parentOffset, g.parentOffset), R = () => I(n.state.tr.insertText(T, N, w));
-      n.someProp("handleTextInput", (H) => H(n, N, w, T, R)) || n.dispatch(R());
+      let T = m.parent.textBetween(m.parentOffset, g.parentOffset), R = () => I(n.state.tr.insertText(T, A, w));
+      n.someProp("handleTextInput", (H) => H(n, A, w, T, R)) || n.dispatch(R());
     }
   } else
     n.dispatch(I());
@@ -10154,8 +10154,8 @@ function Oi(n, e, t = {}) {
         return;
       const y = Math.max(h, g), S = Math.min(p, g + m.nodeSize), E = S - y;
       o += E, l.push(
-        ...m.marks.map((N) => ({
-          mark: N,
+        ...m.marks.map((A) => ({
+          mark: A,
           from: y,
           to: S
         }))
@@ -10509,7 +10509,7 @@ function fh(n) {
     var m, g, y, S, E;
     if ((g = (m = h.type) == null ? void 0 : m.spec) != null && g.code || !(h.isText || h.isTextblock || h.isInline))
       return;
-    const N = (E = (S = (y = h.content) == null ? void 0 : y.size) != null ? S : h.nodeSize) != null ? E : 0, w = Math.max(r, p), I = Math.min(i, p + N);
+    const A = (E = (S = (y = h.content) == null ? void 0 : y.size) != null ? S : h.nodeSize) != null ? E : 0, w = Math.max(r, p), I = Math.min(i, p + A);
     if (w >= I)
       return;
     const B = h.isText ? h.text || "" : h.textBetween(w - p, I - p, void 0, "");
@@ -10626,13 +10626,13 @@ function ph(n) {
           pasteEvt: T
         });
       }
-      const E = f.doc.content.findDiffStart(h.doc.content), N = f.doc.content.findDiffEnd(h.doc.content);
-      if (!(!ch(E) || !N || E === N.b))
+      const E = f.doc.content.findDiffStart(h.doc.content), A = f.doc.content.findDiffEnd(h.doc.content);
+      if (!(!ch(E) || !A || E === A.b))
         return a({
           rule: u,
           state: h,
           from: E,
-          to: N,
+          to: A,
           pasteEvt: o
         });
     }
@@ -11205,7 +11205,7 @@ function sp(n, e, t) {
   let s = null;
   if (Ba(i) && (s = i.$cursor), s) {
     const l = (r = n.storedMarks) != null ? r : s.marks();
-    return !!t.isInSet(l) || !l.some((a) => a.type.excludes(t));
+    return s.parent.type.allowsMarkType(t) && (!!t.isInSet(l) || !l.some((c) => c.type.excludes(t)));
   }
   const { ranges: o } = i;
   return o.some(({ $from: l, $to: a }) => {
@@ -11323,10 +11323,10 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
       const E = (
         // eslint-disable-next-line no-nested-ternary
         a.indexAfter(-1) < a.node(-2).childCount ? 1 : a.indexAfter(-2) < a.node(-3).childCount ? 2 : 3
-      ), N = {
+      ), A = {
         ...Dn(f, a.node().type.name, a.node().attrs),
         ...e
-      }, w = ((o = l.contentMatch.defaultType) == null ? void 0 : o.createAndFill(N)) || void 0;
+      }, w = ((o = l.contentMatch.defaultType) == null ? void 0 : o.createAndFill(A)) || void 0;
       y = y.append(b.from(l.createAndFill(null, w) || void 0));
       const I = a.before(a.depth - (S - 1));
       t.replace(I, a.after(-E), new x(y, 4 - S, 0));
@@ -11354,10 +11354,10 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
   if (!De(t.doc, a.pos, 2))
     return !1;
   if (i) {
-    const { selection: y, storedMarks: S } = r, { splittableMarks: E } = s.extensionManager, N = S || y.$to.parentOffset && y.$from.marks();
-    if (t.split(a.pos, 2, g).scrollIntoView(), !N || !i)
+    const { selection: y, storedMarks: S } = r, { splittableMarks: E } = s.extensionManager, A = S || y.$to.parentOffset && y.$from.marks();
+    if (t.split(a.pos, 2, g).scrollIntoView(), !A || !i)
       return !0;
-    const w = N.filter((I) => E.includes(I.type.name));
+    const w = A.filter((I) => E.includes(I.type.name));
     t.ensureMarks(w);
   }
   return !0;
@@ -11380,7 +11380,7 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
   const i = n.doc.nodeAt(r);
   return t.node.type === i?.type && Ye(n.doc, r) && n.join(r), !0;
 }, pp = (n, e, t, r = {}) => ({ editor: i, tr: s, state: o, dispatch: l, chain: a, commands: c, can: u }) => {
-  const { extensions: d, splittableMarks: f } = i.extensionManager, h = _(n, o.schema), p = _(e, o.schema), { selection: m, storedMarks: g } = o, { $from: y, $to: S } = m, E = y.blockRange(S), N = g || m.$to.parentOffset && m.$from.marks();
+  const { extensions: d, splittableMarks: f } = i.extensionManager, h = _(n, o.schema), p = _(e, o.schema), { selection: m, storedMarks: g } = o, { $from: y, $to: S } = m, E = y.blockRange(S), A = g || m.$to.parentOffset && m.$from.marks();
   if (!E)
     return !1;
   const w = Ir((I) => Io(I.type.name, d))(m);
@@ -11390,8 +11390,8 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
     if (Io(w.node.type.name, d) && h.validContent(w.node.content) && l)
       return a().command(() => (s.setNodeMarkup(w.pos, h), !0)).command(() => ti(s, h)).command(() => ni(s, h)).run();
   }
-  return !t || !N || !l ? a().command(() => u().wrapInList(h, r) ? !0 : c.clearNodes()).wrapInList(h, r).command(() => ti(s, h)).command(() => ni(s, h)).run() : a().command(() => {
-    const I = u().wrapInList(h, r), B = N.filter((T) => f.includes(T.type.name));
+  return !t || !A || !l ? a().command(() => u().wrapInList(h, r) ? !0 : c.clearNodes()).wrapInList(h, r).command(() => ti(s, h)).command(() => ni(s, h)).run() : a().command(() => {
+    const I = u().wrapInList(h, r), B = A.filter((T) => f.includes(T.type.name));
     return s.ensureMarks(B), I ? !0 : c.clearNodes();
   }).wrapInList(h, r).command(() => ti(s, h)).command(() => ni(s, h)).run();
 }, mp = (n, e = {}, t = {}) => ({ state: r, commands: i }) => {
@@ -11530,7 +11530,7 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
       u.steps.forEach((h, p) => {
         var m, g;
         if (h instanceof ye) {
-          const y = f.slice(p).map(h.from, -1), S = f.slice(p).map(h.to), E = f.invert().map(y, -1), N = f.invert().map(S), w = (m = u.doc.nodeAt(y - 1)) == null ? void 0 : m.marks.some((B) => B.eq(h.mark)), I = (g = u.doc.nodeAt(S)) == null ? void 0 : g.marks.some((B) => B.eq(h.mark));
+          const y = f.slice(p).map(h.from, -1), S = f.slice(p).map(h.to), E = f.invert().map(y, -1), A = f.invert().map(S), w = (m = u.doc.nodeAt(y - 1)) == null ? void 0 : m.marks.some((B) => B.eq(h.mark)), I = (g = u.doc.nodeAt(S)) == null ? void 0 : g.marks.some((B) => B.eq(h.mark));
           this.editor.emit("delete", {
             type: "mark",
             mark: h.mark,
@@ -11538,7 +11538,7 @@ var fp = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, editor
             to: h.to,
             deletedRange: {
               from: E,
-              to: N
+              to: A
             },
             newRange: {
               from: y,
@@ -11940,6 +11940,8 @@ var vp = class extends jf {
       emitContentError: !1,
       onBeforeCreate: () => null,
       onCreate: () => null,
+      onMount: () => null,
+      onUnmount: () => null,
       onUpdate: () => null,
       onSelectionUpdate: () => null,
       onTransaction: () => null,
@@ -11952,7 +11954,7 @@ var vp = class extends jf {
       onPaste: () => null,
       onDrop: () => null,
       onDelete: () => null
-    }, this.isCapturingTransaction = !1, this.capturedTransaction = null, this.setOptions(e), this.createExtensionManager(), this.createCommandManager(), this.createSchema(), this.on("beforeCreate", this.options.onBeforeCreate), this.emit("beforeCreate", { editor: this }), this.on("contentError", this.options.onContentError), this.on("create", this.options.onCreate), this.on("update", this.options.onUpdate), this.on("selectionUpdate", this.options.onSelectionUpdate), this.on("transaction", this.options.onTransaction), this.on("focus", this.options.onFocus), this.on("blur", this.options.onBlur), this.on("destroy", this.options.onDestroy), this.on("drop", ({ event: i, slice: s, moved: o }) => this.options.onDrop(i, s, o)), this.on("paste", ({ event: i, slice: s }) => this.options.onPaste(i, s)), this.on("delete", this.options.onDelete);
+    }, this.isCapturingTransaction = !1, this.capturedTransaction = null, this.setOptions(e), this.createExtensionManager(), this.createCommandManager(), this.createSchema(), this.on("beforeCreate", this.options.onBeforeCreate), this.emit("beforeCreate", { editor: this }), this.on("mount", this.options.onMount), this.on("unmount", this.options.onUnmount), this.on("contentError", this.options.onContentError), this.on("create", this.options.onCreate), this.on("update", this.options.onUpdate), this.on("selectionUpdate", this.options.onSelectionUpdate), this.on("transaction", this.options.onTransaction), this.on("focus", this.options.onFocus), this.on("blur", this.options.onBlur), this.on("destroy", this.options.onDestroy), this.on("drop", ({ event: i, slice: s, moved: o }) => this.options.onDrop(i, s, o)), this.on("paste", ({ event: i, slice: s }) => this.options.onPaste(i, s)), this.on("delete", this.options.onDelete);
     const t = this.createDoc(), r = za(t, this.options.autofocus);
     this.editorState = wt.create({
       doc: t,
@@ -11968,7 +11970,7 @@ var vp = class extends jf {
       throw new Error(
         "[tiptap error]: The editor cannot be mounted because there is no 'document' defined in this environment."
       );
-    this.createView(e), window.setTimeout(() => {
+    this.createView(e), this.emit("mount", { editor: this }), window.setTimeout(() => {
       this.isDestroyed || (this.commands.focus(this.options.autofocus), this.emit("create", { editor: this }), this.isInitialized = !0);
     }, 0);
   }
@@ -11986,7 +11988,7 @@ var vp = class extends jf {
       } catch (e) {
         console.warn("Failed to remove CSS element:", e);
       }
-    this.css = null;
+    this.css = null, this.emit("unmount", { editor: this });
   }
   /**
    * Returns the editor storage.
@@ -12746,7 +12748,7 @@ var qn = (n, e) => {
       })
     ];
   }
-}), Hp = /(^|[^`])`([^`]+)`(?!`)/, jp = /(^|[^`])`([^`]+)`(?!`)/g, Wp = mt.create({
+}), Hp = /(^|[^`])`([^`]+)`(?!`)$/, jp = /(^|[^`])`([^`]+)`(?!`)/g, Wp = mt.create({
   name: "code",
   addOptions() {
     return {
@@ -12798,6 +12800,8 @@ var qn = (n, e) => {
       exitOnTripleEnter: !0,
       exitOnArrowDown: !0,
       defaultLanguage: null,
+      enableTabIndentation: !1,
+      tabSize: 4,
       HTMLAttributes: {}
     };
   },
@@ -12854,6 +12858,63 @@ var qn = (n, e) => {
         const { empty: n, $anchor: e } = this.editor.state.selection, t = e.pos === 1;
         return !n || e.parent.type.name !== this.name ? !1 : t || !e.parent.textContent.length ? this.editor.commands.clearNodes() : !1;
       },
+      // handle tab indentation
+      Tab: ({ editor: n }) => {
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const { state: e } = n, { selection: t } = e, { $from: r, empty: i } = t;
+        if (r.parent.type !== this.type)
+          return !1;
+        const s = " ".repeat(this.options.tabSize);
+        return i ? n.commands.insertContent(s) : n.commands.command(({ tr: o }) => {
+          const { from: l, to: a } = t, d = e.doc.textBetween(l, a, `
+`, `
+`).split(`
+`).map((f) => s + f).join(`
+`);
+          return o.replaceWith(l, a, e.schema.text(d)), !0;
+        });
+      },
+      // handle shift+tab reverse indentation
+      "Shift-Tab": ({ editor: n }) => {
+        if (!this.options.enableTabIndentation)
+          return !1;
+        const { state: e } = n, { selection: t } = e, { $from: r, empty: i } = t;
+        return r.parent.type !== this.type ? !1 : i ? n.commands.command(({ tr: s }) => {
+          var o;
+          const { pos: l } = r, a = r.start(), c = r.end(), d = e.doc.textBetween(a, c, `
+`, `
+`).split(`
+`);
+          let f = 0, h = 0;
+          const p = l - a;
+          for (let A = 0; A < d.length; A += 1) {
+            if (h + d[A].length >= p) {
+              f = A;
+              break;
+            }
+            h += d[A].length + 1;
+          }
+          const g = ((o = d[f].match(/^ */)) == null ? void 0 : o[0]) || "", y = Math.min(g.length, this.options.tabSize);
+          if (y === 0)
+            return !0;
+          let S = a;
+          for (let A = 0; A < f; A += 1)
+            S += d[A].length + 1;
+          return s.delete(S, S + y), l - S <= y && s.setSelection(v.create(s.doc, S)), !0;
+        }) : n.commands.command(({ tr: s }) => {
+          const { from: o, to: l } = t, u = e.doc.textBetween(o, l, `
+`, `
+`).split(`
+`).map((d) => {
+            var f;
+            const h = ((f = d.match(/^ */)) == null ? void 0 : f[0]) || "", p = Math.min(h.length, this.options.tabSize);
+            return d.slice(p);
+          }).join(`
+`);
+          return s.replaceWith(o, l, e.schema.text(u)), !0;
+        });
+      },
       // exit node on triple enter
       Enter: ({ editor: n }) => {
         if (!this.options.exitOnTripleEnter)
@@ -13275,7 +13336,7 @@ oe.prototype = {
     return i.j[n] = o, o;
   }
 };
-const A = (n, e, t, r, i) => n.ta(e, t, r, i), F = (n, e, t, r, i) => n.tr(e, t, r, i), Bo = (n, e, t, r, i) => n.ts(e, t, r, i), k = (n, e, t, r, i) => n.tt(e, t, r, i), Oe = "WORD", Pi = "UWORD", tc = "ASCIINUMERICAL", nc = "ALPHANUMERICAL", an = "LOCALHOST", Li = "TLD", Bi = "UTLD", In = "SCHEME", Mt = "SLASH_SCHEME", ps = "NUM", zi = "WS", ms = "NL", qt = "OPENBRACE", Jt = "CLOSEBRACE", Jn = "OPENBRACKET", Gn = "CLOSEBRACKET", Yn = "OPENPAREN", Xn = "CLOSEPAREN", Qn = "OPENANGLEBRACKET", Zn = "CLOSEANGLEBRACKET", er = "FULLWIDTHLEFTPAREN", tr = "FULLWIDTHRIGHTPAREN", nr = "LEFTCORNERBRACKET", rr = "RIGHTCORNERBRACKET", ir = "LEFTWHITECORNERBRACKET", sr = "RIGHTWHITECORNERBRACKET", or = "FULLWIDTHLESSTHAN", lr = "FULLWIDTHGREATERTHAN", ar = "AMPERSAND", cr = "APOSTROPHE", ur = "ASTERISK", ze = "AT", dr = "BACKSLASH", fr = "BACKTICK", hr = "CARET", Ve = "COLON", gs = "COMMA", pr = "DOLLAR", Se = "DOT", mr = "EQUALS", ys = "EXCLAMATION", fe = "HYPHEN", Gt = "PERCENT", gr = "PIPE", yr = "PLUS", br = "POUND", Yt = "QUERY", bs = "QUOTE", rc = "FULLWIDTHMIDDLEDOT", ks = "SEMI", xe = "SLASH", Xt = "TILDE", kr = "UNDERSCORE", ic = "EMOJI", Sr = "SYM";
+const N = (n, e, t, r, i) => n.ta(e, t, r, i), F = (n, e, t, r, i) => n.tr(e, t, r, i), Bo = (n, e, t, r, i) => n.ts(e, t, r, i), k = (n, e, t, r, i) => n.tt(e, t, r, i), Oe = "WORD", Pi = "UWORD", tc = "ASCIINUMERICAL", nc = "ALPHANUMERICAL", an = "LOCALHOST", Li = "TLD", Bi = "UTLD", In = "SCHEME", Mt = "SLASH_SCHEME", ps = "NUM", zi = "WS", ms = "NL", qt = "OPENBRACE", Jt = "CLOSEBRACE", Jn = "OPENBRACKET", Gn = "CLOSEBRACKET", Yn = "OPENPAREN", Xn = "CLOSEPAREN", Qn = "OPENANGLEBRACKET", Zn = "CLOSEANGLEBRACKET", er = "FULLWIDTHLEFTPAREN", tr = "FULLWIDTHRIGHTPAREN", nr = "LEFTCORNERBRACKET", rr = "RIGHTCORNERBRACKET", ir = "LEFTWHITECORNERBRACKET", sr = "RIGHTWHITECORNERBRACKET", or = "FULLWIDTHLESSTHAN", lr = "FULLWIDTHGREATERTHAN", ar = "AMPERSAND", cr = "APOSTROPHE", ur = "ASTERISK", ze = "AT", dr = "BACKSLASH", fr = "BACKTICK", hr = "CARET", Ve = "COLON", gs = "COMMA", pr = "DOLLAR", Se = "DOT", mr = "EQUALS", ys = "EXCLAMATION", fe = "HYPHEN", Gt = "PERCENT", gr = "PIPE", yr = "PLUS", br = "POUND", Yt = "QUERY", bs = "QUOTE", rc = "FULLWIDTHMIDDLEDOT", ks = "SEMI", xe = "SLASH", Xt = "TILDE", kr = "UNDERSCORE", ic = "EMOJI", Sr = "SYM";
 var sc = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ALPHANUMERICAL: nc,
@@ -13698,33 +13759,33 @@ function hm({
   groups: n
 }) {
   const e = n.domain.concat([ar, ur, ze, dr, fr, hr, pr, mr, fe, ps, Gt, gr, yr, br, xe, Sr, Xt, kr]), t = [cr, Ve, gs, Se, ys, Gt, Yt, bs, ks, Qn, Zn, qt, Jt, Gn, Jn, Yn, Xn, er, tr, nr, rr, ir, sr, or, lr], r = [ar, cr, ur, dr, fr, hr, pr, mr, fe, qt, Jt, Gt, gr, yr, br, Yt, xe, Sr, Xt, kr], i = de(), s = k(i, Xt);
-  A(s, r, s), A(s, n.domain, s);
+  N(s, r, s), N(s, n.domain, s);
   const o = de(), l = de(), a = de();
-  A(i, n.domain, o), A(i, n.scheme, l), A(i, n.slashscheme, a), A(o, r, s), A(o, n.domain, o);
+  N(i, n.domain, o), N(i, n.scheme, l), N(i, n.slashscheme, a), N(o, r, s), N(o, n.domain, o);
   const c = k(o, ze);
   k(s, ze, c), k(l, ze, c), k(a, ze, c);
   const u = k(s, Se);
-  A(u, r, s), A(u, n.domain, s);
+  N(u, r, s), N(u, n.domain, s);
   const d = de();
-  A(c, n.domain, d), A(d, n.domain, d);
+  N(c, n.domain, d), N(d, n.domain, d);
   const f = k(d, Se);
-  A(f, n.domain, d);
+  N(f, n.domain, d);
   const h = de(Vo);
-  A(f, n.tld, h), A(f, n.utld, h), k(c, an, h);
+  N(f, n.tld, h), N(f, n.utld, h), k(c, an, h);
   const p = k(d, fe);
-  k(p, fe, p), A(p, n.domain, d), A(h, n.domain, d), k(h, Se, f), k(h, fe, p);
+  k(p, fe, p), N(p, n.domain, d), N(h, n.domain, d), k(h, Se, f), k(h, fe, p);
   const m = k(h, Ve);
-  A(m, n.numeric, Vo);
+  N(m, n.numeric, Vo);
   const g = k(o, fe), y = k(o, Se);
-  k(g, fe, g), A(g, n.domain, o), A(y, r, s), A(y, n.domain, o);
+  k(g, fe, g), N(g, n.domain, o), N(y, r, s), N(y, n.domain, o);
   const S = de(vn);
-  A(y, n.tld, S), A(y, n.utld, S), A(S, n.domain, o), A(S, r, s), k(S, Se, y), k(S, fe, g), k(S, ze, c);
-  const E = k(S, Ve), N = de(vn);
-  A(E, n.numeric, N);
+  N(y, n.tld, S), N(y, n.utld, S), N(S, n.domain, o), N(S, r, s), k(S, Se, y), k(S, fe, g), k(S, ze, c);
+  const E = k(S, Ve), A = de(vn);
+  N(E, n.numeric, A);
   const w = de(vn), I = de();
-  A(w, e, w), A(w, t, I), A(I, e, w), A(I, t, I), k(S, xe, w), k(N, xe, w);
+  N(w, e, w), N(w, t, I), N(I, e, w), N(I, t, I), k(S, xe, w), k(A, xe, w);
   const B = k(l, Ve), T = k(a, Ve), R = k(T, xe), H = k(R, xe);
-  A(l, n.domain, o), k(l, Se, y), k(l, fe, g), A(a, n.domain, o), k(a, Se, y), k(a, fe, g), A(B, n.domain, w), k(B, xe, w), k(B, Yt, w), A(H, n.domain, w), A(H, e, w), k(H, xe, w);
+  N(l, n.domain, o), k(l, Se, y), k(l, fe, g), N(a, n.domain, o), k(a, Se, y), k(a, fe, g), N(B, n.domain, w), k(B, xe, w), k(B, Yt, w), N(H, n.domain, w), N(H, e, w), k(H, xe, w);
   const gt = [
     [qt, Jt],
     // {}
@@ -13747,9 +13808,9 @@ function hm({
     const [mn, Fr] = gt[Pt], gn = k(w, mn);
     k(I, mn, gn), k(gn, Fr, w);
     const yt = de(vn);
-    A(gn, e, yt);
+    N(gn, e, yt);
     const Lt = de();
-    A(gn, t), A(yt, e, yt), A(yt, t, Lt), A(Lt, e, yt), A(Lt, t, Lt), k(yt, Fr, w), k(Lt, Fr, w);
+    N(gn, t), N(yt, e, yt), N(yt, t, Lt), N(Lt, e, yt), N(Lt, t, Lt), k(yt, Fr, w), k(Lt, Fr, w);
   }
   return k(i, an, S), k(i, ms, fm), {
     start: i,

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._container_15v9t_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background-color:var(--color-gray-transparent)}._modal_15v9t_13{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--313d4130);max-width:calc(100% - 32px);height:auto;padding:24px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._header_15v9t_28{display:flex;justify-content:flex-end}._buttons_15v9t_33{display:flex;gap:16px}
+._container_7ok0x_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background-color:var(--color-gray-transparent)}._modal_7ok0x_13{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--2507b6f8);max-width:100%;height:auto;padding:24px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_7ok0x_13[data-scrollable=true]{max-height:64dvh;overflow-y:auto}._header_7ok0x_32{display:flex;justify-content:flex-end}._buttons_7ok0x_37{display:flex;gap:16px}

package/dist/UiModal/UiModal.d.ts

@@ -1,6 +1,7 @@
 import { TLocale } from '../locales/types';
 interface IProps {
     modelValue: boolean;
+    isScrollable?: boolean;
     isConfirm?: boolean;
     width?: string;
     lang?: TLocale;

package/dist/UiModal/UiModal.js

@@ -1,24 +1,25 @@
 import "./UiModal.css";
-import { defineComponent as b, useCssVars as k, computed as $, ref as S, watch as B, createElementBlock as u, createCommentVNode as c, openBlock as m, normalizeClass as l, createElementVNode as a, withModifiers as g, createVNode as d, renderSlot as E, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y } from "vue";
-import v from "../UiButton/UiButton.js";
-import N from "../UiClose/UiClose.js";
+import { defineComponent as w, useCssVars as M, computed as S, ref as $, watch as x, createElementBlock as u, createCommentVNode as c, openBlock as m, normalizeClass as l, createElementVNode as n, withModifiers as B, createVNode as d, renderSlot as g, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y } from "vue";
+import b from "../UiButton/UiButton.js";
+import E from "../UiClose/UiClose.js";
 import { M as C } from "../index-DajWja1y.js";
-import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = /* @__PURE__ */ b({
+import { _ as N } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const U = ["data-scrollable"], T = /* @__PURE__ */ w({
   __name: "UiModal",
   props: {
     modelValue: { type: Boolean },
+    isScrollable: { type: Boolean },
     isConfirm: { type: Boolean },
     width: { default: "360" },
     lang: { default: "ru" }
   },
   emits: ["update:modelValue", "confirm"],
   setup(V, { emit: h }) {
-    k((o) => ({
-      "313d4130": w.value
+    M((o) => ({
+      "2507b6f8": v.value
     }));
-    const e = V, n = h, w = $(() => `${e.width}px`), r = document.querySelector("body"), t = S(!1);
-    B(
+    const e = V, a = h, v = S(() => `${e.width}px`), r = document.querySelector("body"), t = $(!1);
+    x(
       () => e.modelValue,
       () => {
         const o = e.modelValue ? "hidden" : "auto";
@@ -27,41 +28,42 @@ const x = /* @__PURE__ */ b({
         }, 100));
       }
     );
-    function M() {
-      n("confirm"), n("update:modelValue", !1);
+    function k() {
+      a("confirm"), a("update:modelValue", !1);
     }
     function s() {
-      t.value || n("update:modelValue", !1), t.value = !1;
+      t.value || a("update:modelValue", !1), t.value = !1;
     }
     return (o, i) => e.modelValue ? (m(), u("div", {
       key: 0,
       onMousedown: s,
       class: l(o.$style.container)
     }, [
-      a("div", {
-        onMousedown: i[0] || (i[0] = g(() => {
+      n("div", {
+        onMousedown: i[0] || (i[0] = B(() => {
         }, ["stop"])),
-        class: l(o.$style.modal)
+        class: l(o.$style.modal),
+        "data-scrollable": e.isScrollable
       }, [
-        a("div", {
+        n("div", {
           class: l(o.$style.header)
         }, [
-          d(N, { onClick: s })
+          d(E, { onClick: s })
         ], 2),
-        a("div", null, [
-          E(o.$slots, "default")
+        n("div", null, [
+          g(o.$slots, "default")
         ]),
         e.isConfirm ? (m(), u("div", {
           key: 0,
           class: l(o.$style.buttons)
         }, [
-          d(v, { onClick: M }, {
+          d(b, { onClick: k }, {
             default: f(() => [
               p(_(y(C)[e.lang].confirm), 1)
             ]),
             _: 1
           }),
-          d(v, {
+          d(b, {
             layout: "secondary",
             onClick: s
           }, {
@@ -71,17 +73,17 @@ const x = /* @__PURE__ */ b({
             _: 1
           })
         ], 2)) : c("", !0)
-      ], 34)
+      ], 42, U)
     ], 34)) : c("", !0);
   }
-}), T = "_container_15v9t_1", q = "_modal_15v9t_13", z = "_header_15v9t_28", A = "_buttons_15v9t_33", D = {
-  container: T,
-  modal: q,
-  header: z,
-  buttons: A
-}, G = {
-  $style: D
-}, K = /* @__PURE__ */ U(x, [["__cssModules", G]]);
+}), q = "_container_7ok0x_1", z = "_modal_7ok0x_13", A = "_header_7ok0x_32", D = "_buttons_7ok0x_37", G = {
+  container: q,
+  modal: z,
+  header: A,
+  buttons: D
+}, H = {
+  $style: G
+}, L = /* @__PURE__ */ N(T, [["__cssModules", H]]);
 export {
-  K as default
+  L as default
 };

package/dist/UiSelect/UiSelect.js

@@ -51,7 +51,7 @@ const ee = { render: Z }, te = { key: 0 }, oe = ["onClick", "onKeydown", "onMous
   setup(h, { emit: i }) {
     const t = h, k = i, f = a(""), u = a(!1), V = a(!1), v = a(), r = a(), _ = a(), B = a([]), $ = b(() => {
       const e = t.options?.[0];
-      return e !== void 0 && typeof e == "object";
+      return e != null && typeof e == "object";
     }), S = (e) => e !== null && (typeof e == "string" || typeof e == "number"), w = b(() => {
       if (!t.options?.length) return [];
       const e = $.value ? [...t.options] : t.options.map((o) => ({ _id: String(o), title: String(o) }));

package/dist/UiUpload/UiUpload.js

@@ -109,8 +109,8 @@ const U = { key: 0 }, j = ["data-error"], x = ["accept", "multiple"], P = ["data
             default: _(() => [
               p(a(d(y)[e.lang].remove), 1)
             ]),
-            _: 2
-          }, 1032, ["onClick"])
+            _: 1
+          }, 8, ["onClick"])
         ], 2))), 128)) : u("", !0),
         e.isSingle && e.file ? (s(), o("div", {
           key: 2,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",
@@ -25,26 +25,26 @@
     "test:cov": "vitest run --coverage"
   },
   "dependencies": {
-    "@tiptap/pm": "3.3.0",
-    "@tiptap/starter-kit": "3.3.0",
-    "@tiptap/vue-3": "3.3.0",
+    "@tiptap/pm": "3.4.1",
+    "@tiptap/starter-kit": "3.4.1",
+    "@tiptap/vue-3": "3.4.1",
     "@vueform/slider": "2.1.10",
-    "@vueuse/core": "13.8.0",
-    "@vueuse/integrations": "13.8.0",
+    "@vueuse/core": "13.9.0",
+    "@vueuse/integrations": "13.9.0",
     "chart.js": "4.5.0",
     "mhz-helpers": "*",
     "perfect-debounce": "2.0.0",
-    "vue": "3.5.20",
+    "vue": "3.5.21",
     "vue-cal": "5.0.1-rc.28",
     "vue-chartjs": "5.3.2",
     "vue-router": "4.5.1"
   },
   "devDependencies": {
     "@eslint/js": "9.34.0",
-    "@storybook/addon-docs": "9.1.3",
-    "@storybook/vue3": "9.1.3",
-    "@storybook/vue3-vite": "9.1.3",
-    "@types/node": "24.3.0",
+    "@storybook/addon-docs": "9.1.4",
+    "@storybook/vue3": "9.1.4",
+    "@storybook/vue3-vite": "9.1.4",
+    "@types/node": "24.3.1",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitest/coverage-istanbul": "3.2.4",
     "@vue/test-utils": "2.4.6",
@@ -61,8 +61,8 @@
     "postcss-html": "1.8.0",
     "postcss-scss": "4.0.9",
     "prettier": "3.6.2",
-    "sass-embedded": "1.91.0",
-    "storybook": "9.1.3",
+    "sass-embedded": "1.92.0",
+    "storybook": "9.1.4",
     "stylelint": "16.23.1",
     "stylelint-config-recess-order": "7.2.0",
     "stylelint-config-recommended-scss": "16.0.0",
@@ -70,18 +70,18 @@
     "stylelint-order": "7.0.0",
     "stylelint-prettier": "5.0.3",
     "typescript": "5.9.2",
-    "typescript-eslint": "8.41.0",
-    "vite": "7.1.3",
+    "typescript-eslint": "8.42.0",
+    "vite": "7.1.4",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "3.1.2",
     "vite-svg-loader": "5.1.0",
     "vitest": "3.2.4",
     "vue-eslint-parser": "10.2.0",
-    "vue-linters-config": "0.4.2",
+    "vue-linters-config": "0.5.3",
     "vue-tsc": "3.0.6"
   },
   "peerDependencies": {
-    "vue": "3.5.20",
+    "vue": "3.5.21",
     "vue-router": "4.5.1"
   },
   "engines": {