@mobilon-dev/chotto 0.3.96 → 0.3.98

package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js

@@ -1,37 +1,19 @@
-import { inject as j, ref as c, computed as m, onMounted as G, unref as p, createElementBlock as s, openBlock as a, createElementVNode as e, normalizeClass as b, createCommentVNode as S, Fragment as V, renderList as x, withDirectives as E, vModelRadio as H, toDisplayString as w, vModelText as J, normalizeStyle as K } from "vue";
-import { useMessageDraft as X } from "../../../hooks/useMessageDraft.js";
+import { inject as L, ref as n, computed as _, onMounted as M, unref as I, createElementBlock as s, openBlock as r, createElementVNode as t, normalizeClass as B, createCommentVNode as P, Fragment as W, renderList as U, withDirectives as z, vModelRadio as K, toDisplayString as w, vModelText as X, normalizeStyle as Y } from "vue";
+import { useMessageDraft as D } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
-import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+import Z from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import Z from "../../3_compounds/Feed/assets/chat-background.svg.js";
+import G from "../../3_compounds/Feed/assets/chat-background.svg.js";
 /* empty css                      */
-const ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, oe = { style: { display: "flex" } }, se = {
-  key: 0,
-  class: "template-selector__button-close"
-}, ae = {
-  key: 1,
-  class: "template-selector__button-close"
-}, re = { class: "template-selector__button-close" }, ce = { class: "template-selector__layout" }, ne = ["id"], ie = { class: "template-selector__list-groups" }, pe = { class: "template-selector__label-group" }, de = ["src", "alt"], ue = ["id", "value"], me = ["id"], _e = { class: "template-selector__searching-container" }, ve = { class: "template-selector__templates" }, fe = {
-  key: 0,
-  class: "template-selector__list-templates"
-}, he = ["onClick"], ye = { class: "template-selector__item-template-info" }, ge = { class: "template-selector__item-title" }, we = { class: "template-selector__item-text" }, ke = {
-  key: 1,
-  class: "template-selector__plug"
-}, Ce = ["id"], Te = {
-  key: 0,
-  class: "template-selector__preview"
-}, be = { class: "template-selector__preview-wrapper" }, Se = { class: "template-selector__preview-text" }, Be = {
-  key: 1,
-  class: "template-selector__plug"
-}, Ie = {
+const $ = {
   __name: "TemplateSelector",
   props: {
     templates: {
@@ -55,156 +37,244 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
     }
   },
   emits: ["closeTemplateWindow", "pasteTemplate"],
-  setup(_, { emit: W }) {
-    const d = _, r = j("chatAppId"), { setMessageText: L } = X(r), M = () => {
-      R("closeTemplateWindow"), L(v.value.template);
-    }, R = W, u = c(null), v = c(null), k = c(""), C = c(), f = c(""), n = c(""), h = c(""), i = c(!1), U = m(() => d.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(Z)}`), $ = m(() => !!(i.value && (h.value == "grid" && n.value == "none" || n.value == "grid" && f.value == "none"))), z = m(() => !!(i.value && (f.value == "grid" && n.value == "none" || n.value == "grid" && h.value == "none"))), A = () => {
-      i.value && (n.value == "grid" ? D() : h.value == "grid" && T());
-    }, q = () => {
-      i.value && (n.value == "grid" ? B() : f.value == "grid" && T());
-    }, D = () => {
-      const t = document.getElementById("template-selector-container-" + r);
-      t.style.setProperty("--chotto-template-first-col-display", "grid"), t.style.setProperty("--chotto-template-second-col-display", "none"), y();
-    }, B = () => {
-      const t = document.getElementById("template-selector-container-" + r);
-      t.style.setProperty("--chotto-template-third-col-display", "grid"), t.style.setProperty("--chotto-template-second-col-display", "none"), y();
-    }, T = () => {
-      const t = document.getElementById("template-selector-container-" + r);
-      t.style.setProperty("--chotto-template-second-col-display", "grid"), t.style.setProperty("--chotto-template-first-col-display", "none"), t.style.setProperty("--chotto-template-third-col-display", "none"), y();
+  setup(T, { expose: c, emit: h }) {
+    c();
+    const e = T, p = L("chatAppId"), { setMessageText: k } = D(p), o = () => {
+      d("closeTemplateWindow"), k(C.value.template);
+    }, d = h, m = n(null), C = n(null), V = n(""), b = n(), f = n(""), i = n(""), v = n(""), u = n(!1), O = _(() => e.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(G)}`), Q = _(() => !!(u.value && (v.value == "grid" && i.value == "none" || i.value == "grid" && f.value == "none"))), j = _(() => !!(u.value && (f.value == "grid" && i.value == "none" || i.value == "grid" && v.value == "none"))), q = () => {
+      u.value && (i.value == "grid" ? x() : v.value == "grid" && g());
+    }, F = () => {
+      u.value && (i.value == "grid" ? S() : f.value == "grid" && g());
+    }, x = () => {
+      const l = document.getElementById("template-selector-container-" + p);
+      l.style.setProperty("--chotto-template-first-col-display", "grid"), l.style.setProperty("--chotto-template-second-col-display", "none"), y();
+    }, S = () => {
+      const l = document.getElementById("template-selector-container-" + p);
+      l.style.setProperty("--chotto-template-third-col-display", "grid"), l.style.setProperty("--chotto-template-second-col-display", "none"), y();
+    }, g = () => {
+      const l = document.getElementById("template-selector-container-" + p);
+      l.style.setProperty("--chotto-template-second-col-display", "grid"), l.style.setProperty("--chotto-template-first-col-display", "none"), l.style.setProperty("--chotto-template-third-col-display", "none"), y();
     }, y = () => {
-      const t = document.getElementById("template-selector-container-" + r), l = window.getComputedStyle(t);
-      f.value = l.getPropertyValue("--chotto-template-first-col-display"), n.value = l.getPropertyValue("--chotto-template-second-col-display"), h.value = l.getPropertyValue("--chotto-template-third-col-display");
-    }, F = (t) => {
-      d.templates.forEach((l) => l.isSelected = !1), t.isSelected = !0, v.value = t, B();
-    }, O = () => {
-      T(), d.templates.forEach((t) => t.isSelected = !1);
-    }, N = m(() => u.value ? d.templates.filter((t) => t.groupId === u.value.groupId) : d.templates), I = m(() => {
-      const t = k.value.trim().toLowerCase();
-      return N.value.filter((l) => l.title.toLowerCase().includes(t) || l.template.toLowerCase().includes(t));
-    }), Q = new ResizeObserver((t) => {
-      const l = t[0].target.clientWidth;
-      l > 700 && (i.value = !1), l < 700 && (i.value = !0);
+      const l = document.getElementById("template-selector-container-" + p), a = window.getComputedStyle(l);
+      f.value = a.getPropertyValue("--chotto-template-first-col-display"), i.value = a.getPropertyValue("--chotto-template-second-col-display"), v.value = a.getPropertyValue("--chotto-template-third-col-display");
+    }, N = (l) => {
+      e.templates.forEach((a) => a.isSelected = !1), l.isSelected = !0, C.value = l, S();
+    }, H = () => {
+      g(), e.templates.forEach((l) => l.isSelected = !1);
+    }, R = _(() => m.value ? e.templates.filter((l) => l.groupId === m.value.groupId) : e.templates), J = _(() => {
+      const l = V.value.trim().toLowerCase();
+      return R.value.filter((a) => a.title.toLowerCase().includes(l) || a.template.toLowerCase().includes(l));
+    }), A = new ResizeObserver((l) => {
+      const a = l[0].target.clientWidth;
+      a > 700 && (u.value = !1), a < 700 && (u.value = !0);
     });
-    return G(() => {
-      y(), p(C) && Q.observe(p(C));
-    }), (t, l) => (a(), s("div", ee, [
-      e("div", {
-        id: "template-selector-container-" + p(r),
-        ref_key: "refContainer",
-        ref: C,
-        class: b({
-          "template-selector__container-inline": !_.elevatedWindow,
-          "template-selector__container-elevated": _.elevatedWindow
-        })
-      }, [
-        e("div", le, [
-          e("div", oe, [
-            $.value ? (a(), s("button", se, [
-              e("span", {
-                class: "pi pi-arrow-left",
-                onClick: A
-              })
-            ])) : S("", !0),
-            z.value ? (a(), s("button", ae, [
-              e("span", {
-                class: "pi pi-arrow-right",
-                onClick: q
-              })
-            ])) : S("", !0)
-          ]),
-          e("button", re, [
-            e("span", {
-              class: "pi pi-times",
-              onClick: l[0] || (l[0] = (o) => t.$emit("closeTemplateWindow"))
+    M(() => {
+      y(), I(b) && A.observe(I(b));
+    });
+    const E = { props: e, chatAppId: p, setMessageText: k, handlePutMessage: o, emit: d, selectedGroup: m, selectedTemplate: C, searchQuery: V, refContainer: b, showFirstCol: f, showSecondCol: i, showThirdCol: v, isOneCol: u, defaultBackground: O, allowTurnLeft: Q, allowTurnRight: j, turnLeft: q, turnRight: F, setFirstColVisible: x, setThirdColVisible: S, setSecondColVisible: g, updateShowValues: y, selectTemplate: N, clearSelectedTemplate: H, filteredTemplates: R, searchedTemplate: J, resizeObserver: A, computed: _, ref: n, onMounted: M, inject: L, unref: I, get useMessageDraft() {
+      return D;
+    }, get chatBackgroundRaw() {
+      return G;
+    } };
+    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+  }
+}, ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, oe = { style: { display: "flex" } }, se = {
+  key: 0,
+  class: "template-selector__button-close"
+}, re = {
+  key: 1,
+  class: "template-selector__button-close"
+}, ae = { class: "template-selector__button-close" }, ce = { class: "template-selector__layout" }, ne = ["id"], ie = { class: "template-selector__list-groups" }, pe = { class: "template-selector__label-group" }, de = ["src", "alt"], ue = ["id", "value"], me = ["id"], _e = { class: "template-selector__searching-container" }, he = { class: "template-selector__templates" }, fe = {
+  key: 0,
+  class: "template-selector__list-templates"
+}, ve = ["onClick"], ye = { class: "template-selector__item-template-info" }, ge = { class: "template-selector__item-title" }, we = { class: "template-selector__item-text" }, Te = {
+  key: 1,
+  class: "template-selector__plug"
+}, ke = ["id"], Ce = {
+  key: 0,
+  class: "template-selector__preview"
+}, be = { class: "template-selector__preview-wrapper" }, Se = { class: "template-selector__preview-text" }, Ie = {
+  key: 1,
+  class: "template-selector__plug"
+};
+function Be(T, c, h, e, p, k) {
+  return r(), s("div", ee, [
+    t("div", {
+      id: "template-selector-container-" + e.chatAppId,
+      ref: "refContainer",
+      class: B({
+        "template-selector__container-inline": !h.elevatedWindow,
+        "template-selector__container-elevated": h.elevatedWindow
+      })
+    }, [
+      t("div", le, [
+        t("div", oe, [
+          e.allowTurnLeft ? (r(), s("button", se, [
+            t("span", {
+              class: "pi pi-arrow-left",
+              onClick: e.turnLeft
             })
-          ])
+          ])) : P("v-if", !0),
+          e.allowTurnRight ? (r(), s("button", re, [
+            t("span", {
+              class: "pi pi-arrow-right",
+              onClick: e.turnRight
+            })
+          ])) : P("v-if", !0)
         ]),
-        e("div", ce, [
-          e("div", {
-            id: "template-selector-first-col-" + p(r),
-            class: "template-selector__first-col"
-          }, [
-            e("ul", ie, [
-              (a(!0), s(V, null, x(_.groupTemplates, (o, g) => (a(), s("li", {
-                key: g,
-                class: b(["template-selector__item-group", { "template-selector__item-selected": u.value === o }]),
-                onClick: O
-              }, [
-                e("label", pe, [
-                  o.iconUrl ? (a(), s("img", {
-                    key: 0,
-                    class: "template-selector__item-group-icon",
-                    src: o.iconUrl,
-                    alt: o.title
-                  }, null, 8, de)) : S("", !0),
-                  E(e("input", {
-                    id: g,
-                    "onUpdate:modelValue": l[1] || (l[1] = (P) => u.value = P),
-                    value: o,
-                    class: "template-selector__input-group",
-                    type: "radio"
-                  }, null, 8, ue), [
-                    [H, u.value]
-                  ]),
-                  e("span", null, w(o.title), 1)
-                ])
-              ], 2))), 128))
-            ])
-          ], 8, ne),
-          e("div", {
-            id: "template-selector-second-col-" + p(r),
-            class: "template-selector__second-col"
-          }, [
-            e("div", _e, [
-              E(e("input", {
-                "onUpdate:modelValue": l[2] || (l[2] = (o) => k.value = o),
+        t("button", ae, [
+          t("span", {
+            class: "pi pi-times",
+            onClick: c[0] || (c[0] = (o) => T.$emit("closeTemplateWindow"))
+          })
+        ])
+      ]),
+      t("div", ce, [
+        t("div", {
+          id: "template-selector-first-col-" + e.chatAppId,
+          class: "template-selector__first-col"
+        }, [
+          t("ul", ie, [
+            (r(!0), s(
+              W,
+              null,
+              U(h.groupTemplates, (o, d) => (r(), s(
+                "li",
+                {
+                  key: d,
+                  class: B(["template-selector__item-group", { "template-selector__item-selected": e.selectedGroup === o }]),
+                  onClick: e.clearSelectedTemplate
+                },
+                [
+                  t("label", pe, [
+                    o.iconUrl ? (r(), s("img", {
+                      key: 0,
+                      class: "template-selector__item-group-icon",
+                      src: o.iconUrl,
+                      alt: o.title
+                    }, null, 8, de)) : P("v-if", !0),
+                    z(t("input", {
+                      id: d,
+                      "onUpdate:modelValue": c[1] || (c[1] = (m) => e.selectedGroup = m),
+                      value: o,
+                      class: "template-selector__input-group",
+                      type: "radio"
+                    }, null, 8, ue), [
+                      [K, e.selectedGroup]
+                    ]),
+                    t(
+                      "span",
+                      null,
+                      w(o.title),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ],
+                2
+                /* CLASS */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ], 8, ne),
+        t("div", {
+          id: "template-selector-second-col-" + e.chatAppId,
+          class: "template-selector__second-col"
+        }, [
+          t("div", _e, [
+            z(t(
+              "input",
+              {
+                "onUpdate:modelValue": c[2] || (c[2] = (o) => e.searchQuery = o),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
-              }, null, 512), [
-                [J, k.value]
-              ])
-            ]),
-            e("div", ve, [
-              I.value.length !== 0 ? (a(), s("ul", fe, [
-                (a(!0), s(V, null, x(I.value, (o, g) => (a(), s("li", {
-                  key: g,
-                  class: b(["template-selector__item-template", { "template-selector__item-selected": o.isSelected }]),
-                  onClick: (P) => F(o)
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [X, e.searchQuery]
+            ])
+          ]),
+          t("div", he, [
+            e.searchedTemplate.length !== 0 ? (r(), s("ul", fe, [
+              (r(!0), s(
+                W,
+                null,
+                U(e.searchedTemplate, (o, d) => (r(), s("li", {
+                  key: d,
+                  class: B(["template-selector__item-template", { "template-selector__item-selected": o.isSelected }]),
+                  onClick: (m) => e.selectTemplate(o)
                 }, [
-                  e("div", ye, [
-                    e("p", ge, w(o.title), 1),
-                    e("p", we, w(o.template), 1)
+                  t("div", ye, [
+                    t(
+                      "p",
+                      ge,
+                      w(o.title),
+                      1
+                      /* TEXT */
+                    ),
+                    t(
+                      "p",
+                      we,
+                      w(o.template),
+                      1
+                      /* TEXT */
+                    )
                   ])
-                ], 10, he))), 128))
-              ])) : (a(), s("p", ke, " Шаблоны отсутствуют "))
-            ])
-          ], 8, me),
-          e("div", {
-            id: "template-selector-third-col-" + p(r),
-            class: "template-selector__third-col"
-          }, [
-            e("div", {
+                ], 10, ve))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : (r(), s("p", Te, " Шаблоны отсутствуют "))
+          ])
+        ], 8, me),
+        t("div", {
+          id: "template-selector-third-col-" + e.chatAppId,
+          class: "template-selector__third-col"
+        }, [
+          t(
+            "div",
+            {
               class: "template-selector__preview-container",
-              style: K({ backgroundImage: `url(${U.value})` })
-            }, [
-              v.value ? (a(), s("div", Te, [
-                e("div", be, [
-                  e("p", Se, w(v.value.template), 1),
-                  l[3] || (l[3] = e("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
+              style: Y({ backgroundImage: `url(${e.defaultBackground})` })
+            },
+            [
+              e.selectedTemplate ? (r(), s("div", Ce, [
+                t("div", be, [
+                  t(
+                    "p",
+                    Se,
+                    w(e.selectedTemplate.template),
+                    1
+                    /* TEXT */
+                  ),
+                  c[3] || (c[3] = t(
+                    "p",
+                    { class: "template-selector__preview-time" },
+                    " 22:22 ",
+                    -1
+                    /* CACHED */
+                  ))
                 ])
-              ])) : (a(), s("p", Be, " Предпросмотр шаблона "))
-            ], 4),
-            e("button", {
-              class: "template-selector__button-paste",
-              onClick: M
-            }, " Вставить ")
-          ], 8, Ce)
-        ])
-      ], 10, te)
-    ]));
-  }
-}, Oe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
+              ])) : (r(), s("p", Ie, " Предпросмотр шаблона "))
+            ],
+            4
+            /* STYLE */
+          ),
+          t("button", {
+            class: "template-selector__button-paste",
+            onClick: e.handlePutMessage
+          }, " Вставить ")
+        ], 8, ke)
+      ])
+    ], 10, te)
+  ]);
+}
+const je = /* @__PURE__ */ Z($, [["render", Be], ["__scopeId", "data-v-51c857f4"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue"]]);
 export {
-  Oe as default
+  je as default
 };

package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js

@@ -1,7 +1,167 @@
-import o from "./TextFormatToolbar.vue2.js";
+import n from "./TextFormatToolbar.vue2.js";
+import { createBlock as a, openBlock as i, Teleport as s, createVNode as m, Transition as d, withCtx as p, createElementBlock as b, createCommentVNode as l, normalizeStyle as c, createElementVNode as o } from "vue";
 /* empty css                       */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-496f7af0"]]);
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = ["data-theme"], x = ["title"], f = ["title"], T = ["title"], M = ["title"], C = ["title"], u = ["title"];
+function _(F, t, g, e, k, q) {
+  return i(), a(s, { to: "body" }, [
+    m(d, { name: "fade" }, {
+      default: p(() => [
+        e.isVisible ? (i(), b("div", {
+          key: 0,
+          ref: "toolbarRef",
+          "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
+          class: "text-format-toolbar",
+          style: c(e.toolbarStyle),
+          onMouseenter: e.handleMouseEnter,
+          onMouseleave: e.handleMouseLeave
+        }, [
+          l(" Жирный "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Bold"),
+            onClick: t[0] || (t[0] = (r) => e.applyFormat("bold"))
+          }, [...t[6] || (t[6] = [
+            o(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                width: "20",
+                preserveAspectRatio: "xMidYMid meet",
+                class: "",
+                fill: "currentColor"
+              },
+              [
+                o("path", { d: "M6.8 19V5h5.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm3.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z" })
+              ],
+              -1
+              /* CACHED */
+            )
+          ])], 8, x),
+          l(" Курсив "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Italic"),
+            onClick: t[1] || (t[1] = (r) => e.applyFormat("italic"))
+          }, [...t[7] || (t[7] = [
+            o(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                width: "20",
+                preserveAspectRatio: "xMidYMid meet",
+                class: "",
+                fill: "currentColor"
+              },
+              [
+                o("path", { d: "M5 19v-2.5h4l3-9H8V5h10v2.5h-3.5l-3 9H15V19z" })
+              ],
+              -1
+              /* CACHED */
+            )
+          ])], 8, f),
+          l(" Подчёркнутый "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Underline"),
+            onClick: t[2] || (t[2] = (r) => e.applyFormat("underline"))
+          }, [...t[8] || (t[8] = [
+            o(
+              "svg",
+              {
+                viewBox: "0 0 512 512",
+                width: "13",
+                height: "13",
+                preserveAspectRatio: "xMidYMid meet",
+                class: "",
+                fill: "currentColor"
+              },
+              [
+                o("rect", {
+                  x: "16.65",
+                  y: "443.317",
+                  width: "478.699",
+                  height: "68.683"
+                }),
+                o("path", { d: `M303.383,0h-94L87.689,376.715h88.041l21.225-72.846H315.81l21.496,72.846h88.043L303.383,0z M216.38,235.187
+              l39.103-133.203h1.544l39.362,133.203H216.38z` })
+              ],
+              -1
+              /* CACHED */
+            )
+          ])], 8, T),
+          l(" Зачёркнутый "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Strikethrough"),
+            onClick: t[3] || (t[3] = (r) => e.applyFormat("strikethrough"))
+          }, [...t[9] || (t[9] = [
+            o(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                width: "20",
+                preserveAspectRatio: "xMidYMid meet",
+                class: "",
+                fill: "currentColor"
+              },
+              [
+                o("path", { d: "M13.99 15.27q0-.83-.586-1.27-.585-.45-2.11-.937L11.107 13H4v-2h16v2h-3.76q.69.96.69 2.25 0 1.845-1.397 2.9-1.396 1.045-3.76 1.045-1.64 0-2.988-.595-1.347-.606-2.06-1.65a4 4 0 0 1-.472-.951l2.451-.98c.145.303.363.651.667.962l.014.019h.004a2.87 2.87 0 0 0 1.971.867q.199.014.413.014 1.045 0 1.631-.42.586-.43.586-1.191M10.548 10h-3.79a3.5 3.5 0 0 1-.297-1.44q0-1.152.644-2.05.655-.909 1.866-1.416 1.22-.508 2.734-.508 1.523 0 2.715.557 1.191.546 1.846 1.552.26.394.418.831l-2.492.997C13.85 7.823 13 7 11.656 6.92q-1.074 0-1.67.459a1.42 1.42 0 0 0-.595 1.191q0 .694.693 1.162.204.136.464.268" })
+              ],
+              -1
+              /* CACHED */
+            )
+          ])], 8, M),
+          l(" Встроенный код "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Code"),
+            onClick: t[4] || (t[4] = (r) => e.applyFormat("code"))
+          }, [...t[10] || (t[10] = [
+            o(
+              "span",
+              { class: "pi pi-code" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])], 8, C),
+          l(" Цитата "),
+          o("button", {
+            class: "text-format-toolbar__button",
+            title: e.t("component.TextFormatToolbar.Quote"),
+            onClick: t[5] || (t[5] = (r) => e.applyFormat("quote"))
+          }, [...t[11] || (t[11] = [
+            o(
+              "svg",
+              {
+                viewBox: "0 0 512 512",
+                width: "13",
+                height: "13",
+                preserveAspectRatio: "xMidYMid meet",
+                class: "",
+                fill: "currentColor"
+              },
+              [
+                o("path", { d: `M119.472,66.59C53.489,66.59,0,120.094,0,186.1c0,65.983,53.489,119.487,119.472,119.487
+              c0,0-0.578,44.392-36.642,108.284c-4.006,12.802,3.135,26.435,15.945,30.418c9.089,2.859,18.653,0.08,24.829-6.389
+              c82.925-90.7,115.385-197.448,115.385-251.8C238.989,120.094,185.501,66.59,119.472,66.59z` }),
+                o("path", { d: `M392.482,66.59c-65.983,0-119.472,53.505-119.472,119.51c0,65.983,53.489,119.487,119.472,119.487
+              c0,0-0.578,44.392-36.642,108.284c-4.006,12.802,3.136,26.435,15.945,30.418c9.089,2.859,18.653,0.08,24.828-6.389
+              C479.539,347.2,512,240.452,512,186.1C512,120.094,458.511,66.59,392.482,66.59z` })
+              ],
+              -1
+              /* CACHED */
+            )
+          ])], 8, u)
+        ], 44, v)) : l("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    })
+  ]);
+}
+const H = /* @__PURE__ */ h(n, [["render", _], ["__scopeId", "data-v-5e40fbcb"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue"]]);
 export {
-  m as default
+  H as default
 };