prlg-ui 1.6.5 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,88 @@
1
+ import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
2
+ import { _ as e } from "./FileIcon-DkEbi-bi.js";
3
+ const l = {}, s = {
4
+ width: "16",
5
+ height: "19",
6
+ viewBox: "0 0 16 19",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg"
9
+ };
10
+ function i(r, C) {
11
+ return o(), t("svg", s, C[0] || (C[0] = [
12
+ n("path", {
13
+ d: "M0.5625 13.6753V5.32781L7.875 1.14844L15.1875 5.32781V13.6753L7.875 17.8547L0.5625 13.6753Z",
14
+ fill: "white"
15
+ }, null, -1),
16
+ n("path", {
17
+ d: "M7.875 1.79375L14.625 5.6525V13.3475L7.875 17.2063L1.125 13.3475V5.6525L7.875 1.79375ZM7.875 0.5L0 5V14L7.875 18.5L15.75 14V5L7.875 0.5Z",
18
+ fill: "#00AB2E"
19
+ }, null, -1),
20
+ n("path", {
21
+ d: "M7.875 5L11.8125 7.25V11.75L7.875 14L3.9375 11.75V7.25L7.875 5Z",
22
+ fill: "#F44336"
23
+ }, null, -1)
24
+ ]));
25
+ }
26
+ const V = /* @__PURE__ */ e(l, [["render", i]]), c = {}, d = {
27
+ width: "19",
28
+ height: "18",
29
+ viewBox: "0 0 19 18",
30
+ fill: "none",
31
+ xmlns: "http://www.w3.org/2000/svg"
32
+ };
33
+ function L(r, C) {
34
+ return o(), t("svg", d, C[0] || (C[0] = [
35
+ n("path", {
36
+ d: "M15.8594 1.25H3.85938C3.13003 1.25 2.43056 1.53973 1.91483 2.05546C1.39911 2.57118 1.10938 3.27065 1.10938 4V14C1.10938 14.7293 1.39911 15.4288 1.91483 15.9445C2.43056 16.4603 3.13003 16.75 3.85938 16.75H15.8594C16.5887 16.75 17.2882 16.4603 17.8039 15.9445C18.3196 15.4288 18.6094 14.7293 18.6094 14V4C18.6094 3.27065 18.3196 2.57118 17.8039 2.05546C17.2882 1.53973 16.5887 1.25 15.8594 1.25ZM3.85938 2.75H15.8594C16.1909 2.75 16.5088 2.8817 16.7433 3.11612C16.9777 3.35054 17.1094 3.66848 17.1094 4V12.19L14.3894 9.47C14.3183 9.394 14.2311 9.33482 14.1342 9.29677C14.0373 9.25871 13.9332 9.24273 13.8294 9.25C13.7243 9.25611 13.6216 9.28314 13.5271 9.32951C13.4327 9.37587 13.3485 9.44064 13.2794 9.52L11.9894 11.07L7.38937 6.47C7.32159 6.39797 7.23931 6.34111 7.14795 6.30319C7.0566 6.26527 6.95825 6.24714 6.85938 6.25C6.75434 6.25611 6.65158 6.28314 6.55713 6.32951C6.46269 6.37587 6.37845 6.44064 6.30937 6.52L2.60938 10.93V4C2.60938 3.66848 2.74107 3.35054 2.97549 3.11612C3.20991 2.8817 3.52785 2.75 3.85938 2.75ZM2.60938 14V13.27L6.90938 8.11L11.0294 12.23L8.50937 15.23H3.85938C3.53129 15.23 3.21634 15.1011 2.98249 14.871C2.74863 14.6409 2.61462 14.328 2.60938 14ZM15.8594 15.25H10.4594L13.9094 11.11L17.0594 14.26C17.0041 14.538 16.8544 14.7884 16.6358 14.9688C16.4171 15.1492 16.1428 15.2485 15.8594 15.25Z",
37
+ fill: "currentColor"
38
+ }, null, -1)
39
+ ]));
40
+ }
41
+ const m = /* @__PURE__ */ e(c, [["render", L]]), _ = {}, f = {
42
+ width: "19",
43
+ height: "19",
44
+ viewBox: "0 0 19 19",
45
+ fill: "none",
46
+ xmlns: "http://www.w3.org/2000/svg"
47
+ };
48
+ function h(r, C) {
49
+ return o(), t("svg", f, C[0] || (C[0] = [
50
+ n("path", {
51
+ d: "M9.85938 18.1231C8.07935 18.1231 6.33929 17.5952 4.85925 16.6063C3.3792 15.6173 2.22565 14.2117 1.54446 12.5672C0.863275 10.9227 0.685045 9.11307 1.03231 7.36724C1.37958 5.62141 2.23675 4.01776 3.49542 2.75909C4.75409 1.50042 6.35774 0.64325 8.10357 0.295983C9.8494 -0.0512836 11.659 0.126946 13.3035 0.808135C14.9481 1.48932 16.3537 2.64288 17.3426 4.12292C18.3315 5.60296 18.8594 7.34302 18.8594 9.12305C18.8594 11.51 17.9112 13.7992 16.2233 15.487C14.5355 17.1748 12.2463 18.1231 9.85938 18.1231ZM9.85938 1.62305C8.37602 1.62305 6.92597 2.06292 5.6926 2.88703C4.45923 3.71114 3.49794 4.88248 2.93028 6.25293C2.36263 7.62337 2.2141 9.13137 2.50349 10.5862C2.79288 12.0411 3.50718 13.3775 4.55608 14.4264C5.60497 15.4752 6.94134 16.1896 8.3962 16.4789C9.85106 16.7683 11.3591 16.6198 12.7295 16.0521C14.1 15.4845 15.2713 14.5232 16.0954 13.2898C16.9195 12.0565 17.3594 10.6064 17.3594 9.12305C17.3594 7.13393 16.5692 5.22627 15.1627 3.81975C13.7562 2.41323 11.8485 1.62305 9.85938 1.62305Z",
52
+ fill: "currentColor"
53
+ }, null, -1),
54
+ n("path", {
55
+ d: "M9.85938 13.873C9.66127 13.8705 9.472 13.7906 9.33191 13.6505C9.19181 13.5104 9.11196 13.3212 9.10938 13.123V5.12305C9.10938 4.92413 9.18839 4.73337 9.32905 4.59272C9.4697 4.45206 9.66046 4.37305 9.85938 4.37305C10.0583 4.37305 10.2491 4.45206 10.3897 4.59272C10.5304 4.73337 10.6094 4.92413 10.6094 5.12305V13.123C10.6068 13.3212 10.5269 13.5104 10.3868 13.6505C10.2467 13.7906 10.0575 13.8705 9.85938 13.873Z",
56
+ fill: "currentColor"
57
+ }, null, -1),
58
+ n("path", {
59
+ d: "M13.8594 9.87305H5.85938C5.66046 9.87305 5.4697 9.79403 5.32904 9.65338C5.18839 9.51272 5.10938 9.32196 5.10938 9.12305C5.10938 8.92413 5.18839 8.73337 5.32904 8.59272C5.4697 8.45206 5.66046 8.37305 5.85938 8.37305H13.8594C14.0583 8.37305 14.2491 8.45206 14.3897 8.59272C14.5304 8.73337 14.6094 8.92413 14.6094 9.12305C14.6094 9.32196 14.5304 9.51272 14.3897 9.65338C14.2491 9.79403 14.0583 9.87305 13.8594 9.87305Z",
60
+ fill: "currentColor"
61
+ }, null, -1)
62
+ ]));
63
+ }
64
+ const x = /* @__PURE__ */ e(_, [["render", h]]), u = {}, w = {
65
+ width: "19",
66
+ height: "18",
67
+ viewBox: "0 0 19 18",
68
+ fill: "none",
69
+ xmlns: "http://www.w3.org/2000/svg"
70
+ };
71
+ function p(r, C) {
72
+ return o(), t("svg", w, C[0] || (C[0] = [
73
+ n("path", {
74
+ d: "M17.7344 9.00022C17.7344 9.07124 17.7137 9.1408 17.6747 9.2008C17.6357 9.2608 17.58 9.30878 17.5141 9.33914L3.66079 15.7126C3.59159 15.7453 3.51391 15.7569 3.43783 15.746C3.36176 15.7351 3.2908 15.7022 3.2342 15.6515C3.17759 15.6008 3.13794 15.5347 3.12041 15.4617C3.10289 15.3888 3.10828 15.3124 3.1359 15.2425L5.32318 9.5236C5.45223 9.18601 5.45223 8.81444 5.32318 8.47685L3.13513 2.75799C3.10737 2.68798 3.1019 2.61146 3.11944 2.53838C3.13698 2.46531 3.17671 2.39908 3.23346 2.34833C3.2902 2.29758 3.36132 2.26467 3.43755 2.25388C3.51377 2.24309 3.59157 2.25493 3.66079 2.28785L17.5141 8.66131C17.58 8.69167 17.6357 8.73964 17.6747 8.79965C17.7137 8.85965 17.7344 8.9292 17.7344 9.00022ZM17.7344 9.00022H5.42016",
75
+ stroke: "currentColor",
76
+ "stroke-width": "1.4",
77
+ "stroke-linecap": "round",
78
+ "stroke-linejoin": "round"
79
+ }, null, -1)
80
+ ]));
81
+ }
82
+ const M = /* @__PURE__ */ e(u, [["render", p]]);
83
+ export {
84
+ V as B,
85
+ m as I,
86
+ x as P,
87
+ M as S
88
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("vue"),t=require("./FileIcon-sxADkCIe.cjs"),C={},l={width:"16",height:"19",viewBox:"0 0 16 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function r(o,n){return e.openBlock(),e.createElementBlock("svg",l,n[0]||(n[0]=[e.createElementVNode("path",{d:"M0.5625 13.6753V5.32781L7.875 1.14844L15.1875 5.32781V13.6753L7.875 17.8547L0.5625 13.6753Z",fill:"white"},null,-1),e.createElementVNode("path",{d:"M7.875 1.79375L14.625 5.6525V13.3475L7.875 17.2063L1.125 13.3475V5.6525L7.875 1.79375ZM7.875 0.5L0 5V14L7.875 18.5L15.75 14V5L7.875 0.5Z",fill:"#00AB2E"},null,-1),e.createElementVNode("path",{d:"M7.875 5L11.8125 7.25V11.75L7.875 14L3.9375 11.75V7.25L7.875 5Z",fill:"#F44336"},null,-1)]))}const c=t._export_sfc(C,[["render",r]]),s={},i={width:"19",height:"18",viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function d(o,n){return e.openBlock(),e.createElementBlock("svg",i,n[0]||(n[0]=[e.createElementVNode("path",{d:"M15.8594 1.25H3.85938C3.13003 1.25 2.43056 1.53973 1.91483 2.05546C1.39911 2.57118 1.10938 3.27065 1.10938 4V14C1.10938 14.7293 1.39911 15.4288 1.91483 15.9445C2.43056 16.4603 3.13003 16.75 3.85938 16.75H15.8594C16.5887 16.75 17.2882 16.4603 17.8039 15.9445C18.3196 15.4288 18.6094 14.7293 18.6094 14V4C18.6094 3.27065 18.3196 2.57118 17.8039 2.05546C17.2882 1.53973 16.5887 1.25 15.8594 1.25ZM3.85938 2.75H15.8594C16.1909 2.75 16.5088 2.8817 16.7433 3.11612C16.9777 3.35054 17.1094 3.66848 17.1094 4V12.19L14.3894 9.47C14.3183 9.394 14.2311 9.33482 14.1342 9.29677C14.0373 9.25871 13.9332 9.24273 13.8294 9.25C13.7243 9.25611 13.6216 9.28314 13.5271 9.32951C13.4327 9.37587 13.3485 9.44064 13.2794 9.52L11.9894 11.07L7.38937 6.47C7.32159 6.39797 7.23931 6.34111 7.14795 6.30319C7.0566 6.26527 6.95825 6.24714 6.85938 6.25C6.75434 6.25611 6.65158 6.28314 6.55713 6.32951C6.46269 6.37587 6.37845 6.44064 6.30937 6.52L2.60938 10.93V4C2.60938 3.66848 2.74107 3.35054 2.97549 3.11612C3.20991 2.8817 3.52785 2.75 3.85938 2.75ZM2.60938 14V13.27L6.90938 8.11L11.0294 12.23L8.50937 15.23H3.85938C3.53129 15.23 3.21634 15.1011 2.98249 14.871C2.74863 14.6409 2.61462 14.328 2.60938 14ZM15.8594 15.25H10.4594L13.9094 11.11L17.0594 14.26C17.0041 14.538 16.8544 14.7884 16.6358 14.9688C16.4171 15.1492 16.1428 15.2485 15.8594 15.25Z",fill:"currentColor"},null,-1)]))}const u=t._export_sfc(s,[["render",d]]),_={},L={width:"19",height:"19",viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function f(o,n){return e.openBlock(),e.createElementBlock("svg",L,n[0]||(n[0]=[e.createElementVNode("path",{d:"M9.85938 18.1231C8.07935 18.1231 6.33929 17.5952 4.85925 16.6063C3.3792 15.6173 2.22565 14.2117 1.54446 12.5672C0.863275 10.9227 0.685045 9.11307 1.03231 7.36724C1.37958 5.62141 2.23675 4.01776 3.49542 2.75909C4.75409 1.50042 6.35774 0.64325 8.10357 0.295983C9.8494 -0.0512836 11.659 0.126946 13.3035 0.808135C14.9481 1.48932 16.3537 2.64288 17.3426 4.12292C18.3315 5.60296 18.8594 7.34302 18.8594 9.12305C18.8594 11.51 17.9112 13.7992 16.2233 15.487C14.5355 17.1748 12.2463 18.1231 9.85938 18.1231ZM9.85938 1.62305C8.37602 1.62305 6.92597 2.06292 5.6926 2.88703C4.45923 3.71114 3.49794 4.88248 2.93028 6.25293C2.36263 7.62337 2.2141 9.13137 2.50349 10.5862C2.79288 12.0411 3.50718 13.3775 4.55608 14.4264C5.60497 15.4752 6.94134 16.1896 8.3962 16.4789C9.85106 16.7683 11.3591 16.6198 12.7295 16.0521C14.1 15.4845 15.2713 14.5232 16.0954 13.2898C16.9195 12.0565 17.3594 10.6064 17.3594 9.12305C17.3594 7.13393 16.5692 5.22627 15.1627 3.81975C13.7562 2.41323 11.8485 1.62305 9.85938 1.62305Z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M9.85938 13.873C9.66127 13.8705 9.472 13.7906 9.33191 13.6505C9.19181 13.5104 9.11196 13.3212 9.10938 13.123V5.12305C9.10938 4.92413 9.18839 4.73337 9.32905 4.59272C9.4697 4.45206 9.66046 4.37305 9.85938 4.37305C10.0583 4.37305 10.2491 4.45206 10.3897 4.59272C10.5304 4.73337 10.6094 4.92413 10.6094 5.12305V13.123C10.6068 13.3212 10.5269 13.5104 10.3868 13.6505C10.2467 13.7906 10.0575 13.8705 9.85938 13.873Z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M13.8594 9.87305H5.85938C5.66046 9.87305 5.4697 9.79403 5.32904 9.65338C5.18839 9.51272 5.10938 9.32196 5.10938 9.12305C5.10938 8.92413 5.18839 8.73337 5.32904 8.59272C5.4697 8.45206 5.66046 8.37305 5.85938 8.37305H13.8594C14.0583 8.37305 14.2491 8.45206 14.3897 8.59272C14.5304 8.73337 14.6094 8.92413 14.6094 9.12305C14.6094 9.32196 14.5304 9.51272 14.3897 9.65338C14.2491 9.79403 14.0583 9.87305 13.8594 9.87305Z",fill:"currentColor"},null,-1)]))}const h=t._export_sfc(_,[["render",f]]),w={},a={width:"19",height:"18",viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function V(o,n){return e.openBlock(),e.createElementBlock("svg",a,n[0]||(n[0]=[e.createElementVNode("path",{d:"M17.7344 9.00022C17.7344 9.07124 17.7137 9.1408 17.6747 9.2008C17.6357 9.2608 17.58 9.30878 17.5141 9.33914L3.66079 15.7126C3.59159 15.7453 3.51391 15.7569 3.43783 15.746C3.36176 15.7351 3.2908 15.7022 3.2342 15.6515C3.17759 15.6008 3.13794 15.5347 3.12041 15.4617C3.10289 15.3888 3.10828 15.3124 3.1359 15.2425L5.32318 9.5236C5.45223 9.18601 5.45223 8.81444 5.32318 8.47685L3.13513 2.75799C3.10737 2.68798 3.1019 2.61146 3.11944 2.53838C3.13698 2.46531 3.17671 2.39908 3.23346 2.34833C3.2902 2.29758 3.36132 2.26467 3.43755 2.25388C3.51377 2.24309 3.59157 2.25493 3.66079 2.28785L17.5141 8.66131C17.58 8.69167 17.6357 8.73964 17.6747 8.79965C17.7137 8.85965 17.7344 8.9292 17.7344 9.00022ZM17.7344 9.00022H5.42016",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}const m=t._export_sfc(w,[["render",V]]);exports.BonusIcon=c;exports.ImageIcon=u;exports.PlusRoundedIcon=h;exports.SendIcon=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-KC6enSsM.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),d=require("../TrashIcon-DJApIo8R.cjs"),p=require("../onClickOutside.util-DD1l-Ra5.cjs"),_=require("../dayjs.util-Dg65EiGQ.cjs"),v={class:"chat-file__content"},g=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(a,{emit:i}){const s=i,c=e.computed(()=>URL.createObjectURL(a.file));return(l,r)=>(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:r[0]||(r[0]=t=>s("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,alt:l.file.name,size:"large","fill-screen":""},null,8,["file","alt"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:l.file,outlined:!1},null,8,["file"]))])],2))}}),h=f._export_sfc(g,[["__scopeId","data-v-d52d3d8d"]]);function y(a){if(!a)return;const i=Array.isArray(a)?a:[a],s={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 i.flatMap(c=>s[c]||[]).join(",")}function k(a={}){return new Promise(i=>{const s=document.createElement("input");s.type="file",s.style.display="none",a.maxFiles&&a.maxFiles>1&&(s.multiple=!0);const c=y(a.accept);c&&(s.accept=c),s.addEventListener("change",l=>{const r=l.target;let t=[];if(r.files&&r.files.length>0&&(t=Array.from(r.files),a.maxFiles&&t.length>a.maxFiles&&(t=t.slice(0,a.maxFiles)),a.maxFileSize)){const o=u.parseFileSize(a.maxFileSize);t=t.filter(n=>n.size<=o)}i(t),document.body.removeChild(s)}),document.body.appendChild(s),s.click()})}const B={class:"chat-field-actions"},V={ref:"overlay",class:"chat-field-actions__overlay"},E=["onClick"],b={class:"chat-field-actions__overlay-item__label"},C=["disabled"],N=e.defineComponent({__name:"ChatFieldActions",props:e.mergeModels({actions:{},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const i=e.useModel(a,"modelValue"),s=e.useTemplateRef("button"),c=e.useTemplateRef("overlay"),l=e.ref(!1),r=e.reactive({image:{icon:e.shallowRef(d.ImageIcon),label:"Добавить изображение"},file:{icon:e.shallowRef(f.FileIcon),label:"Добавить файл"}}),t=o=>{k({accept:o==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(n=>{i.value?i.value=a.multiple?[...i.value,...n]:n:i.value=[...n],l.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{l.value=!1},{ignore:[s.value]})}),(o,n)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.Transition,{name:"slide-up"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,m=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:m,onClick:H=>t(m)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r[m].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",b,e.toDisplayString(r[m].label),1)],8,E))),128))],512),[[e.vShow,l.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:n[0]||(n[0]=m=>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(d.PlusRoundedIcon))],10,C)]))}}),F=f._export_sfc(N,[["__scopeId","data-v-6b295528"]]),$={class:"chat-field"},M={key:0,class:"chat-field__files"},S={class:"chat-field__wrapper"},I=["placeholder"],w=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(a,{emit:i}){const s=i,c=e.useModel(a,"message"),l=e.useModel(a,"files"),r=t=>{l.value&&(l.value=l.value.filter(o=>o.name!==t.name))};return(t,o)=>(e.openBlock(),e.createElementBlock("div",$,[l.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.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,[t.viewActions&&t.actions.length>0?(e.openBlock(),e.createBlock(F,{key:0,modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=n=>l.value=n),actions:t.actions,disabled:t.disabled},null,8,["modelValue","actions","disabled"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[1]||(o[1]=n=>c.value=n),class:"chat-field__input",placeholder:t.placeholder},null,8,I),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-field__button",onClick:o[2]||(o[2]=n=>s("sendMessage"))},[e.createVNode(e.unref(d.SendIcon))])])]))}}),x={class:"message__avatar"},R=["src"],z={class:"message__content"},D={class:"message__info"},T={class:"message__name"},A={class:"message__time"},L={class:"message__text"},q={class:"message-actions__item"},O={class:"message-actions__item"},j=e.defineComponent({__name:"Message",props:{message:{},position:{default:"left"}},setup(a){const i=e.computed(()=>["message",`message--${a.position}`]),s=e.ref(null),c=e.ref(!1),l=t=>{s.value&&(c.value=!0,s.value.style.left=`${t.offsetX}px`,s.value.style.top=`${t.offsetY}px`)},r=t=>{s.value&&t.composedPath().includes(s.value)||(c.value=!1)};return e.onMounted(()=>{document.addEventListener("click",r)}),e.onUnmounted(()=>{document.removeEventListener("click",r)}),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(i.value),onContextmenu:e.withModifiers(l,["right","prevent"])},[e.createElementVNode("div",x,[t.message.user.avatar?(e.openBlock(),e.createElementBlock("img",{key:1,src:t.message.user.avatar,alt:"avatar"},null,8,R)):(e.openBlock(),e.createBlock(e.unref(d.AvatarIcon),{key:0}))]),e.createElementVNode("div",z,[e.createElementVNode("div",D,[e.createElementVNode("div",T,[e.createElementVNode("strong",null,e.toDisplayString(t.message.user.name)+" "+e.toDisplayString(t.message.user.lastname),1),e.createTextVNode(" ("+e.toDisplayString(t.message.user.post)+") ",1)]),e.createElementVNode("div",A,e.toDisplayString(e.unref(_.dayjs)(t.message.created_at).format("HH:mm")),1)]),e.createElementVNode("p",L,e.toDisplayString(t.message.text),1)])],34),e.createElementVNode("div",{ref_key:"actionsRef",ref:s,class:e.normalizeClass(["message-actions",{"message-actions--visible":c.value}])},[e.createElementVNode("div",q,[e.createVNode(e.unref(d.CopyIcon),{class:"message-actions__item-icon"}),o[0]||(o[0]=e.createElementVNode("span",{class:"message-actions__item-text"},"Копировать",-1))]),e.createElementVNode("div",O,[e.createVNode(e.unref(d.TrashIcon),{class:"message-actions__item-icon"}),o[1]||(o[1]=e.createElementVNode("span",{class:"message-actions__item-text"},"Удалить",-1))])],2)],64))}}),U={class:"bonus-summary"},P=e.defineComponent({__name:"BonusSummary",setup(a){return(i,s)=>(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(d.BonusIcon),{class:"bonus-summary__icon"}),s[0]||(s[0]=e.createElementVNode("div",{class:"bonus-summary__number"},"123",-1))]))}});exports.BonusSummary=P;exports.ChatField=w;exports.Message=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-KC6enSsM.cjs"),f=require("../FileIcon-sxADkCIe.cjs"),m=require("../SendIcon-_UxV_dOO.cjs"),p=require("../onClickOutside.util-DD1l-Ra5.cjs");require("../dayjs.util-Dg65EiGQ.cjs");const v={class:"chat-file__content"},_=e.defineComponent({__name:"ChatFile",props:{file:{}},emits:["deleteFile"],setup(t,{emit:s}){const o=s,c=e.computed(()=>URL.createObjectURL(t.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=>o("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,alt:l.file.name,size:"large","fill-screen":""},null,8,["file","alt"])):(e.openBlock(),e.createBlock(e.unref(u.File),{key:1,file:l.file,outlined:!1},null,8,["file"]))])],2))}}),h=f._export_sfc(_,[["__scopeId","data-v-d52d3d8d"]]);function g(t){if(!t)return;const s=Array.isArray(t)?t:[t],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(t={}){return new Promise(s=>{const o=document.createElement("input");o.type="file",o.style.display="none",t.maxFiles&&t.maxFiles>1&&(o.multiple=!0);const c=g(t.accept);c&&(o.accept=c),o.addEventListener("change",l=>{const d=l.target;let a=[];if(d.files&&d.files.length>0&&(a=Array.from(d.files),t.maxFiles&&a.length>t.maxFiles&&(a=a.slice(0,t.maxFiles)),t.maxFileSize)){const i=u.parseFileSize(t.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(t){const s=e.useModel(t,"modelValue"),o=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=i=>{y({accept:i==="image"?["image"]:["pdf","excel","word"],maxFileSize:"5mb",maxFiles:1}).then(n=>{s.value?s.value=t.multiple?[...s.value,...n]:n:s.value=[...n],l.value=!1})};return e.onMounted(()=>{p.onClickOutside(c.value,()=>{l.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,r=>(e.openBlock(),e.createElementBlock("div",{class:"chat-field-actions__overlay-item",key:r,onClick:z=>a(r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[r].icon),{class:"chat-field-actions__overlay-item__icon"})),e.createElementVNode("span",F,e.toDisplayString(d[r].label),1)],8,b))),128))],512),[[e.vShow,l.value]])]),_:1}),e.createElementVNode("button",{ref:"button",onClick:n[0]||(n[0]=r=>l.value=!l.value),class:e.normalizeClass(["chat-field-actions__button",{"chat-field-actions__button--active":l.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"],I=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(t,{emit:s}){const o=s,c=e.useModel(t,"message"),l=e.useModel(t,"files"),d=a=>{l.value&&(l.value=l.value.filter(i=>i.name!==a.name))};return(a,i)=>(e.openBlock(),e.createElementBlock("div",M,[l.value&&l.value.length>0?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,n=>(e.openBlock(),e.createBlock(h,{key:n.name,file:n,onDeleteFile:d},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:l.value,"onUpdate:modelValue":i[0]||(i[0]=n=>l.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))])])]))}}),$={class:"bonus-summary"},x=e.defineComponent({__name:"BonusSummary",setup(t){return(s,o)=>(e.openBlock(),e.createElementBlock("div",$,[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=x;exports.ChatField=I;
@@ -1,45 +1,45 @@
1
- import { defineComponent as g, computed as w, createElementBlock as u, openBlock as o, normalizeClass as h, unref as r, createElementVNode as l, createVNode as f, createBlock as p, mergeModels as y, useModel as b, useTemplateRef as k, ref as C, reactive as R, shallowRef as $, onMounted as x, Transition as A, withCtx as z, withDirectives as S, Fragment as F, renderList as B, resolveDynamicComponent as L, toDisplayString as _, vShow as T, createCommentVNode as I, vModelText as E, onUnmounted as D, withModifiers as U, createTextVNode as N } from "vue";
2
- import { g as M, I as O, F as P, p as j } from "../Image-B_PtktNe.js";
3
- import { C as H, _ as V, F as q } from "../FileIcon-DkEbi-bi.js";
4
- import { I as X, P as Y, S as G, A as J, C as K, T as Q, B as W } from "../TrashIcon-D9034G7A.js";
5
- import { o as Z } from "../onClickOutside.util-CJueL_Rz.js";
6
- import { d as ee } from "../dayjs.util-RJe77c19.js";
7
- const se = { class: "chat-file__content" }, te = /* @__PURE__ */ g({
1
+ import { defineComponent as _, computed as I, createElementBlock as m, openBlock as o, normalizeClass as k, unref as u, createElementVNode as r, createVNode as p, createBlock as v, mergeModels as h, useModel as g, useTemplateRef as y, ref as x, reactive as M, shallowRef as b, onMounted as V, Transition as z, withCtx as R, withDirectives as S, Fragment as $, renderList as w, resolveDynamicComponent as A, toDisplayString as D, vShow as L, createCommentVNode as F, vModelText as E } from "vue";
2
+ import { g as C, I as T, F as U, p as N } from "../Image-B_PtktNe.js";
3
+ import { C as O, _ as B, F as P } from "../FileIcon-DkEbi-bi.js";
4
+ import { I as j, P as q, S as H, B as G } from "../SendIcon-BGGNLlmf.js";
5
+ import { o as J } from "../onClickOutside.util-CJueL_Rz.js";
6
+ import "../dayjs.util-RJe77c19.js";
7
+ const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ _({
8
8
  __name: "ChatFile",
9
9
  props: {
10
10
  file: {}
11
11
  },
12
12
  emits: ["deleteFile"],
13
- setup(a, { emit: c }) {
14
- const s = c, d = w(() => URL.createObjectURL(a.file));
15
- return (t, m) => (o(), u("div", {
16
- class: h(["chat-file", { "chat-file--image": r(M)(t.file.type) === "image" }])
13
+ setup(l, { emit: n }) {
14
+ const t = n, d = I(() => URL.createObjectURL(l.file));
15
+ return (e, c) => (o(), m("div", {
16
+ class: k(["chat-file", { "chat-file--image": u(C)(e.file.type) === "image" }])
17
17
  }, [
18
- l("button", {
18
+ r("button", {
19
19
  class: "chat-file__delete",
20
- onClick: m[0] || (m[0] = (e) => s("deleteFile", t.file))
20
+ onClick: c[0] || (c[0] = (a) => t("deleteFile", e.file))
21
21
  }, [
22
- f(r(H))
22
+ p(u(O))
23
23
  ]),
24
- l("div", se, [
25
- r(M)(t.file.type) === "image" ? (o(), p(r(O), {
24
+ r("div", K, [
25
+ u(C)(e.file.type) === "image" ? (o(), v(u(T), {
26
26
  key: 0,
27
27
  file: d.value,
28
- alt: t.file.name,
28
+ alt: e.file.name,
29
29
  size: "large",
30
30
  "fill-screen": ""
31
- }, null, 8, ["file", "alt"])) : (o(), p(r(P), {
31
+ }, null, 8, ["file", "alt"])) : (o(), v(u(U), {
32
32
  key: 1,
33
- file: t.file,
33
+ file: e.file,
34
34
  outlined: !1
35
35
  }, null, 8, ["file"]))
36
36
  ])
37
37
  ], 2));
38
38
  }
39
- }), ae = /* @__PURE__ */ V(te, [["__scopeId", "data-v-d52d3d8d"]]);
40
- function le(a) {
41
- if (!a) return;
42
- const c = Array.isArray(a) ? a : [a], s = {
39
+ }), W = /* @__PURE__ */ B(Q, [["__scopeId", "data-v-d52d3d8d"]]);
40
+ function X(l) {
41
+ if (!l) return;
42
+ const n = Array.isArray(l) ? l : [l], t = {
43
43
  image: ["image/*"],
44
44
  pdf: ["application/pdf"],
45
45
  excel: [
@@ -52,30 +52,30 @@ function le(a) {
52
52
  ],
53
53
  all: ["*/*"]
54
54
  };
55
- return c.flatMap((d) => s[d] || []).join(",");
55
+ return n.flatMap((d) => t[d] || []).join(",");
56
56
  }
57
- function ie(a = {}) {
58
- return new Promise((c) => {
59
- const s = document.createElement("input");
60
- s.type = "file", s.style.display = "none", a.maxFiles && a.maxFiles > 1 && (s.multiple = !0);
61
- const d = le(a.accept);
62
- d && (s.accept = d), s.addEventListener("change", (t) => {
63
- const m = t.target;
64
- let e = [];
65
- if (m.files && m.files.length > 0 && (e = Array.from(m.files), a.maxFiles && e.length > a.maxFiles && (e = e.slice(0, a.maxFiles)), a.maxFileSize)) {
66
- const i = j(a.maxFileSize);
67
- e = e.filter((n) => n.size <= i);
57
+ function Y(l = {}) {
58
+ return new Promise((n) => {
59
+ const t = document.createElement("input");
60
+ t.type = "file", t.style.display = "none", l.maxFiles && l.maxFiles > 1 && (t.multiple = !0);
61
+ const d = X(l.accept);
62
+ d && (t.accept = d), t.addEventListener("change", (e) => {
63
+ const c = e.target;
64
+ let a = [];
65
+ if (c.files && c.files.length > 0 && (a = Array.from(c.files), l.maxFiles && a.length > l.maxFiles && (a = a.slice(0, l.maxFiles)), l.maxFileSize)) {
66
+ const s = N(l.maxFileSize);
67
+ a = a.filter((i) => i.size <= s);
68
68
  }
69
- c(e), document.body.removeChild(s);
70
- }), document.body.appendChild(s), s.click();
69
+ n(a), document.body.removeChild(t);
70
+ }), document.body.appendChild(t), t.click();
71
71
  });
72
72
  }
73
- const ne = { class: "chat-field-actions" }, oe = {
73
+ const Z = { class: "chat-field-actions" }, ee = {
74
74
  ref: "overlay",
75
75
  class: "chat-field-actions__overlay"
76
- }, ce = ["onClick"], de = { class: "chat-field-actions__overlay-item__label" }, me = ["disabled"], re = /* @__PURE__ */ g({
76
+ }, le = ["onClick"], te = { class: "chat-field-actions__overlay-item__label" }, ae = ["disabled"], ie = /* @__PURE__ */ _({
77
77
  __name: "ChatFieldActions",
78
- props: /* @__PURE__ */ y({
78
+ props: /* @__PURE__ */ h({
79
79
  actions: {},
80
80
  disabled: { type: Boolean, default: !1 },
81
81
  multiple: { type: Boolean, default: !0 }
@@ -84,63 +84,63 @@ const ne = { class: "chat-field-actions" }, oe = {
84
84
  modelModifiers: {}
85
85
  }),
86
86
  emits: ["update:modelValue"],
87
- setup(a) {
88
- const c = b(a, "modelValue"), s = k("button"), d = k("overlay"), t = C(!1), m = R({
87
+ setup(l) {
88
+ const n = g(l, "modelValue"), t = y("button"), d = y("overlay"), e = x(!1), c = M({
89
89
  image: {
90
- icon: $(X),
90
+ icon: b(j),
91
91
  label: "Добавить изображение"
92
92
  },
93
93
  file: {
94
- icon: $(q),
94
+ icon: b(P),
95
95
  label: "Добавить файл"
96
96
  }
97
- }), e = (i) => {
98
- ie({
99
- accept: i === "image" ? ["image"] : ["pdf", "excel", "word"],
97
+ }), a = (s) => {
98
+ Y({
99
+ accept: s === "image" ? ["image"] : ["pdf", "excel", "word"],
100
100
  maxFileSize: "5mb",
101
101
  maxFiles: 1
102
- }).then((n) => {
103
- c.value ? c.value = a.multiple ? [...c.value, ...n] : n : c.value = [...n], t.value = !1;
102
+ }).then((i) => {
103
+ n.value ? n.value = l.multiple ? [...n.value, ...i] : i : n.value = [...i], e.value = !1;
104
104
  });
105
105
  };
106
- return x(() => {
107
- Z(d.value, () => {
108
- t.value = !1;
109
- }, { ignore: [s.value] });
110
- }), (i, n) => (o(), u("div", ne, [
111
- f(A, { name: "slide-up" }, {
112
- default: z(() => [
113
- S(l("div", oe, [
114
- (o(!0), u(F, null, B(i.actions, (v) => (o(), u("div", {
106
+ return V(() => {
107
+ J(d.value, () => {
108
+ e.value = !1;
109
+ }, { ignore: [t.value] });
110
+ }), (s, i) => (o(), m("div", Z, [
111
+ p(z, { name: "slide-up" }, {
112
+ default: R(() => [
113
+ S(r("div", ee, [
114
+ (o(!0), m($, null, w(s.actions, (f) => (o(), m("div", {
115
115
  class: "chat-field-actions__overlay-item",
116
- key: v,
117
- onClick: (we) => e(v)
116
+ key: f,
117
+ onClick: (ue) => a(f)
118
118
  }, [
119
- (o(), p(L(m[v].icon), { class: "chat-field-actions__overlay-item__icon" })),
120
- l("span", de, _(m[v].label), 1)
121
- ], 8, ce))), 128))
119
+ (o(), v(A(c[f].icon), { class: "chat-field-actions__overlay-item__icon" })),
120
+ r("span", te, D(c[f].label), 1)
121
+ ], 8, le))), 128))
122
122
  ], 512), [
123
- [T, t.value]
123
+ [L, e.value]
124
124
  ])
125
125
  ]),
126
126
  _: 1
127
127
  }),
128
- l("button", {
128
+ r("button", {
129
129
  ref: "button",
130
- onClick: n[0] || (n[0] = (v) => t.value = !t.value),
131
- class: h(["chat-field-actions__button", { "chat-field-actions__button--active": t.value }]),
132
- disabled: i.disabled
130
+ onClick: i[0] || (i[0] = (f) => e.value = !e.value),
131
+ class: k(["chat-field-actions__button", { "chat-field-actions__button--active": e.value }]),
132
+ disabled: s.disabled
133
133
  }, [
134
- f(r(Y))
135
- ], 10, me)
134
+ p(u(q))
135
+ ], 10, ae)
136
136
  ]));
137
137
  }
138
- }), ue = /* @__PURE__ */ V(re, [["__scopeId", "data-v-6b295528"]]), fe = { class: "chat-field" }, _e = {
138
+ }), se = /* @__PURE__ */ B(ie, [["__scopeId", "data-v-6b295528"]]), ne = { class: "chat-field" }, oe = {
139
139
  key: 0,
140
140
  class: "chat-field__files"
141
- }, pe = { class: "chat-field__wrapper" }, ve = ["placeholder"], ze = /* @__PURE__ */ g({
141
+ }, de = { class: "chat-field__wrapper" }, ce = ["placeholder"], ge = /* @__PURE__ */ _({
142
142
  __name: "ChatField",
143
- props: /* @__PURE__ */ y({
143
+ props: /* @__PURE__ */ h({
144
144
  viewActions: { type: Boolean, default: !1 },
145
145
  actions: { default: () => ["file", "image"] },
146
146
  placeholder: { default: "Введите сообщение" },
@@ -151,112 +151,53 @@ const ne = { class: "chat-field-actions" }, oe = {
151
151
  files: {},
152
152
  filesModifiers: {}
153
153
  }),
154
- emits: /* @__PURE__ */ y(["sendMessage"], ["update:message", "update:files"]),
155
- setup(a, { emit: c }) {
156
- const s = c, d = b(a, "message"), t = b(a, "files"), m = (e) => {
157
- t.value && (t.value = t.value.filter((i) => i.name !== e.name));
154
+ emits: /* @__PURE__ */ h(["sendMessage"], ["update:message", "update:files"]),
155
+ setup(l, { emit: n }) {
156
+ const t = n, d = g(l, "message"), e = g(l, "files"), c = (a) => {
157
+ e.value && (e.value = e.value.filter((s) => s.name !== a.name));
158
158
  };
159
- return (e, i) => (o(), u("div", fe, [
160
- t.value && t.value.length > 0 ? (o(), u("div", _e, [
161
- (o(!0), u(F, null, B(t.value, (n) => (o(), p(ae, {
162
- key: n.name,
163
- file: n,
164
- onDeleteFile: m
159
+ return (a, s) => (o(), m("div", ne, [
160
+ e.value && e.value.length > 0 ? (o(), m("div", oe, [
161
+ (o(!0), m($, null, w(e.value, (i) => (o(), v(W, {
162
+ key: i.name,
163
+ file: i,
164
+ onDeleteFile: c
165
165
  }, null, 8, ["file"]))), 128))
166
- ])) : I("", !0),
167
- l("div", pe, [
168
- e.viewActions && e.actions.length > 0 ? (o(), p(ue, {
166
+ ])) : F("", !0),
167
+ r("div", de, [
168
+ a.viewActions && a.actions.length > 0 ? (o(), v(se, {
169
169
  key: 0,
170
- modelValue: t.value,
171
- "onUpdate:modelValue": i[0] || (i[0] = (n) => t.value = n),
172
- actions: e.actions,
173
- disabled: e.disabled
174
- }, null, 8, ["modelValue", "actions", "disabled"])) : I("", !0),
175
- S(l("input", {
176
- "onUpdate:modelValue": i[1] || (i[1] = (n) => d.value = n),
170
+ modelValue: e.value,
171
+ "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
172
+ actions: a.actions,
173
+ disabled: a.disabled
174
+ }, null, 8, ["modelValue", "actions", "disabled"])) : F("", !0),
175
+ S(r("input", {
176
+ "onUpdate:modelValue": s[1] || (s[1] = (i) => d.value = i),
177
177
  class: "chat-field__input",
178
- placeholder: e.placeholder
179
- }, null, 8, ve), [
178
+ placeholder: a.placeholder
179
+ }, null, 8, ce), [
180
180
  [E, d.value]
181
181
  ]),
182
- l("button", {
182
+ r("button", {
183
183
  class: "chat-field__button",
184
- onClick: i[2] || (i[2] = (n) => s("sendMessage"))
184
+ onClick: s[2] || (s[2] = (i) => t("sendMessage"))
185
185
  }, [
186
- f(r(G))
186
+ p(u(H))
187
187
  ])
188
188
  ])
189
189
  ]));
190
190
  }
191
- }), ge = { class: "message__avatar" }, he = ["src"], ye = { class: "message__content" }, be = { class: "message__info" }, Ce = { class: "message__name" }, Fe = { class: "message__time" }, ke = { class: "message__text" }, $e = { class: "message-actions__item" }, Ie = { class: "message-actions__item" }, Le = /* @__PURE__ */ g({
192
- __name: "Message",
193
- props: {
194
- message: {},
195
- position: { default: "left" }
196
- },
197
- setup(a) {
198
- const c = w(() => [
199
- "message",
200
- `message--${a.position}`
201
- ]), s = C(null), d = C(!1), t = (e) => {
202
- s.value && (d.value = !0, s.value.style.left = `${e.offsetX}px`, s.value.style.top = `${e.offsetY}px`);
203
- }, m = (e) => {
204
- s.value && e.composedPath().includes(s.value) || (d.value = !1);
205
- };
206
- return x(() => {
207
- document.addEventListener("click", m);
208
- }), D(() => {
209
- document.removeEventListener("click", m);
210
- }), (e, i) => (o(), u(F, null, [
211
- l("div", {
212
- class: h(c.value),
213
- onContextmenu: U(t, ["right", "prevent"])
214
- }, [
215
- l("div", ge, [
216
- e.message.user.avatar ? (o(), u("img", {
217
- key: 1,
218
- src: e.message.user.avatar,
219
- alt: "avatar"
220
- }, null, 8, he)) : (o(), p(r(J), { key: 0 }))
221
- ]),
222
- l("div", ye, [
223
- l("div", be, [
224
- l("div", Ce, [
225
- l("strong", null, _(e.message.user.name) + " " + _(e.message.user.lastname), 1),
226
- N(" (" + _(e.message.user.post) + ") ", 1)
227
- ]),
228
- l("div", Fe, _(r(ee)(e.message.created_at).format("HH:mm")), 1)
229
- ]),
230
- l("p", ke, _(e.message.text), 1)
231
- ])
232
- ], 34),
233
- l("div", {
234
- ref_key: "actionsRef",
235
- ref: s,
236
- class: h(["message-actions", { "message-actions--visible": d.value }])
237
- }, [
238
- l("div", $e, [
239
- f(r(K), { class: "message-actions__item-icon" }),
240
- i[0] || (i[0] = l("span", { class: "message-actions__item-text" }, "Копировать", -1))
241
- ]),
242
- l("div", Ie, [
243
- f(r(Q), { class: "message-actions__item-icon" }),
244
- i[1] || (i[1] = l("span", { class: "message-actions__item-text" }, "Удалить", -1))
245
- ])
246
- ], 2)
247
- ], 64));
248
- }
249
- }), Me = { class: "bonus-summary" }, Te = /* @__PURE__ */ g({
191
+ }), re = { class: "bonus-summary" }, ye = /* @__PURE__ */ _({
250
192
  __name: "BonusSummary",
251
- setup(a) {
252
- return (c, s) => (o(), u("div", Me, [
253
- f(r(W), { class: "bonus-summary__icon" }),
254
- s[0] || (s[0] = l("div", { class: "bonus-summary__number" }, "123", -1))
193
+ setup(l) {
194
+ return (n, t) => (o(), m("div", re, [
195
+ p(u(G), { class: "bonus-summary__icon" }),
196
+ t[0] || (t[0] = r("div", { class: "bonus-summary__number" }, "123", -1))
255
197
  ]));
256
198
  }
257
199
  });
258
200
  export {
259
- Te as BonusSummary,
260
- ze as ChatField,
261
- Le as Message
201
+ ye as BonusSummary,
202
+ ge as ChatField
262
203
  };
package/dist/blocks.d.ts CHANGED
@@ -10,11 +10,6 @@ declare type __VLS_Props = {
10
10
  disabled?: boolean;
11
11
  };
12
12
 
13
- declare type __VLS_Props_2 = {
14
- message: Message_2;
15
- position?: 'left' | 'right';
16
- };
17
-
18
13
  declare type __VLS_PublicProps = {
19
14
  'message': string;
20
15
  'files'?: File[];
@@ -33,21 +28,6 @@ onSendMessage?: (() => any) | undefined;
33
28
  "onUpdate:files"?: ((value: File[]) => any) | undefined;
34
29
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
35
30
 
36
- export declare const Message: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
37
- actionsRef: HTMLDivElement;
38
- }, any>;
39
-
40
- declare interface Message_2 {
41
- text: string;
42
- created_at: string;
43
- user: {
44
- name: string;
45
- avatar: string | null;
46
- lastname: string;
47
- post: string;
48
- };
49
- }
50
-
51
31
  export { }
52
32
 
53
33