prlg-ui 1.7.43 → 1.7.45

package/dist/Image-CHlS9buq.js

@@ -0,0 +1,213 @@
+import { defineComponent as w, useId as I, ref as h, computed as k, onMounted as b, createElementBlock as o, openBlock as s, normalizeClass as C, createCommentVNode as n, createBlock as F, createVNode as $, unref as _, resolveDynamicComponent as j, toDisplayString as p, Teleport as E, Transition as V, withCtx as W, createElementVNode as c, useTemplateRef as N, Fragment as O } from "vue";
+import { F as x, E as D, W as L, P, C as B, _ as z, a as R } from "./FileIcon-DkEbi-bi.js";
+import { f as S } from "./parseFileSize.util-BoDbFdVW.js";
+function q(l) {
+  return l.startsWith("image/") ? "image" : l === "application/pdf" ? "pdf" : l === "application/msword" || l === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "word" : l === "application/vnd.ms-excel" || l === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "excel" : "other";
+}
+const A = {
+  key: 1,
+  class: "file__title"
+}, G = {
+  key: 2,
+  class: "file__info"
+}, H = {
+  key: 0,
+  class: "file__type"
+}, J = {
+  key: 1,
+  class: "file__info-separator"
+}, K = {
+  key: 2,
+  class: "file__size"
+}, Q = /* @__PURE__ */ w({
+  __name: "File",
+  props: {
+    file: {},
+    viewName: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !0 },
+    removable: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(l, { emit: d }) {
+    const u = d, i = I(), e = h(null);
+    async function m(a, r = "image") {
+      const f = await (await fetch(a)).blob(), y = f.type.split("/")[1] || "", M = y ? `${r}.${y}` : r;
+      return new File([f], M, { type: f.type });
+    }
+    const g = k(() => e.value && e.value.mime ? q(e.value.mime) : null), t = k(() => {
+      switch (g.value) {
+        case "pdf":
+          return P;
+        case "word":
+          return L;
+        case "excel":
+          return D;
+        case "other":
+        default:
+          return x;
+      }
+    });
+    return b(async () => {
+      if (typeof l.file == "string") {
+        const a = await m(l.file);
+        e.value = {
+          id: i,
+          url: l.file,
+          name: a.name,
+          mime: a.type,
+          size: a.size
+        };
+      } else
+        e.value = l.file;
+    }), (a, r) => (s(), o("div", {
+      class: C(["file", { "file--outlined": a.outlined }])
+    }, [
+      a.removable && typeof a.file != "string" ? (s(), o("button", {
+        key: 0,
+        class: "file__remove",
+        onClick: r[0] || (r[0] = (v) => u("remove", a.file))
+      }, [
+        $(_(B))
+      ])) : n("", !0),
+      (s(), F(j(t.value), { class: "file__icon" })),
+      e.value && e.value.name && a.viewName ? (s(), o("div", A, p(e.value ? e.value.name.split(".")[0] : "unknown"), 1)) : n("", !0),
+      e.value ? (s(), o("div", G, [
+        e.value.mime ? (s(), o("div", H, p(g.value), 1)) : n("", !0),
+        e.value.mime && e.value.size ? (s(), o("div", J)) : n("", !0),
+        e.value.size ? (s(), o("div", K, p(e.value ? _(S)(e.value.size) : "0 Б"), 1)) : n("", !0)
+      ])) : n("", !0)
+    ], 2));
+  }
+}), me = /* @__PURE__ */ z(Q, [["__scopeId", "data-v-9dee864d"]]), T = {
+  key: 0,
+  class: "image-full-modal"
+}, U = { class: "image-full-modal__wrapper" }, X = { class: "image-full-modal__header" }, Y = { class: "image-full-modal__main" }, Z = ["src", "alt"], ee = /* @__PURE__ */ w({
+  __name: "ImageFullModal",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(l, { expose: d }) {
+    const u = h(!1);
+    return d({
+      open: () => {
+        u.value = !0;
+      },
+      close: () => {
+        u.value = !1;
+      }
+    }), (i, e) => (s(), F(E, { to: "body" }, [
+      $(V, { name: "fade" }, {
+        default: W(() => [
+          u.value ? (s(), o("div", T, [
+            c("div", {
+              class: "image-full-modal__overlay",
+              onClick: e[0] || (e[0] = (m) => u.value = !1)
+            }),
+            c("div", U, [
+              c("div", X, [
+                c("button", {
+                  class: "image-full-modal__close",
+                  onClick: e[1] || (e[1] = (m) => u.value = !1)
+                }, [
+                  $(_(B))
+                ])
+              ]),
+              c("div", Y, [
+                c("img", {
+                  src: i.src,
+                  alt: i.alt
+                }, null, 8, Z)
+              ]),
+              e[2] || (e[2] = c("div", { class: "image-full-modal__footer" }, null, -1))
+            ])
+          ])) : n("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), le = /* @__PURE__ */ z(ee, [["__scopeId", "data-v-edc1a47e"]]), ae = ["src", "alt"], te = {
+  key: 1,
+  class: "image__info"
+}, ie = {
+  key: 0,
+  class: "image__type"
+}, se = {
+  key: 1,
+  class: "image__info-separator"
+}, oe = {
+  key: 2,
+  class: "image__size"
+}, ne = /* @__PURE__ */ w({
+  __name: "Image",
+  props: {
+    file: {},
+    alt: {},
+    size: { default: "medium" },
+    fullScreen: { type: Boolean }
+  },
+  setup(l) {
+    const d = I(), u = N("imageFullModal"), i = h(null);
+    async function e(t, a = "image") {
+      const v = await (await fetch(t)).blob(), f = v.type.split("/")[1] || "", y = f ? `${a}.${f}` : a;
+      return new File([v], y, { type: v.type });
+    }
+    const m = k(() => typeof l.file == "string" ? l.file : l.file.url);
+    function g(t) {
+      if (t.startsWith("image/"))
+        return t.replace("image/", "").toLowerCase();
+      const a = t.match(/\.(jpeg|jpg|png|gif|webp|bmp|svg|tiff|ico)(\?.*)?$/i);
+      if (a) {
+        let r = a[1].toLowerCase();
+        return r === "jpg" && (r = "jpeg"), r;
+      }
+      return "unknown";
+    }
+    return b(async () => {
+      if (typeof l.file == "string") {
+        const t = await e(l.file);
+        i.value = {
+          id: d,
+          url: l.file,
+          name: t.name,
+          mime: t.type,
+          size: t.size
+        };
+      } else
+        i.value = l.file;
+    }), (t, a) => (s(), o(O, null, [
+      c("div", {
+        class: C(["image", `image--${t.size}`, { "image--full-screen": t.fullScreen }])
+      }, [
+        t.fullScreen ? (s(), o("div", {
+          key: 0,
+          class: "image__overlay",
+          onClick: a[0] || (a[0] = (r) => u.value?.open())
+        }, [
+          $(_(R))
+        ])) : n("", !0),
+        c("img", {
+          src: m.value,
+          alt: t.alt
+        }, null, 8, ae),
+        i.value && (i.value.mime || i.value.size) && t.size === "large" ? (s(), o("div", te, [
+          i.value.mime ? (s(), o("div", ie, p(g(i.value.mime)), 1)) : n("", !0),
+          i.value.mime && i.value.size ? (s(), o("div", se)) : n("", !0),
+          i.value.size ? (s(), o("div", oe, p(i.value ? _(S)(i.value.size) : "0 Б"), 1)) : n("", !0)
+        ])) : n("", !0)
+      ], 2),
+      t.fullScreen ? (s(), F(le, {
+        key: 0,
+        ref: "imageFullModal",
+        src: m.value,
+        alt: t.alt
+      }, null, 8, ["src", "alt"])) : n("", !0)
+    ], 64));
+  }
+}), fe = /* @__PURE__ */ z(ne, [["__scopeId", "data-v-5d09d408"]]);
+export {
+  me as F,
+  fe as I,
+  q as g
+};

package/dist/Image-DIcd8Rr2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./FileIcon-sxADkCIe.cjs"),v=require("./parseFileSize.util-BTDZr2sf.cjs");function _(l){return l.startsWith("image/")?"image":l==="application/pdf"?"pdf":l==="application/msword"||l==="application/vnd.openxmlformats-officedocument.wordprocessingml.document"?"word":l==="application/vnd.ms-excel"||l==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"excel":"other"}const k={key:1,class:"file__title"},y={key:2,class:"file__info"},B={key:0,class:"file__type"},C={key:1,class:"file__info-separator"},V={key:2,class:"file__size"},N=e.defineComponent({__name:"File",props:{file:{},viewName:{type:Boolean,default:!1},outlined:{type:Boolean,default:!0},removable:{type:Boolean}},emits:["remove"],setup(l,{emit:u}){const c=u,n=e.useId(),t=e.ref(null);async function r(o,i="image"){const m=await(await fetch(o)).blob(),p=m.type.split("/")[1]||"",g=p?`${i}.${p}`:i;return new File([m],g,{type:m.type})}const f=e.computed(()=>t.value&&t.value.mime?_(t.value.mime):null),a=e.computed(()=>{switch(f.value){case"pdf":return s.PdfIcon;case"word":return s.WordIcon;case"excel":return s.ExcelIcon;case"other":default:return s.FileIcon}});return e.onMounted(async()=>{if(typeof l.file=="string"){const o=await r(l.file);t.value={id:n,url:l.file,name:o.name,mime:o.type,size:o.size}}else t.value=l.file}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["file",{"file--outlined":o.outlined}])},[o.removable&&typeof o.file!="string"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"file__remove",onClick:i[0]||(i[0]=d=>c("remove",o.file))},[e.createVNode(e.unref(s.CloseIcon))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{class:"file__icon"})),t.value&&t.value.name&&o.viewName?(e.openBlock(),e.createElementBlock("div",k,e.toDisplayString(t.value?t.value.name.split(".")[0]:"unknown"),1)):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",y,[t.value.mime?(e.openBlock(),e.createElementBlock("div",B,e.toDisplayString(f.value),1)):e.createCommentVNode("",!0),t.value.mime&&t.value.size?(e.openBlock(),e.createElementBlock("div",C)):e.createCommentVNode("",!0),t.value.size?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(t.value?e.unref(v.formatFileSize)(t.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),E=s._export_sfc(N,[["__scopeId","data-v-9dee864d"]]),F={key:0,class:"image-full-modal"},$={class:"image-full-modal__wrapper"},w={class:"image-full-modal__header"},h={class:"image-full-modal__main"},z=["src","alt"],I=e.defineComponent({__name:"ImageFullModal",props:{src:{},alt:{}},setup(l,{expose:u}){const c=e.ref(!1);return u({open:()=>{c.value=!0},close:()=>{c.value=!1}}),(n,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",{class:"image-full-modal__overlay",onClick:t[0]||(t[0]=r=>c.value=!1)}),e.createElementVNode("div",$,[e.createElementVNode("div",w,[e.createElementVNode("button",{class:"image-full-modal__close",onClick:t[1]||(t[1]=r=>c.value=!1)},[e.createVNode(e.unref(s.CloseIcon))])]),e.createElementVNode("div",h,[e.createElementVNode("img",{src:n.src,alt:n.alt},null,8,z)]),t[2]||(t[2]=e.createElementVNode("div",{class:"image-full-modal__footer"},null,-1))])])):e.createCommentVNode("",!0)]),_:1})]))}}),b=s._export_sfc(I,[["__scopeId","data-v-edc1a47e"]]),S=["src","alt"],M={key:1,class:"image__info"},j={key:0,class:"image__type"},D={key:1,class:"image__info-separator"},q={key:2,class:"image__size"},x=e.defineComponent({__name:"Image",props:{file:{},alt:{},size:{default:"medium"},fullScreen:{type:Boolean}},setup(l){const u=e.useId(),c=e.useTemplateRef("imageFullModal"),n=e.ref(null);async function t(a,o="image"){const d=await(await fetch(a)).blob(),m=d.type.split("/")[1]||"",p=m?`${o}.${m}`:o;return new File([d],p,{type:d.type})}const r=e.computed(()=>typeof l.file=="string"?l.file:l.file.url);function f(a){if(a.startsWith("image/"))return a.replace("image/","").toLowerCase();const o=a.match(/\.(jpeg|jpg|png|gif|webp|bmp|svg|tiff|ico)(\?.*)?$/i);if(o){let i=o[1].toLowerCase();return i==="jpg"&&(i="jpeg"),i}return"unknown"}return e.onMounted(async()=>{if(typeof l.file=="string"){const a=await t(l.file);n.value={id:u,url:l.file,name:a.name,mime:a.type,size:a.size}}else n.value=l.file}),(a,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["image",`image--${a.size}`,{"image--full-screen":a.fullScreen}])},[a.fullScreen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image__overlay",onClick:o[0]||(o[0]=i=>c.value?.open())},[e.createVNode(e.unref(s.EyeIcon))])):e.createCommentVNode("",!0),e.createElementVNode("img",{src:r.value,alt:a.alt},null,8,S),n.value&&(n.value.mime||n.value.size)&&a.size==="large"?(e.openBlock(),e.createElementBlock("div",M,[n.value.mime?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(f(n.value.mime)),1)):e.createCommentVNode("",!0),n.value.mime&&n.value.size?(e.openBlock(),e.createElementBlock("div",D)):e.createCommentVNode("",!0),n.value.size?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(n.value?e.unref(v.formatFileSize)(n.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),a.fullScreen?(e.openBlock(),e.createBlock(b,{key:0,ref:"imageFullModal",src:r.value,alt:a.alt},null,8,["src","alt"])):e.createCommentVNode("",!0)],64))}}),O=s._export_sfc(x,[["__scopeId","data-v-5d09d408"]]);exports.File=E;exports.Image=O;exports.getFileTypeByMime=_;

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-B46QCYLx.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../onClickOutside.util-CvjEyTtT.cjs");require("../dayjs.util-Dg65EiGQ.cjs");const v={class:"chat-file__content"},_=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(l,{emit:s}){const o=s,c=e.computed(()=>URL.createObjectURL(l.file));return(t,r)=>(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:r[0]||(r[0]=a=>o("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: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))}}),h=f._export_sfc(_,[["__scopeId","data-v-25ab2b0f"]]);function g(l){if(!l)return;const s=Array.isArray(l)?l:[l],o={image:["image/*"],pdf:["application/pdf"],excel:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],word:["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],all:["*/*"]};return s.flatMap(c=>o[c]||[]).join(",")}function y(l={}){return new Promise(s=>{const o=document.createElement("input");o.type="file",o.style.display="none",l.maxFiles&&l.maxFiles>1&&(o.multiple=!0);const c=g(l.accept);c&&(o.accept=c),o.addEventListener("change",t=>{const r=t.target;let a=[];if(r.files&&r.files.length>0&&(a=Array.from(r.files),l.maxFiles&&a.length>l.maxFiles&&(a=a.slice(0,l.maxFiles)),l.maxFileSize)){const i=u.parseFileSize(l.maxFileSize);a=a.filter(n=>n.size<=i)}s(a),document.body.removeChild(o)}),document.body.appendChild(o),o.click()})}const k={class:"chat-field-actions"},B={ref:"overlay",class:"chat-field-actions__overlay"},b=["onClick"],F={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(l){const s=e.useModel(l,"modelValue"),o=e.useTemplateRef("button"),c=e.useTemplateRef("overlay"),t=e.ref(!1),r=e.reactive({image:{icon:e.shallowRef(m.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),a=i=>{y({accept:i==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(n=>{s.value?s.value=l.multiple?[...s.value,...n]:n:s.value=[...n],t.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{t.value=!1},{ignore:[o.value]})}),(i,n)=>(e.openBlock(),e.createElementBlock("div",k,[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(i.actions,d=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:d,onClick:z=>a(d)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r[d].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",F,e.toDisplayString(r[d].label),1)],8,b))),128))],512),[[e.vShow,t.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:n[0]||(n[0]=d=>t.value=!t.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":t.value}]),disabled:i.disabled},[e.createVNode(e.unref(m.PlusRoundedIcon))],10,C)]))}}),E=f._export_sfc(V,[["__scopeId","data-v-6b295528"]]),M={class:"chat-field"},N={key:0,class:"chat-field__files"},S={class:"chat-field__wrapper"},w=["placeholder"],x=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(l,{emit:s}){const o=s,c=e.useModel(l,"message"),t=e.useModel(l,"files"),r=a=>{t.value&&(t.value=t.value.filter(i=>i.name!==a.name))};return(a,i)=>(e.openBlock(),e.createElementBlock("div",M,[t.value&&t.value.length>0?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createBlock(h,{key:n.name,file:n,onDeleteFile:r},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",S,[a.viewActions&&a.actions.length>0?(e.openBlock(),e.createBlock(E,{key:0,modelValue:t.value,"onUpdate:modelValue":i[0]||(i[0]=n=>t.value=n),actions:a.actions,disabled:a.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[1]||(i[1]=n=>c.value=n),class:"chat-field__input",placeholder:a.placeholder},null,8,w),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:i[2]||(i[2]=n=>o("sendMessage"))},[e.createVNode(e.unref(m.SendIcon))])])]))}}),I={class:"bonus-summary"},$=e.defineComponent({__name:"BonusSummary",setup(l){return(s,o)=>(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(e.unref(m.BonusIcon),{class:"bonus-summary__icon"}),o[0]||(o[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=$;exports.ChatField=x;
+"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=$;

package/dist/blocks/index.es.js

@@ -1,78 +1,44 @@
-import { defineComponent as v, computed as B, createElementBlock as m, openBlock as o, normalizeClass as k, unref as u, createElementVNode as r, createVNode as p, createBlock as _, mergeModels as h, useModel as g, useTemplateRef as y, ref as I, reactive as M, shallowRef as b, onMounted as V, Transition as z, withCtx as R, withDirectives as S, Fragment as x, renderList as $, resolveDynamicComponent as A, toDisplayString as D, vShow as L, createCommentVNode as F, vModelText as E } from "vue";
-import { g as C, I as T, F as U, p as N } from "../Image-ddX0F8QG.js";
-import { C as O, _ as w, F as P } from "../FileIcon-DkEbi-bi.js";
-import { I as j, P as q, S as H, B as G } from "../SendIcon-BGGNLlmf.js";
-import { o as J } from "../onClickOutside.util-BWGmebYq.js";
-import "../dayjs.util-RJe77c19.js";
-const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ v({
+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 { 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({
   __name: "ChatFile",
   props: {
     file: {}
   },
   emits: ["deleteFile"],
-  setup(e, { emit: n }) {
-    const t = n, c = B(() => URL.createObjectURL(e.file));
-    return (l, d) => (o(), m("div", {
-      class: k(["chat-file", { "chat-file--image": u(C)(l.file.type) === "image" }])
+  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" }])
     }, [
-      r("button", {
+      i("button", {
         class: "chat-file__delete",
-        onClick: d[0] || (d[0] = (a) => t("deleteFile", l.file))
+        onClick: m[0] || (m[0] = (s) => d("deleteFile", e.file))
       }, [
-        p(u(O))
+        _(u(E))
       ]),
-      r("div", K, [
-        u(C)(l.file.type) === "image" ? (o(), _(u(T), {
+      i("div", K, [
+        u(F)(e.file.type) === "image" ? (a(), v(u(O), {
           key: 0,
-          file: c.value,
+          file: r.value,
           size: "large",
           fullScreen: ""
-        }, null, 8, ["file"])) : (o(), _(u(U), {
+        }, null, 8, ["file"])) : (a(), v(u(A), {
           key: 1,
-          file: c.value,
+          file: r.value,
           outlined: !1
         }, null, 8, ["file"]))
       ])
     ], 2));
   }
-}), W = /* @__PURE__ */ w(Q, [["__scopeId", "data-v-25ab2b0f"]]);
-function X(e) {
-  if (!e) return;
-  const n = Array.isArray(e) ? e : [e], t = {
-    image: ["image/*"],
-    pdf: ["application/pdf"],
-    excel: [
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-    ],
-    word: [
-      "application/msword",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-    ],
-    all: ["*/*"]
-  };
-  return n.flatMap((c) => t[c] || []).join(",");
-}
-function Y(e = {}) {
-  return new Promise((n) => {
-    const t = document.createElement("input");
-    t.type = "file", t.style.display = "none", e.maxFiles && e.maxFiles > 1 && (t.multiple = !0);
-    const c = X(e.accept);
-    c && (t.accept = c), t.addEventListener("change", (l) => {
-      const d = l.target;
-      let a = [];
-      if (d.files && d.files.length > 0 && (a = Array.from(d.files), e.maxFiles && a.length > e.maxFiles && (a = a.slice(0, e.maxFiles)), e.maxFileSize)) {
-        const s = N(e.maxFileSize);
-        a = a.filter((i) => i.size <= s);
-      }
-      n(a), document.body.removeChild(t);
-    }), document.body.appendChild(t), t.click();
-  });
-}
-const Z = { class: "chat-field-actions" }, ee = {
+}), W = /* @__PURE__ */ M(Q, [["__scopeId", "data-v-25ab2b0f"]]), X = { class: "chat-field-actions" }, Y = {
   ref: "overlay",
   class: "chat-field-actions__overlay"
-}, le = ["onClick"], te = { class: "chat-field-actions__overlay-item__label" }, ae = ["disabled"], ie = /* @__PURE__ */ v({
+}, Z = ["onClick"], ee = { class: "chat-field-actions__overlay-item__label" }, le = ["disabled"], te = /* @__PURE__ */ p({
   __name: "ChatFieldActions",
   props: /* @__PURE__ */ h({
     actions: {},
@@ -83,61 +49,61 @@ const Z = { class: "chat-field-actions" }, ee = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const n = g(e, "modelValue"), t = y("button"), c = y("overlay"), l = I(!1), d = M({
+  setup(n) {
+    const o = b(n, "modelValue"), d = y("button"), r = y("overlay"), e = w(!1), m = S({
       image: {
-        icon: b(j),
+        icon: g(j),
         label: "Добавить изображение"
       },
       file: {
-        icon: b(P),
+        icon: g(P),
         label: "Добавить файл"
       }
-    }), a = (s) => {
-      Y({
-        accept: s === "image" ? ["image"] : ["pdf", "excel", "word"],
+    }), s = (t) => {
+      J({
+        accept: t === "image" ? ["image"] : ["pdf", "excel", "word"],
         maxFileSize: "5mb",
         maxFiles: 1
-      }).then((i) => {
-        n.value ? n.value = e.multiple ? [...n.value, ...i] : i : n.value = [...i], l.value = !1;
+      }).then((l) => {
+        o.value ? o.value = n.multiple ? [...o.value, ...l] : l : o.value = [...l], e.value = !1;
       });
     };
-    return V(() => {
-      J(c.value, () => {
-        l.value = !1;
-      }, { ignore: [t.value] });
-    }), (s, i) => (o(), m("div", Z, [
-      p(z, { name: "slide-up" }, {
-        default: R(() => [
-          S(r("div", ee, [
-            (o(!0), m(x, null, $(s.actions, (f) => (o(), m("div", {
+    return R(() => {
+      G(r.value, () => {
+        e.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", {
               class: "chat-field-actions__overlay-item",
               key: f,
-              onClick: (ue) => a(f)
+              onClick: (ue) => s(f)
             }, [
-              (o(), _(A(d[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
-              r("span", te, D(d[f].label), 1)
-            ], 8, le))), 128))
+              (a(), v(T(m[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
+              i("span", ee, U(m[f].label), 1)
+            ], 8, Z))), 128))
           ], 512), [
-            [L, l.value]
+            [z, e.value]
           ])
         ]),
         _: 1
       }),
-      r("button", {
+      i("button", {
         ref: "button",
-        onClick: i[0] || (i[0] = (f) => l.value = !l.value),
-        class: k(["chat-field-actions__button", { "chat-field-actions__button--active": l.value }]),
-        disabled: s.disabled
+        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
       }, [
-        p(u(q))
-      ], 10, ae)
+        _(u(q))
+      ], 10, le)
     ]));
   }
-}), se = /* @__PURE__ */ w(ie, [["__scopeId", "data-v-6b295528"]]), ne = { class: "chat-field" }, oe = {
+}), ae = /* @__PURE__ */ M(te, [["__scopeId", "data-v-e64085d6"]]), se = { class: "chat-field" }, oe = {
   key: 0,
   class: "chat-field__files"
-}, ce = { class: "chat-field__wrapper" }, de = ["placeholder"], ge = /* @__PURE__ */ v({
+}, ie = { class: "chat-field__wrapper" }, ne = ["placeholder"], pe = /* @__PURE__ */ p({
   __name: "ChatField",
   props: /* @__PURE__ */ h({
     viewActions: { type: Boolean, default: !1 },
@@ -151,52 +117,52 @@ const Z = { class: "chat-field-actions" }, ee = {
     filesModifiers: {}
   }),
   emits: /* @__PURE__ */ h(["sendMessage"], ["update:message", "update:files"]),
-  setup(e, { emit: n }) {
-    const t = n, c = g(e, "message"), l = g(e, "files"), d = (a) => {
-      l.value && (l.value = l.value.filter((s) => s.name !== a.name));
+  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));
     };
-    return (a, s) => (o(), m("div", ne, [
-      l.value && l.value.length > 0 ? (o(), m("div", oe, [
-        (o(!0), m(x, null, $(l.value, (i) => (o(), _(W, {
-          key: i.name,
-          file: i,
-          onDeleteFile: d
+    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,
+          onDeleteFile: m
         }, null, 8, ["file"]))), 128))
-      ])) : F("", !0),
-      r("div", ce, [
-        a.viewActions && a.actions.length > 0 ? (o(), _(se, {
+      ])) : C("", !0),
+      i("div", ie, [
+        s.viewActions && s.actions.length > 0 ? (a(), v(ae, {
           key: 0,
-          modelValue: l.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (i) => l.value = i),
-          actions: a.actions,
-          disabled: a.disabled
-        }, null, 8, ["modelValue", "actions", "disabled"])) : F("", !0),
-        S(r("input", {
-          "onUpdate:modelValue": s[1] || (s[1] = (i) => c.value = i),
+          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),
           class: "chat-field__input",
-          placeholder: a.placeholder
-        }, null, 8, de), [
-          [E, c.value]
+          placeholder: s.placeholder
+        }, null, 8, ne), [
+          [N, r.value]
         ]),
-        r("button", {
+        i("button", {
           class: "chat-field__button",
-          onClick: s[2] || (s[2] = (i) => t("sendMessage"))
+          onClick: t[2] || (t[2] = (l) => d("sendMessage"))
         }, [
-          p(u(H))
+          _(u(x))
         ])
       ])
     ]));
   }
-}), re = { class: "bonus-summary" }, ye = /* @__PURE__ */ v({
+}), de = { class: "bonus-summary" }, he = /* @__PURE__ */ p({
   __name: "BonusSummary",
-  setup(e) {
-    return (n, t) => (o(), m("div", re, [
-      p(u(G), { class: "bonus-summary__icon" }),
-      t[0] || (t[0] = r("div", { class: "bonus-summary__number" }, "123", -1))
+  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))
     ]));
   }
 });
 export {
-  ye as BonusSummary,
-  ge as ChatField
+  he as BonusSummary,
+  pe as ChatField
 };

package/dist/index.d.ts

@@ -228,9 +228,12 @@ declare type __VLS_Props_13 = {
     cols?: number;
     maxHeight?: number;
     error?: boolean;
+    errorText?: string;
+    smallText?: string;
     inputId?: string;
     size?: 'default' | 'small' | 'large';
     maxlength?: number;
+    resizable?: boolean;
 };
 
 declare type __VLS_Props_14 = {

package/dist/parseFileSize.util-BTDZr2sf.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("vue"),s=new WeakMap;function f(t){const n=d.unref(t);return n?.$el??n}function p(t){return typeof t=="string"?document.querySelector(t):f(t)}function g(t,n,r={}){const e=p(t);if(!e)return()=>{};const u=s.get(e);u&&(u(),s.delete(e));const i=c=>{const a=c.target instanceof Node?c.target:null;if(!a)return;const m=(d.toValue(r.ignore)??[]).map(o=>typeof o=="string"?document.querySelector(o):f(o)).filter(o=>o!=null);e.contains(a)||m.some(o=>o.contains(a))||n(c)};document.addEventListener("mousedown",i,{capture:!0}),document.addEventListener("touchstart",i,{capture:!0});const l=()=>{document.removeEventListener("mousedown",i,{capture:!0}),document.removeEventListener("touchstart",i,{capture:!0}),s.delete(e)};return s.set(e,l),l}const v=t=>{const n=["b","kb","mb","gb","tb"],r=t.match(/[a-zA-Z]+/)?.[0]||"b",e=parseFloat(t.replace(r,"")),u=n.indexOf(r.toLowerCase());return e*Math.pow(1024,u)};function w(t){if(isNaN(t)||t<0)return"0 Б";const n=["Б","КБ","МБ","ГБ","ТБ"];let r=0,e=t;for(;e>=1024&&r<n.length-1;)e=e/1024,r++;return`${e%1===0?e:e.toFixed(1)} ${n[r]}`}exports.formatFileSize=w;exports.onClickOutside=g;exports.parseFileSize=v;

package/dist/parseFileSize.util-BoDbFdVW.js

@@ -0,0 +1,44 @@
+import { toValue as m, unref as p } from "vue";
+const i = /* @__PURE__ */ new WeakMap();
+function d(t) {
+  const n = p(t);
+  return n?.$el ?? n;
+}
+function g(t) {
+  return typeof t == "string" ? document.querySelector(t) : d(t);
+}
+function E(t, n, r = {}) {
+  const e = g(t);
+  if (!e) return () => {
+  };
+  const u = i.get(e);
+  u && (u(), i.delete(e));
+  const s = (c) => {
+    const a = c.target instanceof Node ? c.target : null;
+    if (!a) return;
+    const f = (m(r.ignore) ?? []).map((o) => typeof o == "string" ? document.querySelector(o) : d(o)).filter((o) => o != null);
+    e.contains(a) || f.some((o) => o.contains(a)) || n(c);
+  };
+  document.addEventListener("mousedown", s, { capture: !0 }), document.addEventListener("touchstart", s, { capture: !0 });
+  const l = () => {
+    document.removeEventListener("mousedown", s, { capture: !0 }), document.removeEventListener("touchstart", s, { capture: !0 }), i.delete(e);
+  };
+  return i.set(e, l), l;
+}
+const h = (t) => {
+  const n = ["b", "kb", "mb", "gb", "tb"], r = t.match(/[a-zA-Z]+/)?.[0] || "b", e = parseFloat(t.replace(r, "")), u = n.indexOf(r.toLowerCase());
+  return e * Math.pow(1024, u);
+};
+function x(t) {
+  if (isNaN(t) || t < 0) return "0 Б";
+  const n = ["Б", "КБ", "МБ", "ГБ", "ТБ"];
+  let r = 0, e = t;
+  for (; e >= 1024 && r < n.length - 1; )
+    e = e / 1024, r++;
+  return `${e % 1 === 0 ? e : e.toFixed(1)} ${n[r]}`;
+}
+export {
+  x as f,
+  E as o,
+  h as p
+};