prlg-ui 1.8.296 → 1.8.298

package/dist/Image-bZf6ZaIG.js

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

package/dist/Image-kzSjYHy-.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./FileIcon-Dt-TWf3B.cjs"),u=require("./EyeIcon-CJg2W9QQ.cjs"),y=require("./parseFileSize.util-zKz6zjwq.cjs"),g=require("./useOverlay-DDiMe8yV.cjs");function k(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 B={key:1,class:"file__title"},I={key:2,class:"file__info"},V={key:0,class:"file__type"},z={key:1,class:"file__info-separator"},C={key:2,class:"file__size"},E=e.defineComponent({__name:"File",props:{file:{},viewName:{type:Boolean,default:!1},outlined:{type:Boolean,default:!0},removable:{type:Boolean}},emits:["remove"],setup(l,{emit:m}){const s=m,a=e.useId(),t=e.ref(null);async function i(n,c="image"){const d=await(await fetch(n)).blob(),p=d.type.split("/")[1]||"",_=p?`${c}.${p}`:c;return new File([d],_,{type:d.type})}const o=e.computed(()=>t.value&&t.value.mime?k(t.value.mime):null),r=e.computed(()=>{switch(o.value){case"pdf":return v.PdfIcon;case"word":return v.WordIcon;case"excel":return v.ExcelIcon;case"other":default:return v.FileIcon}});return e.onMounted(async()=>{if(typeof l.file=="string"){const n=await i(l.file);t.value={id:a,url:l.file,name:n.name,mime:n.type,size:n.size}}else t.value=l.file}),(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["file",{"file--outlined":n.outlined}])},[n.removable&&typeof n.file!="string"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"file__remove",onClick:c[0]||(c[0]=f=>s("remove",n.file))},[e.createVNode(e.unref(u.CloseIcon))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{class:"file__icon"})),t.value&&t.value.name&&n.viewName?(e.openBlock(),e.createElementBlock("div",B,e.toDisplayString(t.value?t.value.name.split(".")[0]:"unknown"),1)):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",I,[t.value.mime?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),t.value.mime&&t.value.size?(e.openBlock(),e.createElementBlock("div",z)):e.createCommentVNode("",!0),t.value.size?(e.openBlock(),e.createElementBlock("div",C,e.toDisplayString(t.value?e.unref(y.formatFileSize)(t.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),N=u._export_sfc(E,[["__scopeId","data-v-7c3d1c11"]]),F={class:"image-full-modal__wrapper"},w={class:"image-full-modal__header"},$={class:"image-full-modal__main"},b=["src","alt"],h=e.defineComponent({__name:"ImageFullModal",props:{src:{},alt:{}},setup(l,{expose:m}){const s=e.ref(!1),{zIndex:a}=g.useOverlay("modal");return m({open:()=>{s.value=!0},close:()=>{s.value=!1}}),(t,i)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image-full-modal",style:e.normalizeStyle({zIndex:e.unref(a)?.zIndex})},[e.createElementVNode("div",{class:"image-full-modal__overlay",onClick:i[0]||(i[0]=o=>s.value=!1)}),e.createElementVNode("div",F,[e.createElementVNode("div",w,[e.createElementVNode("button",{class:"image-full-modal__close",onClick:i[1]||(i[1]=o=>s.value=!1)},[e.createVNode(e.unref(u.CloseIcon))])]),e.createElementVNode("div",$,[e.createElementVNode("img",{src:t.src,alt:t.alt},null,8,b)]),i[2]||(i[2]=e.createElementVNode("div",{class:"image-full-modal__footer"},null,-1))])],4)):e.createCommentVNode("",!0)]),_:1})]))}}),S=u._export_sfc(h,[["__scopeId","data-v-26b5c867"]]),M=["src","alt"],q={key:1,class:"image__info"},D={key:0,class:"image__size"},O=e.defineComponent({__name:"Image",props:{file:{},alt:{},size:{default:"medium"},fullScreen:{type:Boolean},viewInfo:{type:Boolean,default:!1}},setup(l){const m=e.useId(),s=e.useTemplateRef("imageFullModal"),a=e.ref(null);async function t(o,r="image"){const c=await(await fetch(o)).blob(),f=c.type.split("/")[1]||"",d=f?`${r}.${f}`:r;return new File([c],d,{type:c.type})}const i=e.computed(()=>typeof l.file=="string"?l.file:l.file.url);return e.onMounted(async()=>{if(l.viewInfo)if(typeof l.file=="string"){const o=await t(l.file);a.value={id:m,url:l.file,name:o.name,mime:o.type,size:o.size}}else a.value=l.file}),(o,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["image",`image--${o.size}`,{"image--full-screen":o.fullScreen}])},[o.fullScreen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image__overlay",onClick:r[0]||(r[0]=n=>s.value?.open())},[e.createVNode(e.unref(u.EyeIcon))])):e.createCommentVNode("",!0),e.createElementVNode("img",{src:i.value,alt:o.alt},null,8,M),o.viewInfo&&a.value&&(a.value.mime||a.value.size)&&o.size==="large"?(e.openBlock(),e.createElementBlock("div",q,[a.value.size?(e.openBlock(),e.createElementBlock("div",D,e.toDisplayString(a.value?e.unref(y.formatFileSize)(a.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),o.fullScreen?(e.openBlock(),e.createBlock(S,{key:0,ref:"imageFullModal",src:i.value,alt:o.alt},null,8,["src","alt"])):e.createCommentVNode("",!0)],64))}}),x=u._export_sfc(O,[["__scopeId","data-v-903c99cc"]]);exports.File=N;exports.Image=x;exports.getFileTypeByMime=k;

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-598ujuSJ.cjs"),f=require("../EyeIcon-CJg2W9QQ.cjs"),p=require("../FileIcon-Dt-TWf3B.cjs"),m=require("../SendIcon-Hp7buqZM.cjs"),_=require("../parseFileSize.util-DE7Sk0nR.cjs"),v=require("../uploadFile.util-B_xj5G6-.cjs"),h={class:"chat-file__content"},k=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",h,[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))}}),g=f._export_sfc(k,[["__scopeId","data-v-12b8458b"]]),B={class:"chat-field-actions"},y={ref:"overlay",class:"chat-field-actions__overlay"},b=["onClick"],C={class:"chat-field-actions__overlay-item__label"},V=["disabled"],F=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(p.FileIcon),label:"Добавить файл"}}),l=a=>{v.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(()=>{_.onClickOutside(r.value,()=>{t.value=!1},{ignore:[i.value]})}),(a,o)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",y,[(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:R=>l(d)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c[d].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",C,e.toDisplayString(c[d].label),1)],8,b))),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,V)]))}}),E=f._export_sfc(F,[["__scopeId","data-v-62b95e1b"]]),N={class:"chat-field"},M={key:0,class:"chat-field__files"},T={class:"chat-field__wrapper"},I=["maxlength","placeholder"],S={key:1,class:"chat-field__footer"},$={key:1,class:"chat-field__char-count"},w=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",N,[t.value&&t.value.length>0?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,o=>(e.openBlock(),e.createBlock(g,{key:o.name,file:o,onDeleteFile:c},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",T,[l.viewActions&&l.actions.length>0?(e.openBlock(),e.createBlock(E,{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:l.maxLength,placeholder:l.placeholder},null,8,I),[[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)]))}}),L={class:"bonus-summary"},D=e.defineComponent({__name:"BonusSummary",setup(s){return(n,i)=>(e.openBlock(),e.createElementBlock("div",L,[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=D;exports.ChatField=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-kzSjYHy-.cjs"),f=require("../EyeIcon-CJg2W9QQ.cjs"),p=require("../FileIcon-Dt-TWf3B.cjs"),m=require("../SendIcon-Hp7buqZM.cjs"),_=require("../dayjs.util-DVNMZ0pw.cjs"),v=require("../uploadFile.util-DUsZt4gt.cjs"),h={class:"chat-file__content"},k=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",h,[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))}}),g=f._export_sfc(k,[["__scopeId","data-v-12b8458b"]]),B={class:"chat-field-actions"},y={ref:"overlay",class:"chat-field-actions__overlay"},b=["onClick"],C={class:"chat-field-actions__overlay-item__label"},V=["disabled"],E=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(p.FileIcon),label:"Добавить файл"}}),l=a=>{v.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(()=>{_.onClickOutside(r.value,()=>{t.value=!1},{ignore:[i.value]})}),(a,o)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",y,[(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:R=>l(d)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c[d].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",C,e.toDisplayString(c[d].label),1)],8,b))),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,V)]))}}),F=f._export_sfc(E,[["__scopeId","data-v-62b95e1b"]]),N={class:"chat-field"},M={key:0,class:"chat-field__files"},T={class:"chat-field__wrapper"},I=["maxlength","placeholder"],$={key:1,class:"chat-field__footer"},S={key:1,class:"chat-field__char-count"},w=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",N,[t.value&&t.value.length>0?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,o=>(e.openBlock(),e.createBlock(g,{key:o.name,file:o,onDeleteFile:c},null,8,["file"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",T,[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:l.maxLength,placeholder:l.placeholder},null,8,I),[[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",$,[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",S,e.toDisplayString(r.value.length)+" / "+e.toDisplayString(l.maxLength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]))}}),L={class:"bonus-summary"},D=e.defineComponent({__name:"BonusSummary",setup(s){return(n,i)=>(e.openBlock(),e.createElementBlock("div",L,[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=D;exports.ChatField=w;

package/dist/blocks/index.es.js

@@ -1,10 +1,10 @@
 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-n1noBvGw.js";
+import { g as $, I as O, F as x } from "../Image-bZf6ZaIG.js";
 import { C as A, _ as M } from "../EyeIcon-D6SZWKKH.js";
 import { F as E } from "../FileIcon-D68SKu3j.js";
 import { I as P, P as j, S as q, B as H } from "../SendIcon-MVeP0ZnP.js";
-import { o as G } from "../parseFileSize.util-EJk-rAI5.js";
-import { o as J } from "../uploadFile.util-vuFr0xb6.js";
+import { o as G } from "../dayjs.util-DSjkslnJ.js";
+import { o as J } from "../uploadFile.util-CTWK4zza.js";
 const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ g({
   __name: "ChatFile",
   props: {

package/dist/dayjs.util-DSjkslnJ.js

@@ -0,0 +1,41 @@
+import { toValue as p, unref as g } from "vue";
+import { d as e, l as x, r as v, i as y, a as E, b as w, c as L, e as O, f as S, g as T } from "./parseFileSize.util-BAG-MLFl.js";
+const a = /* @__PURE__ */ new WeakMap();
+function m(n) {
+  const o = g(n);
+  return o?.$el ?? o;
+}
+function h(n) {
+  return typeof n == "string" ? document.querySelector(n) : m(n);
+}
+function C(n, o, l = {}) {
+  const r = h(n);
+  if (!r) return () => {
+  };
+  const c = a.get(r);
+  c && (c(), a.delete(r));
+  const s = (u) => {
+    const i = u.target instanceof Node ? u.target : null;
+    if (!i) return;
+    const f = (p(l.ignore) ?? []).map((t) => typeof t == "string" ? document.querySelector(t) : m(t)).filter((t) => t != null);
+    r.contains(i) || f.some((t) => t.contains(i)) || o(u);
+  };
+  document.addEventListener("mousedown", s, { capture: !0 }), document.addEventListener("touchstart", s, { capture: !0 });
+  const d = () => {
+    document.removeEventListener("mousedown", s, { capture: !0 }), document.removeEventListener("touchstart", s, { capture: !0 }), a.delete(r);
+  };
+  return a.set(r, d), d;
+}
+e.extend(x);
+e.extend(v);
+e.extend(y);
+e.extend(E);
+e.extend(w);
+e.extend(L);
+e.extend(O);
+e.extend(S);
+e.extend(T);
+e.locale("ru");
+export {
+  C as o
+};

package/dist/dayjs.util-DVNMZ0pw.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("vue"),e=require("./parseFileSize.util-zKz6zjwq.cjs"),u=new WeakMap;function m(n){const o=l.unref(n);return o?.$el??o}function p(n){return typeof n=="string"?document.querySelector(n):m(n)}function g(n,o,f={}){const r=p(n);if(!r)return()=>{};const d=u.get(r);d&&(d(),u.delete(r));const s=a=>{const i=a.target instanceof Node?a.target:null;if(!i)return;const y=(l.toValue(f.ignore)??[]).map(t=>typeof t=="string"?document.querySelector(t):m(t)).filter(t=>t!=null);r.contains(i)||y.some(t=>t.contains(i))||o(a)};document.addEventListener("mousedown",s,{capture:!0}),document.addEventListener("touchstart",s,{capture:!0});const c=()=>{document.removeEventListener("mousedown",s,{capture:!0}),document.removeEventListener("touchstart",s,{capture:!0}),u.delete(r)};return u.set(r,c),c}e.dayjs.extend(e.localizedFormat);e.dayjs.extend(e.relativeTime);e.dayjs.extend(e.isToday);e.dayjs.extend(e.isBetween);e.dayjs.extend(e.isSameOrBefore);e.dayjs.extend(e.isSameOrAfter);e.dayjs.extend(e.duration);e.dayjs.extend(e.customParseFormat);e.dayjs.extend(e.dayOfYear);e.dayjs.locale("ru");exports.onClickOutside=g;