prlg-ui 1.8.90 → 1.8.92

package/dist/Image-BHDBSn7B.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./FileIcon-BE4ItwkK.cjs"),g=require("./parseFileSize.util-Bg1rLRLQ.cjs");class B{stack=[];baseZIndex={confirm:1400,modal:1300,drawer:1200,popover:1100,tooltip:1e3};step=10;childStep=50;idCounter=0;listeners=new Set;subscribe(a){return this.listeners.add(a),()=>this.listeners.delete(a)}notify(){this.listeners.forEach(a=>a())}register(a,o){const i=++this.idCounter,l=o?this.stack.find(u=>u.id===o):void 0;let s;if(l)s=l.zIndex+this.childStep;else{const u=this.stack.filter(c=>c.type===a&&!c.parentId);s=(u.length?Math.max(...u.map(c=>c.zIndex)):this.baseZIndex[a])+this.step}const n={id:i,type:a,parentId:o??null,zIndex:s};return this.stack.push(n),this.notify(),n}unregister(a){this.stack=this.stack.filter(o=>o.id!==a),this.notify()}getTop(){return this.stack.length?this.stack[this.stack.length-1]:null}isTop(a){return this.getTop()?.id===a}getStack(){return[...this.stack]}}const p=new B,k=Symbol("OVERLAY_PARENT");function y(t){const a=e.inject(k,null),o=e.ref(null);return e.onMounted(()=>{o.value=p.register(t,a??null)}),e.onUnmounted(()=>{o.value&&p.unregister(o.value.id)}),e.watch(o,i=>{i&&e.provide(k,i.id)},{immediate:!0}),{zIndex:o,isTop:()=>o.value?p.isTop(o.value.id):!1}}function _(t){return t.startsWith("image/")?"image":t==="application/pdf"?"pdf":t==="application/msword"||t==="application/vnd.openxmlformats-officedocument.wordprocessingml.document"?"word":t==="application/vnd.ms-excel"||t==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"excel":"other"}const I={key:1,class:"file__title"},z={key:2,class:"file__info"},E={key:0,class:"file__type"},V={key:1,class:"file__info-separator"},C={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(t,{emit:a}){const o=a,i=e.useId(),l=e.ref(null);async function s(r,c="image"){const d=await(await fetch(r)).blob(),v=d.type.split("/")[1]||"",h=v?`${c}.${v}`:c;return new File([d],h,{type:d.type})}const n=e.computed(()=>l.value&&l.value.mime?_(l.value.mime):null),u=e.computed(()=>{switch(n.value){case"pdf":return m.PdfIcon;case"word":return m.WordIcon;case"excel":return m.ExcelIcon;case"other":default:return m.FileIcon}});return e.onMounted(async()=>{if(typeof t.file=="string"){const r=await s(t.file);l.value={id:i,url:t.file,name:r.name,mime:r.type,size:r.size}}else l.value=t.file}),(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["file",{"file--outlined":r.outlined}])},[r.removable&&typeof r.file!="string"?(e.openBlock(),e.createElementBlock("button",{key:0,class:"file__remove",onClick:c[0]||(c[0]=f=>o("remove",r.file))},[e.createVNode(e.unref(m.CloseIcon))])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),{class:"file__icon"})),l.value&&l.value.name&&r.viewName?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(l.value?l.value.name.split(".")[0]:"unknown"),1)):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("div",z,[l.value.mime?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(n.value),1)):e.createCommentVNode("",!0),l.value.mime&&l.value.size?(e.openBlock(),e.createElementBlock("div",V)):e.createCommentVNode("",!0),l.value.size?(e.openBlock(),e.createElementBlock("div",C,e.toDisplayString(l.value?e.unref(g.formatFileSize)(l.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),w=m._export_sfc(N,[["__scopeId","data-v-9dee864d"]]),F={class:"image-full-modal__wrapper"},b={class:"image-full-modal__header"},S={class:"image-full-modal__main"},$=["src","alt"],x=e.defineComponent({__name:"ImageFullModal",props:{src:{},alt:{}},setup(t,{expose:a}){const o=e.ref(!1),{zIndex:i}=y("modal");return a({open:()=>{o.value=!0},close:()=>{o.value=!1}}),(l,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image-full-modal",style:e.normalizeStyle({zIndex:e.unref(i)?.zIndex})},[e.createElementVNode("div",{class:"image-full-modal__overlay",onClick:s[0]||(s[0]=n=>o.value=!1)}),e.createElementVNode("div",F,[e.createElementVNode("div",b,[e.createElementVNode("button",{class:"image-full-modal__close",onClick:s[1]||(s[1]=n=>o.value=!1)},[e.createVNode(e.unref(m.CloseIcon))])]),e.createElementVNode("div",S,[e.createElementVNode("img",{src:l.src,alt:l.alt},null,8,$)]),s[2]||(s[2]=e.createElementVNode("div",{class:"image-full-modal__footer"},null,-1))])],4)):e.createCommentVNode("",!0)]),_:1})]))}}),M=m._export_sfc(x,[["__scopeId","data-v-b9bc03dd"]]),O=["src","alt"],T={key:1,class:"image__info"},R={key:0,class:"image__size"},D=e.defineComponent({__name:"Image",props:{file:{},alt:{},size:{default:"medium"},fullScreen:{type:Boolean},viewInfo:{type:Boolean,default:!1}},setup(t){const a=e.useId(),o=e.useTemplateRef("imageFullModal"),i=e.ref(null);async function l(n,u="image"){const c=await(await fetch(n)).blob(),f=c.type.split("/")[1]||"",d=f?`${u}.${f}`:u;return new File([c],d,{type:c.type})}const s=e.computed(()=>typeof t.file=="string"?t.file:t.file.url);return e.onMounted(async()=>{if(t.viewInfo)if(typeof t.file=="string"){const n=await l(t.file);i.value={id:a,url:t.file,name:n.name,mime:n.type,size:n.size}}else i.value=t.file}),(n,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["image",`image--${n.size}`,{"image--full-screen":n.fullScreen}])},[n.fullScreen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"image__overlay",onClick:u[0]||(u[0]=r=>o.value?.open())},[e.createVNode(e.unref(m.EyeIcon))])):e.createCommentVNode("",!0),e.createElementVNode("img",{src:s.value,alt:n.alt},null,8,O),n.viewInfo&&i.value&&(i.value.mime||i.value.size)&&n.size==="large"?(e.openBlock(),e.createElementBlock("div",T,[i.value.size?(e.openBlock(),e.createElementBlock("div",R,e.toDisplayString(i.value?e.unref(g.formatFileSize)(i.value.size):"0 Б"),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),n.fullScreen?(e.openBlock(),e.createBlock(M,{key:0,ref:"imageFullModal",src:s.value,alt:n.alt},null,8,["src","alt"])):e.createCommentVNode("",!0)],64))}}),A=m._export_sfc(D,[["__scopeId","data-v-cc14d604"]]);exports.File=w;exports.Image=A;exports.getFileTypeByMime=_;exports.useOverlay=y;

