prlg-ui 1.7.45 → 1.7.47

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-DIcd8Rr2.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../parseFileSize.util-BTDZr2sf.cjs"),_=require("../uploadFile.util-Du5cumgy.cjs"),v={class:"chat-file__content"},h=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(s,{emit:n}){const i=n,c=e.computed(()=>URL.createObjectURL(s.file));return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["chat-file",{"chat-file--image":e.unref(u.getFileTypeByMime)(l.file.type)==="image"}])},[e.createElementVNode("button",{class:"chat-file__delete",onClick:d[0]||(d[0]=a=>i("deleteFile",l.file))},[e.createVNode(e.unref(f.CloseIcon))]),e.createElementVNode("div",v,[e.unref(u.getFileTypeByMime)(l.file.type)==="image"?(e.openBlock(),e.createBlock(e.unref(u.Image),{key:0,file:c.value,size:"large",fullScreen:""},null,8,["file"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:c.value,outlined:!1},null,8,["file"]))])],2))}}),k=f._export_sfc(h,[["__scopeId","data-v-25ab2b0f"]]),B={class:"chat-field-actions"},g={ref:"overlay",class:"chat-field-actions__overlay"},y=["onClick"],b={class:"chat-field-actions__overlay-item__label"},C=["disabled"],V=e.defineComponent({__name:"ChatFieldActions",props:e.mergeModels({actions:{},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const n=e.useModel(s,"modelValue"),i=e.useTemplateRef("button"),c=e.useTemplateRef("overlay"),l=e.ref(!1),d=e.reactive({image:{icon:e.shallowRef(m.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),a=o=>{_.openFileDialog({accept:o==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(t=>{n.value?n.value=s.multiple?[...n.value,...t]:t:n.value=[...t],l.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{l.value=!1},{ignore:[i.value]})}),(o,t)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,r=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:r,onClick:R=>a(r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",b,e.toDisplayString(d[r].label),1)],8,y))),128))],512),[[e.vShow,l.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:t[0]||(t[0]=r=>l.value=!l.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":l.value}]),disabled:o.disabled},[e.createVNode(e.unref(m.PlusRoundedIcon))],10,C)]))}}),F=f._export_sfc(V,[["__scopeId","data-v-e64085d6"]]),E={class:"chat-field"},M={key:0,class:"chat-field__files"},N={class:"chat-field__wrapper"},I=["placeholder"],$=e.defineComponent({__name:"ChatField",props:e.mergeModels({viewActions:{type:Boolean,default:!1},actions:{default:()=>["file","image"]},placeholder:{default:"Введите сообщение"},disabled:{type:Boolean,default:!1}},{message:{required:!0},messageModifiers:{},files:{},filesModifiers:{}}),emits:e.mergeModels(["sendMessage"],["update:message","update:files"]),setup(s,{emit:n}){const i=n,c=e.useModel(s,"message"),l=e.useModel(s,"files"),d=a=>{l.value&&(l.value=l.value.filter(o=>o.name!==a.name))};return(a,o)=>(e.openBlock(),e.createElementBlock("div",E,[l.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(k,{key:t.name,file:t,onDeleteFile:d},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",N,[a.viewActions&&a.actions.length>0?(e.openBlock(),e.createBlock(F,{key:0,modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=t=>l.value=t),actions:a.actions,disabled:a.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[1]||(o[1]=t=>c.value=t),class:"chat-field__input",placeholder:a.placeholder},null,8,I),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:o[2]||(o[2]=t=>i("sendMessage"))},[e.createVNode(e.unref(m.SendIcon))])])]))}}),S={class:"bonus-summary"},w=e.defineComponent({__name:"BonusSummary",setup(s){return(n,i)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(e.unref(m.BonusIcon),{class:"bonus-summary__icon"}),i[0]||(i[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=w;exports.ChatField=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-DIcd8Rr2.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../parseFileSize.util-BTDZr2sf.cjs"),_=require("../uploadFile.util-Du5cumgy.cjs"),v={class:"chat-file__content"},h=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(s,{emit:n}){const i=n,r=e.computed(()=>URL.createObjectURL(s.file));return(t,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["chat-file",{"chat-file--image":e.unref(u.getFileTypeByMime)(t.file.type)==="image"}])},[e.createElementVNode("button",{class:"chat-file__delete",onClick:c[0]||(c[0]=l=>i("deleteFile",t.file))},[e.createVNode(e.unref(f.CloseIcon))]),e.createElementVNode("div",v,[e.unref(u.getFileTypeByMime)(t.file.type)==="image"?(e.openBlock(),e.createBlock(e.unref(u.Image),{key:0,file:r.value,size:"large",fullScreen:""},null,8,["file"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:r.value,outlined:!1},null,8,["file"]))])],2))}}),k=f._export_sfc(h,[["__scopeId","data-v-25ab2b0f"]]),g={class:"chat-field-actions"},B={ref:"overlay",class:"chat-field-actions__overlay"},y=["onClick"],b={class:"chat-field-actions__overlay-item__label"},C=["disabled"],V=e.defineComponent({__name:"ChatFieldActions",props:e.mergeModels({actions:{},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const n=e.useModel(s,"modelValue"),i=e.useTemplateRef("button"),r=e.useTemplateRef("overlay"),t=e.ref(!1),c=e.reactive({image:{icon:e.shallowRef(m.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),l=a=>{_.openFileDialog({accept:a==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(o=>{n.value?n.value=s.multiple?[...n.value,...o]:o:n.value=[...o],t.value=!1})};return e.onMounted(()=>{p.onClickOutside(r.value,()=>{t.value=!1},{ignore:[i.value]})}),(a,o)=>(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.actions,d=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:d,onClick:D=>l(d)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c[d].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",b,e.toDisplayString(c[d].label),1)],8,y))),128))],512),[[e.vShow,t.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:o[0]||(o[0]=d=>t.value=!t.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":t.value}]),disabled:a.disabled},[e.createVNode(e.unref(m.PlusRoundedIcon))],10,C)]))}}),F=f._export_sfc(V,[["__scopeId","data-v-e64085d6"]]),E={class:"chat-field"},N={key:0,class:"chat-field__files"},M={class:"chat-field__wrapper"},T=["placeholder"],S={key:1,class:"chat-field__footer"},$={key:1,class:"chat-field__char-count"},I=e.defineComponent({__name:"ChatField",props:e.mergeModels({viewActions:{type:Boolean,default:!1},actions:{default:()=>["file","image"]},placeholder:{default:"Введите сообщение"},maxLength:{},smallText:{},error:{type:Boolean},errorText:{},disabled:{type:Boolean,default:!1}},{message:{required:!0},messageModifiers:{},files:{},filesModifiers:{}}),emits:e.mergeModels(["sendMessage"],["update:message","update:files"]),setup(s,{emit:n}){const i=n,r=e.useModel(s,"message"),t=e.useModel(s,"files"),c=l=>{t.value&&(t.value=t.value.filter(a=>a.name!==l.name))};return(l,a)=>(e.openBlock(),e.createElementBlock("div",E,[t.value&&t.value.length>0?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,o=>(e.openBlock(),e.createBlock(k,{key:o.name,file:o,onDeleteFile:c},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[l.viewActions&&l.actions.length>0?(e.openBlock(),e.createBlock(F,{key:0,modelValue:t.value,"onUpdate:modelValue":a[0]||(a[0]=o=>t.value=o),actions:l.actions,disabled:l.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[1]||(a[1]=o=>r.value=o),class:"chat-field__input",maxlength:"maxLength",placeholder:l.placeholder},null,8,T),[[e.vModelText,r.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:a[2]||(a[2]=o=>i("sendMessage"))},[e.createVNode(e.unref(m.SendIcon))])]),l.smallText||l.error&&l.errorText||l.maxLength?(e.openBlock(),e.createElementBlock("div",S,[l.smallText||l.error&&l.errorText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["chat-field__small",{"chat-field__small--error":l.error}])},e.toDisplayString(l.error?l.errorText:l.smallText),3)):e.createCommentVNode("",!0),l.maxLength?(e.openBlock(),e.createElementBlock("div",$,e.toDisplayString(r.value.length)+" / "+e.toDisplayString(l.maxLength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]))}}),w={class:"bonus-summary"},L=e.defineComponent({__name:"BonusSummary",setup(s){return(n,i)=>(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(e.unref(m.BonusIcon),{class:"bonus-summary__icon"}),i[0]||(i[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=L;exports.ChatField=I;

package/dist/blocks/index.es.js

@@ -1,35 +1,35 @@
-import { defineComponent as p, computed as V, createElementBlock as c, openBlock as a, normalizeClass as k, unref as u, createElementVNode as i, createVNode as _, createBlock as v, mergeModels as h, useModel as b, useTemplateRef as y, ref as w, reactive as S, shallowRef as g, onMounted as R, Transition as D, withCtx as L, withDirectives as $, Fragment as B, renderList as I, resolveDynamicComponent as T, toDisplayString as U, vShow as z, createCommentVNode as C, vModelText as N } from "vue";
-import { g as F, I as O, F as A } from "../Image-CHlS9buq.js";
-import { C as E, _ as M, F as P } from "../FileIcon-DkEbi-bi.js";
-import { I as j, P as q, S as x, B as H } from "../SendIcon-BGGNLlmf.js";
+import { defineComponent as g, computed as V, createElementBlock as o, openBlock as a, normalizeClass as C, unref as c, createElementVNode as n, createVNode as v, createBlock as p, mergeModels as y, useModel as b, useTemplateRef as F, ref as L, reactive as w, shallowRef as k, onMounted as S, Transition as R, withCtx as D, withDirectives as B, Fragment as I, renderList as T, resolveDynamicComponent as U, toDisplayString as h, vShow as z, createCommentVNode as _, vModelText as N } from "vue";
+import { g as $, I as O, F as x } from "../Image-CHlS9buq.js";
+import { C as A, _ as M, F as E } from "../FileIcon-DkEbi-bi.js";
+import { I as P, P as j, S as q, B as H } from "../SendIcon-BGGNLlmf.js";
 import { o as G } from "../parseFileSize.util-BoDbFdVW.js";
 import { o as J } from "../uploadFile.util-CorOn5lO.js";
-const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ p({
+const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ g({
   __name: "ChatFile",
   props: {
     file: {}
   },
   emits: ["deleteFile"],
-  setup(n, { emit: o }) {
-    const d = o, r = V(() => URL.createObjectURL(n.file));
-    return (e, m) => (a(), c("div", {
-      class: k(["chat-file", { "chat-file--image": u(F)(e.file.type) === "image" }])
+  setup(r, { emit: i }) {
+    const d = i, u = V(() => URL.createObjectURL(r.file));
+    return (l, m) => (a(), o("div", {
+      class: C(["chat-file", { "chat-file--image": c($)(l.file.type) === "image" }])
     }, [
-      i("button", {
+      n("button", {
         class: "chat-file__delete",
-        onClick: m[0] || (m[0] = (s) => d("deleteFile", e.file))
+        onClick: m[0] || (m[0] = (e) => d("deleteFile", l.file))
       }, [
-        _(u(E))
+        v(c(A))
       ]),
-      i("div", K, [
-        u(F)(e.file.type) === "image" ? (a(), v(u(O), {
+      n("div", K, [
+        c($)(l.file.type) === "image" ? (a(), p(c(O), {
           key: 0,
-          file: r.value,
+          file: u.value,
           size: "large",
           fullScreen: ""
-        }, null, 8, ["file"])) : (a(), v(u(A), {
+        }, null, 8, ["file"])) : (a(), p(c(x), {
           key: 1,
-          file: r.value,
+          file: u.value,
           outlined: !1
         }, null, 8, ["file"]))
       ])
@@ -38,9 +38,9 @@ const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ p({
 }), W = /* @__PURE__ */ M(Q, [["__scopeId", "data-v-25ab2b0f"]]), X = { class: "chat-field-actions" }, Y = {
   ref: "overlay",
   class: "chat-field-actions__overlay"
-}, Z = ["onClick"], ee = { class: "chat-field-actions__overlay-item__label" }, le = ["disabled"], te = /* @__PURE__ */ p({
+}, Z = ["onClick"], ee = { class: "chat-field-actions__overlay-item__label" }, le = ["disabled"], ae = /* @__PURE__ */ g({
   __name: "ChatFieldActions",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ y({
     actions: {},
     disabled: { type: Boolean, default: !1 },
     multiple: { type: Boolean, default: !0 }
@@ -49,66 +49,76 @@ const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const o = b(n, "modelValue"), d = y("button"), r = y("overlay"), e = w(!1), m = S({
+  setup(r) {
+    const i = b(r, "modelValue"), d = F("button"), u = F("overlay"), l = L(!1), m = w({
       image: {
-        icon: g(j),
+        icon: k(P),
         label: "Добавить изображение"
       },
       file: {
-        icon: g(P),
+        icon: k(E),
         label: "Добавить файл"
       }
-    }), s = (t) => {
+    }), e = (s) => {
       J({
-        accept: t === "image" ? ["image"] : ["pdf", "excel", "word"],
+        accept: s === "image" ? ["image"] : ["pdf", "excel", "word"],
         maxFileSize: "5mb",
         maxFiles: 1
-      }).then((l) => {
-        o.value ? o.value = n.multiple ? [...o.value, ...l] : l : o.value = [...l], e.value = !1;
+      }).then((t) => {
+        i.value ? i.value = r.multiple ? [...i.value, ...t] : t : i.value = [...t], l.value = !1;
       });
     };
-    return R(() => {
-      G(r.value, () => {
-        e.value = !1;
+    return S(() => {
+      G(u.value, () => {
+        l.value = !1;
       }, { ignore: [d.value] });
-    }), (t, l) => (a(), c("div", X, [
-      _(D, { name: "slide-up" }, {
-        default: L(() => [
-          $(i("div", Y, [
-            (a(!0), c(B, null, I(t.actions, (f) => (a(), c("div", {
+    }), (s, t) => (a(), o("div", X, [
+      v(R, { name: "slide-up" }, {
+        default: D(() => [
+          B(n("div", Y, [
+            (a(!0), o(I, null, T(s.actions, (f) => (a(), o("div", {
               class: "chat-field-actions__overlay-item",
               key: f,
-              onClick: (ue) => s(f)
+              onClick: (ce) => e(f)
             }, [
-              (a(), v(T(m[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
-              i("span", ee, U(m[f].label), 1)
+              (a(), p(U(m[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
+              n("span", ee, h(m[f].label), 1)
             ], 8, Z))), 128))
           ], 512), [
-            [z, e.value]
+            [z, l.value]
           ])
         ]),
         _: 1
       }),
-      i("button", {
+      n("button", {
         ref: "button",
-        onClick: l[0] || (l[0] = (f) => e.value = !e.value),
-        class: k(["chat-field-actions__button", { "chat-field-actions__button--active": e.value }]),
-        disabled: t.disabled
+        onClick: t[0] || (t[0] = (f) => l.value = !l.value),
+        class: C(["chat-field-actions__button", { "chat-field-actions__button--active": l.value }]),
+        disabled: s.disabled
       }, [
-        _(u(q))
+        v(c(j))
       ], 10, le)
     ]));
   }
-}), ae = /* @__PURE__ */ M(te, [["__scopeId", "data-v-e64085d6"]]), se = { class: "chat-field" }, oe = {
+}), te = /* @__PURE__ */ M(ae, [["__scopeId", "data-v-e64085d6"]]), se = { class: "chat-field" }, oe = {
   key: 0,
   class: "chat-field__files"
-}, ie = { class: "chat-field__wrapper" }, ne = ["placeholder"], pe = /* @__PURE__ */ p({
+}, ie = { class: "chat-field__wrapper" }, ne = ["placeholder"], re = {
+  key: 1,
+  class: "chat-field__footer"
+}, de = {
+  key: 1,
+  class: "chat-field__char-count"
+}, ge = /* @__PURE__ */ g({
   __name: "ChatField",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ y({
     viewActions: { type: Boolean, default: !1 },
     actions: { default: () => ["file", "image"] },
     placeholder: { default: "Введите сообщение" },
+    maxLength: {},
+    smallText: {},
+    error: { type: Boolean },
+    errorText: {},
     disabled: { type: Boolean, default: !1 }
   }, {
     message: { required: !0 },
@@ -116,53 +126,61 @@ const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ p({
     files: {},
     filesModifiers: {}
   }),
-  emits: /* @__PURE__ */ h(["sendMessage"], ["update:message", "update:files"]),
-  setup(n, { emit: o }) {
-    const d = o, r = b(n, "message"), e = b(n, "files"), m = (s) => {
-      e.value && (e.value = e.value.filter((t) => t.name !== s.name));
+  emits: /* @__PURE__ */ y(["sendMessage"], ["update:message", "update:files"]),
+  setup(r, { emit: i }) {
+    const d = i, u = b(r, "message"), l = b(r, "files"), m = (e) => {
+      l.value && (l.value = l.value.filter((s) => s.name !== e.name));
     };
-    return (s, t) => (a(), c("div", se, [
-      e.value && e.value.length > 0 ? (a(), c("div", oe, [
-        (a(!0), c(B, null, I(e.value, (l) => (a(), v(W, {
-          key: l.name,
-          file: l,
+    return (e, s) => (a(), o("div", se, [
+      l.value && l.value.length > 0 ? (a(), o("div", oe, [
+        (a(!0), o(I, null, T(l.value, (t) => (a(), p(W, {
+          key: t.name,
+          file: t,
           onDeleteFile: m
         }, null, 8, ["file"]))), 128))
-      ])) : C("", !0),
-      i("div", ie, [
-        s.viewActions && s.actions.length > 0 ? (a(), v(ae, {
+      ])) : _("", !0),
+      n("div", ie, [
+        e.viewActions && e.actions.length > 0 ? (a(), p(te, {
           key: 0,
-          modelValue: e.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => e.value = l),
-          actions: s.actions,
-          disabled: s.disabled
-        }, null, 8, ["modelValue", "actions", "disabled"])) : C("", !0),
-        $(i("input", {
-          "onUpdate:modelValue": t[1] || (t[1] = (l) => r.value = l),
+          modelValue: l.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => l.value = t),
+          actions: e.actions,
+          disabled: e.disabled
+        }, null, 8, ["modelValue", "actions", "disabled"])) : _("", !0),
+        B(n("input", {
+          "onUpdate:modelValue": s[1] || (s[1] = (t) => u.value = t),
           class: "chat-field__input",
-          placeholder: s.placeholder
+          maxlength: "maxLength",
+          placeholder: e.placeholder
         }, null, 8, ne), [
-          [N, r.value]
+          [N, u.value]
         ]),
-        i("button", {
+        n("button", {
           class: "chat-field__button",
-          onClick: t[2] || (t[2] = (l) => d("sendMessage"))
+          onClick: s[2] || (s[2] = (t) => d("sendMessage"))
         }, [
-          _(u(x))
+          v(c(q))
         ])
-      ])
+      ]),
+      e.smallText || e.error && e.errorText || e.maxLength ? (a(), o("div", re, [
+        e.smallText || e.error && e.errorText ? (a(), o("div", {
+          key: 0,
+          class: C(["chat-field__small", { "chat-field__small--error": e.error }])
+        }, h(e.error ? e.errorText : e.smallText), 3)) : _("", !0),
+        e.maxLength ? (a(), o("div", de, h(u.value.length) + " / " + h(e.maxLength), 1)) : _("", !0)
+      ])) : _("", !0)
     ]));
   }
-}), de = { class: "bonus-summary" }, he = /* @__PURE__ */ p({
+}), ue = { class: "bonus-summary" }, ye = /* @__PURE__ */ g({
   __name: "BonusSummary",
-  setup(n) {
-    return (o, d) => (a(), c("div", de, [
-      _(u(H), { class: "bonus-summary__icon" }),
-      d[0] || (d[0] = i("div", { class: "bonus-summary__number" }, "123", -1))
+  setup(r) {
+    return (i, d) => (a(), o("div", ue, [
+      v(c(H), { class: "bonus-summary__icon" }),
+      d[0] || (d[0] = n("div", { class: "bonus-summary__number" }, "123", -1))
     ]));
   }
 });
 export {
-  he as BonusSummary,
-  pe as ChatField
+  ye as BonusSummary,
+  ge as ChatField
 };

package/dist/blocks.d.ts

@@ -7,6 +7,10 @@ declare type __VLS_Props = {
     viewActions?: boolean;
     actions?: Array<'file' | 'image'>;
     placeholder?: string;
+    maxLength?: number;
+    smallText?: string;
+    error?: boolean;
+    errorText?: string;
     disabled?: boolean;
 };