package/dist/{Image-6zoTMdCp.js → Image-CAGIshx9.js}

@@ -1,7 +1,7 @@
-import { inject as O, ref as h, onMounted as z, provide as T, onUnmounted as V, defineComponent as w, useId as C, computed as I, createElementBlock as d, openBlock as n, normalizeClass as x, createCommentVNode as f, createBlock as b, createVNode as _, unref as v, resolveDynamicComponent as R, toDisplayString as y, Teleport as N, Transition as A, withCtx as P, normalizeStyle as Z, createElementVNode as m, useTemplateRef as j, Fragment as W } from "vue";
-import { F as Y, E as D, W as L, P as K, C as E, _ as F, a as U } from "./FileIcon-maHE2Nhr.js";
+import { inject as O, ref as h, onMounted as z, onUnmounted as T, watch as V, provide as R, defineComponent as w, useId as C, computed as I, createElementBlock as d, openBlock as o, normalizeClass as x, createCommentVNode as f, createBlock as b, createVNode as _, unref as v, resolveDynamicComponent as N, toDisplayString as y, Teleport as A, Transition as P, withCtx as Z, normalizeStyle as j, createElementVNode as m, useTemplateRef as W, Fragment as Y } from "vue";
+import { F as D, E as L, W as K, P as U, C as E, _ as F, a as q } from "./FileIcon-maHE2Nhr.js";
 import { f as M } from "./parseFileSize.util-CxVk4CvB.js";
-class q {
+class G {
   stack = [];
   baseZIndex = {
     confirm: 1400,
@@ -12,8 +12,8 @@ class q {
   };
   step = 10;
   // шаг между "корневыми" оверлеями одного типа
-  childStep = 1;
-  // шаг для вложенных (popover внутри modal и т.д.)
+  childStep = 50;
+  // шаг для вложенных (popover внутри modal и т.д.) - увеличиваем для гарантии
   idCounter = 0;
   listeners = /* @__PURE__ */ new Set();
   subscribe(a) {
@@ -22,20 +22,20 @@ class q {
   notify() {
     this.listeners.forEach((a) => a());
   }
-  register(a, t) {
-    const o = ++this.idCounter, l = t ? this.stack.find((c) => c.id === t) : void 0;
-    let i;
-    if (l)
-      i = l.zIndex + this.childStep;
+  register(a, l) {
+    const i = ++this.idCounter, t = l ? this.stack.find((c) => c.id === l) : void 0;
+    let n;
+    if (t)
+      n = t.zIndex + this.childStep;
     else {
       const c = this.stack.filter((u) => u.type === a && !u.parentId);
-      i = (c.length ? Math.max(...c.map((u) => u.zIndex)) : this.baseZIndex[a]) + this.step;
+      n = (c.length ? Math.max(...c.map((u) => u.zIndex)) : this.baseZIndex[a]) + this.step;
     }
-    const s = { id: o, type: a, parentId: t ?? null, zIndex: i };
+    const s = { id: i, type: a, parentId: l ?? null, zIndex: n };
     return this.stack.push(s), this.notify(), s;
   }
   unregister(a) {
-    this.stack = this.stack.filter((t) => t.id !== a), this.notify();
+    this.stack = this.stack.filter((l) => l.id !== a), this.notify();
   }
   getTop() {
     return this.stack.length ? this.stack[this.stack.length - 1] : null;
@@ -47,37 +47,39 @@ class q {
     return [...this.stack];
   }
 }
-const k = new q(), S = Symbol("OVERLAY_PARENT");
-function G(e) {
-  const a = O(S, null), t = h(null);
+const k = new G(), S = Symbol("OVERLAY_PARENT");
+function H(e) {
+  const a = O(S, null), l = h(null);
   return z(() => {
-    t.value = k.register(e, a ?? null), t.value && T(S, t.value.id);
-  }), V(() => {
-    t.value && k.unregister(t.value.id);
-  }), {
-    zIndex: t,
-    isTop: () => t.value ? k.isTop(t.value.id) : !1
+    l.value = k.register(e, a ?? null);
+  }), T(() => {
+    l.value && k.unregister(l.value.id);
+  }), V(l, (i) => {
+    i && R(S, i.id);
+  }, { immediate: !0 }), {
+    zIndex: l,
+    isTop: () => l.value ? k.isTop(l.value.id) : !1
   };
 }
-function H(e) {
+function J(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 = {
+const Q = {
   key: 1,
   class: "file__title"
-}, Q = {
+}, X = {
   key: 2,
   class: "file__info"
-}, X = {
+}, ee = {
   key: 0,
   class: "file__type"
-}, ee = {
+}, te = {
   key: 1,
   class: "file__info-separator"
-}, te = {
+}, le = {
   key: 2,
   class: "file__size"
-}, le = /* @__PURE__ */ w({
+}, se = /* @__PURE__ */ w({
   __name: "File",
   props: {
     file: {},
@@ -87,98 +89,98 @@ const J = {
   },
   emits: ["remove"],
   setup(e, { emit: a }) {
-    const t = a, o = C(), l = h(null);
-    async function i(r, u = "image") {
+    const l = a, i = C(), t = h(null);
+    async function n(r, u = "image") {
       const p = await (await fetch(r)).blob(), $ = p.type.split("/")[1] || "", B = $ ? `${u}.${$}` : u;
       return new File([p], B, { type: p.type });
     }
-    const s = I(() => l.value && l.value.mime ? H(l.value.mime) : null), c = I(() => {
+    const s = I(() => t.value && t.value.mime ? J(t.value.mime) : null), c = I(() => {
       switch (s.value) {
         case "pdf":
-          return K;
+          return U;
         case "word":
-          return L;
+          return K;
         case "excel":
-          return D;
+          return L;
         case "other":
         default:
-          return Y;
+          return D;
       }
     });
     return z(async () => {
       if (typeof e.file == "string") {
-        const r = await i(e.file);
-        l.value = {
-          id: o,
+        const r = await n(e.file);
+        t.value = {
+          id: i,
           url: e.file,
           name: r.name,
           mime: r.type,
           size: r.size
         };
       } else
-        l.value = e.file;
-    }), (r, u) => (n(), d("div", {
+        t.value = e.file;
+    }), (r, u) => (o(), d("div", {
       class: x(["file", { "file--outlined": r.outlined }])
     }, [
-      r.removable && typeof r.file != "string" ? (n(), d("button", {
+      r.removable && typeof r.file != "string" ? (o(), d("button", {
         key: 0,
         class: "file__remove",
-        onClick: u[0] || (u[0] = (g) => t("remove", r.file))
+        onClick: u[0] || (u[0] = (g) => l("remove", r.file))
       }, [
         _(v(E))
       ])) : f("", !0),
-      (n(), b(R(c.value), { class: "file__icon" })),
-      l.value && l.value.name && r.viewName ? (n(), d("div", J, y(l.value ? l.value.name.split(".")[0] : "unknown"), 1)) : f("", !0),
-      l.value ? (n(), d("div", Q, [
-        l.value.mime ? (n(), d("div", X, y(s.value), 1)) : f("", !0),
-        l.value.mime && l.value.size ? (n(), d("div", ee)) : f("", !0),
-        l.value.size ? (n(), d("div", te, y(l.value ? v(M)(l.value.size) : "0 Б"), 1)) : f("", !0)
+      (o(), b(N(c.value), { class: "file__icon" })),
+      t.value && t.value.name && r.viewName ? (o(), d("div", Q, y(t.value ? t.value.name.split(".")[0] : "unknown"), 1)) : f("", !0),
+      t.value ? (o(), d("div", X, [
+        t.value.mime ? (o(), d("div", ee, y(s.value), 1)) : f("", !0),
+        t.value.mime && t.value.size ? (o(), d("div", te)) : f("", !0),
+        t.value.size ? (o(), d("div", le, y(t.value ? v(M)(t.value.size) : "0 Б"), 1)) : f("", !0)
       ])) : f("", !0)
     ], 2));
   }
-}), ge = /* @__PURE__ */ F(le, [["__scopeId", "data-v-9dee864d"]]), se = { class: "image-full-modal__wrapper" }, ae = { class: "image-full-modal__header" }, ie = { class: "image-full-modal__main" }, ne = ["src", "alt"], oe = /* @__PURE__ */ w({
+}), ye = /* @__PURE__ */ F(se, [["__scopeId", "data-v-9dee864d"]]), ae = { class: "image-full-modal__wrapper" }, ie = { class: "image-full-modal__header" }, ne = { class: "image-full-modal__main" }, oe = ["src", "alt"], re = /* @__PURE__ */ w({
   __name: "ImageFullModal",
   props: {
     src: {},
     alt: {}
   },
   setup(e, { expose: a }) {
-    const t = h(!1), { zIndex: o } = G("modal");
+    const l = h(!1), { zIndex: i } = H("modal");
     return a({
       open: () => {
-        t.value = !0;
+        l.value = !0;
       },
       close: () => {
-        t.value = !1;
+        l.value = !1;
       }
-    }), (l, i) => (n(), b(N, { to: "body" }, [
-      _(A, { name: "fade" }, {
-        default: P(() => [
-          t.value ? (n(), d("div", {
+    }), (t, n) => (o(), b(A, { to: "body" }, [
+      _(P, { name: "fade" }, {
+        default: Z(() => [
+          l.value ? (o(), d("div", {
             key: 0,
             class: "image-full-modal",
-            style: Z({ zIndex: v(o)?.zIndex })
+            style: j({ zIndex: v(i)?.zIndex })
           }, [
             m("div", {
               class: "image-full-modal__overlay",
-              onClick: i[0] || (i[0] = (s) => t.value = !1)
+              onClick: n[0] || (n[0] = (s) => l.value = !1)
             }),
-            m("div", se, [
-              m("div", ae, [
+            m("div", ae, [
+              m("div", ie, [
                 m("button", {
                   class: "image-full-modal__close",
-                  onClick: i[1] || (i[1] = (s) => t.value = !1)
+                  onClick: n[1] || (n[1] = (s) => l.value = !1)
                 }, [
                   _(v(E))
                 ])
               ]),
-              m("div", ie, [
+              m("div", ne, [
                 m("img", {
-                  src: l.src,
-                  alt: l.alt
-                }, null, 8, ne)
+                  src: t.src,
+                  alt: t.alt
+                }, null, 8, oe)
               ]),
-              i[2] || (i[2] = m("div", { class: "image-full-modal__footer" }, null, -1))
+              n[2] || (n[2] = m("div", { class: "image-full-modal__footer" }, null, -1))
             ])
           ], 4)) : f("", !0)
         ]),
@@ -186,13 +188,13 @@ const J = {
       })
     ]));
   }
-}), re = /* @__PURE__ */ F(oe, [["__scopeId", "data-v-b9bc03dd"]]), ue = ["src", "alt"], ce = {
+}), ue = /* @__PURE__ */ F(re, [["__scopeId", "data-v-b9bc03dd"]]), ce = ["src", "alt"], de = {
   key: 1,
   class: "image__info"
-}, de = {
+}, fe = {
   key: 0,
   class: "image__size"
-}, fe = /* @__PURE__ */ w({
+}, me = /* @__PURE__ */ w({
   __name: "Image",
   props: {
     file: {},
@@ -202,17 +204,17 @@ const J = {
     viewInfo: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = C(), t = j("imageFullModal"), o = h(null);
-    async function l(s, c = "image") {
+    const a = C(), l = W("imageFullModal"), i = h(null);
+    async function t(s, c = "image") {
       const u = await (await fetch(s)).blob(), g = u.type.split("/")[1] || "", p = g ? `${c}.${g}` : c;
       return new File([u], p, { type: u.type });
     }
-    const i = I(() => typeof e.file == "string" ? e.file : e.file.url);
+    const n = I(() => typeof e.file == "string" ? e.file : e.file.url);
     return z(async () => {
       if (e.viewInfo)
         if (typeof e.file == "string") {
-          const s = await l(e.file);
-          o.value = {
+          const s = await t(e.file);
+          i.value = {
             id: a,
             url: e.file,
             name: s.name,
@@ -220,38 +222,38 @@ const J = {
             size: s.size
           };
         } else
-          o.value = e.file;
-    }), (s, c) => (n(), d(W, null, [
+          i.value = e.file;
+    }), (s, c) => (o(), d(Y, null, [
       m("div", {
         class: x(["image", `image--${s.size}`, { "image--full-screen": s.fullScreen }])
       }, [
-        s.fullScreen ? (n(), d("div", {
+        s.fullScreen ? (o(), d("div", {
           key: 0,
           class: "image__overlay",
-          onClick: c[0] || (c[0] = (r) => t.value?.open())
+          onClick: c[0] || (c[0] = (r) => l.value?.open())
         }, [
-          _(v(U))
+          _(v(q))
         ])) : f("", !0),
         m("img", {
-          src: i.value,
+          src: n.value,
           alt: s.alt
-        }, null, 8, ue),
-        s.viewInfo && o.value && (o.value.mime || o.value.size) && s.size === "large" ? (n(), d("div", ce, [
-          o.value.size ? (n(), d("div", de, y(o.value ? v(M)(o.value.size) : "0 Б"), 1)) : f("", !0)
+        }, null, 8, ce),
+        s.viewInfo && i.value && (i.value.mime || i.value.size) && s.size === "large" ? (o(), d("div", de, [
+          i.value.size ? (o(), d("div", fe, y(i.value ? v(M)(i.value.size) : "0 Б"), 1)) : f("", !0)
         ])) : f("", !0)
       ], 2),
-      s.fullScreen ? (n(), b(re, {
+      s.fullScreen ? (o(), b(ue, {
         key: 0,
         ref: "imageFullModal",
-        src: i.value,
+        src: n.value,
         alt: s.alt
       }, null, 8, ["src", "alt"])) : f("", !0)
     ], 64));
   }
-}), ye = /* @__PURE__ */ F(fe, [["__scopeId", "data-v-cc14d604"]]);
+}), _e = /* @__PURE__ */ F(me, [["__scopeId", "data-v-cc14d604"]]);
 export {
-  ge as F,
-  ye as I,
-  H as g,
-  G as u
+  ye as F,
+  _e as I,
+  J as g,
+  H as u
 };

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-OgzfB2zs.cjs"),f=require("../FileIcon-BE4ItwkK.cjs"),m=require("../SendIcon-CH6S0QWh.cjs"),p=require("../parseFileSize.util-Bg1rLRLQ.cjs"),_=require("../uploadFile.util-DCFkx3w3.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=["maxlength","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:l.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-BHDBSn7B.cjs"),f=require("../FileIcon-BE4ItwkK.cjs"),m=require("../SendIcon-CH6S0QWh.cjs"),p=require("../parseFileSize.util-Bg1rLRLQ.cjs"),_=require("../uploadFile.util-DCFkx3w3.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=["maxlength","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:l.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,5 +1,5 @@
 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-6zoTMdCp.js";
+import { g as $, I as O, F as x } from "../Image-CAGIshx9.js";
 import { C as A, _ as M, F as E } from "../FileIcon-maHE2Nhr.js";
 import { I as P, P as j, S as q, B as H } from "../SendIcon-Cqdt2QWN.js";
 import { o as G } from "../parseFileSize.util-CxVk4CvB.js";

package/dist/index.d.ts

@@ -426,7 +426,7 @@ declare type __VLS_Props_26 = DrawerProps;
 declare type __VLS_Props_27 = {
     title?: string;
     style?: CSSProperties;
-    position?: 'top' | 'center' | 'bottom';
+    position?: "top" | "center" | "bottom";
 };
 
 declare type __VLS_Props_28 = {
@@ -542,7 +542,7 @@ declare type __VLS_PublicProps_17 = {
 } & __VLS_Props_26;
 
 declare type __VLS_PublicProps_18 = {
-    'open': boolean;
+    "open": boolean;
 } & __VLS_Props_27;
 
 declare type __VLS_PublicProps_19 = {