prlg-ui 1.8.65 → 1.8.66

package/dist/Image-CC-8vrJo.js

@@ -0,0 +1,259 @@
+import { inject as P, ref as h, onMounted as z, provide as O, onUnmounted as T, defineComponent as w, useId as S, computed as k, createElementBlock as d, openBlock as n, normalizeClass as C, createCommentVNode as f, createBlock as b, createVNode as _, unref as v, resolveDynamicComponent as V, toDisplayString as y, Teleport as R, Transition as N, withCtx as A, 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 { f as M } from "./parseFileSize.util-CxVk4CvB.js";
+class q {
+  stack = [];
+  baseZIndex = {
+    confirm: 1400,
+    modal: 1300,
+    drawer: 1200,
+    popover: 1100,
+    tooltip: 1e3
+  };
+  step = 10;
+  // шаг между "корневыми" оверлеями одного типа
+  childStep = 1;
+  // шаг для вложенных (popover внутри modal и т.д.)
+  idCounter = 0;
+  listeners = /* @__PURE__ */ new Set();
+  subscribe(a) {
+    return this.listeners.add(a), () => this.listeners.delete(a);
+  }
+  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;
+    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;
+    }
+    const s = { id: o, type: a, parentId: t ?? null, zIndex: i };
+    return this.stack.push(s), this.notify(), s;
+  }
+  unregister(a) {
+    this.stack = this.stack.filter((t) => t.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 I = new q(), x = Symbol("OVERLAY_PARENT");
+function G(e) {
+  const a = P(x, null), t = h(null);
+  return z(() => {
+    t.value = I.register(e, a ?? null), t.value && O(x, t.value.id);
+  }), T(() => {
+    t.value && I.unregister(t.value.id);
+  }), {
+    zIndex: t,
+    isTop: () => t.value ? I.isTop(t.value.id) : !1
+  };
+}
+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"
+}, Q = {
+  key: 2,
+  class: "file__info"
+}, X = {
+  key: 0,
+  class: "file__type"
+}, ee = {
+  key: 1,
+  class: "file__info-separator"
+}, te = {
+  key: 2,
+  class: "file__size"
+}, le = /* @__PURE__ */ w({
+  __name: "File",
+  props: {
+    file: {},
+    viewName: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !0 },
+    removable: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(e, { emit: a }) {
+    const t = a, o = S(), l = h(null);
+    async function i(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 = k(() => l.value && l.value.mime ? H(l.value.mime) : null), c = k(() => {
+      switch (s.value) {
+        case "pdf":
+          return K;
+        case "word":
+          return L;
+        case "excel":
+          return D;
+        case "other":
+        default:
+          return Y;
+      }
+    });
+    return z(async () => {
+      if (typeof e.file == "string") {
+        const r = await i(e.file);
+        l.value = {
+          id: o,
+          url: e.file,
+          name: r.name,
+          mime: r.type,
+          size: r.size
+        };
+      } else
+        l.value = e.file;
+    }), (r, u) => (n(), d("div", {
+      class: C(["file", { "file--outlined": r.outlined }])
+    }, [
+      r.removable && typeof r.file != "string" ? (n(), d("button", {
+        key: 0,
+        class: "file__remove",
+        onClick: u[0] || (u[0] = (g) => t("remove", r.file))
+      }, [
+        _(v(E))
+      ])) : f("", !0),
+      (n(), b(V(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)
+      ])) : 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({
+  __name: "ImageFullModal",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(e, { expose: a }) {
+    const t = h(!1), { zIndex: o } = G("modal");
+    return a({
+      open: () => {
+        t.value = !0;
+      },
+      close: () => {
+        t.value = !1;
+      }
+    }), (l, i) => (n(), b(R, { to: "body" }, [
+      _(N, { name: "fade" }, {
+        default: A(() => [
+          t.value ? (n(), d("div", {
+            key: 0,
+            class: "image-full-modal",
+            style: Z({ zIndex: v(o)?.zIndex })
+          }, [
+            m("div", {
+              class: "image-full-modal__overlay",
+              onClick: i[0] || (i[0] = (s) => t.value = !1)
+            }),
+            m("div", se, [
+              m("div", ae, [
+                m("button", {
+                  class: "image-full-modal__close",
+                  onClick: i[1] || (i[1] = (s) => t.value = !1)
+                }, [
+                  _(v(E))
+                ])
+              ]),
+              m("div", ie, [
+                m("img", {
+                  src: l.src,
+                  alt: l.alt
+                }, null, 8, ne)
+              ]),
+              i[2] || (i[2] = m("div", { class: "image-full-modal__footer" }, null, -1))
+            ])
+          ], 4)) : f("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), re = /* @__PURE__ */ F(oe, [["__scopeId", "data-v-b9bc03dd"]]), ue = ["src", "alt"], ce = {
+  key: 1,
+  class: "image__info"
+}, de = {
+  key: 0,
+  class: "image__size"
+}, fe = /* @__PURE__ */ w({
+  __name: "Image",
+  props: {
+    file: {},
+    alt: {},
+    size: { default: "medium" },
+    fullScreen: { type: Boolean },
+    viewInfo: { type: Boolean, default: !1 },
+    zIndexPreview: { default: 1002 }
+  },
+  setup(e) {
+    const a = S(), t = j("imageFullModal"), o = h(null);
+    async function l(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 = k(() => 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 = {
+            id: a,
+            url: e.file,
+            name: s.name,
+            mime: s.type,
+            size: s.size
+          };
+        } else
+          o.value = e.file;
+    }), (s, c) => (n(), d(W, null, [
+      m("div", {
+        class: C(["image", `image--${s.size}`, { "image--full-screen": s.fullScreen }])
+      }, [
+        s.fullScreen ? (n(), d("div", {
+          key: 0,
+          class: "image__overlay",
+          onClick: c[0] || (c[0] = (r) => t.value?.open())
+        }, [
+          _(v(U))
+        ])) : f("", !0),
+        m("img", {
+          src: i.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)
+        ])) : f("", !0)
+      ], 2),
+      s.fullScreen ? (n(), b(re, {
+        key: 0,
+        ref: "imageFullModal",
+        src: i.value,
+        alt: s.alt,
+        zIndexPreview: s.zIndexPreview
+      }, null, 8, ["src", "alt", "zIndexPreview"])) : f("", !0)
+    ], 64));
+  }
+}), ye = /* @__PURE__ */ F(fe, [["__scopeId", "data-v-1f4b3241"]]);
+export {
+  ge as F,
+  ye as I,
+  H as g,
+  G as u
+};

package/dist/Image-Cbf_uRLj.cjs

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

package/dist/blocks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../Image-DL600oqG.cjs"),f=require("../FileIcon-BE4ItwkK.cjs"),m=require("../SendIcon-CH6S0QWh.cjs"),p=require("../parseFileSize.util-CjKeh3NJ.cjs"),_=require("../uploadFile.util-DUcrBxO_.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-Cbf_uRLj.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,9 +1,9 @@
 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-DBUjo8i1.js";
+import { g as $, I as O, F as x } from "../Image-CC-8vrJo.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-BYvPolRo.js";
-import { o as J } from "../uploadFile.util-Dgr-qsrj.js";
+import { o as G } from "../parseFileSize.util-CxVk4CvB.js";
+import { o as J } from "../uploadFile.util-DhavPrlY.js";
 const K = { class: "chat-file__content" }, Q = /* @__PURE__ */ g({
   __name: "ChatFile",
   props: {

package/dist/eventBus.util-Bl8G4ISe.js

@@ -0,0 +1,75 @@
+import { defineComponent as s, computed as a, createBlock as d, createCommentVNode as c, openBlock as i, Teleport as u, createElementVNode as p, normalizeStyle as f, renderSlot as y } from "vue";
+let n = null;
+function m() {
+  const o = window.scrollY;
+  return document.body.style.position = "fixed", document.body.style.top = `-${o}px`, () => {
+    document.body.style.position = "", document.body.style.top = "", window.scrollTo(0, o);
+  };
+}
+const S = () => {
+  n || (n = m());
+}, h = () => {
+  n && (n(), n = null);
+}, w = () => ({
+  unlockScroll: h,
+  lockScroll: S
+}), b = ["data-layer"], B = /* @__PURE__ */ s({
+  __name: "Portal",
+  props: {
+    overlayType: { default: "modal" },
+    teleport: { type: Boolean, default: !0 },
+    target: { default: "body" },
+    zIndex: {},
+    show: { type: Boolean, default: !0 },
+    parentId: {}
+  },
+  setup(o) {
+    const t = o, l = a(() => {
+      if (t.zIndex) return t.zIndex;
+    });
+    return (e, r) => e.show ? (i(), d(u, {
+      key: 0,
+      to: e.target,
+      disabled: !e.teleport
+    }, [
+      p("div", {
+        style: f({
+          zIndex: l.value,
+          position: "relative",
+          isolation: "isolate"
+        }),
+        "data-layer": e.overlayType
+      }, [
+        y(e.$slots, "default")
+      ], 12, b)
+    ], 8, ["to", "disabled"])) : c("", !0);
+  }
+});
+function I() {
+  const o = /* @__PURE__ */ new Map();
+  return {
+    on(t, l) {
+      const e = o.get(t) || [];
+      e.push(l), o.set(t, e);
+    },
+    off(t, l) {
+      const e = o.get(t);
+      e && o.set(
+        t,
+        e.filter((r) => r !== l)
+      );
+    },
+    emit(t, l) {
+      const e = o.get(t);
+      e && e.forEach((r) => r(l));
+    },
+    clear() {
+      o.clear();
+    }
+  };
+}
+export {
+  I as E,
+  B as _,
+  w as u
+};

package/dist/eventBus.util-D6hW1PTE.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("vue");let r=null;function a(){const o=window.scrollY;return document.body.style.position="fixed",document.body.style.top=`-${o}px`,()=>{document.body.style.position="",document.body.style.top="",window.scrollTo(0,o)}}const d=()=>{r||(r=a())},c=()=>{r&&(r(),r=null)},u=()=>({unlockScroll:c,lockScroll:d}),i=["data-layer"],p=l.defineComponent({__name:"Portal",props:{overlayType:{default:"modal"},teleport:{type:Boolean,default:!0},target:{default:"body"},zIndex:{},show:{type:Boolean,default:!0},parentId:{}},setup(o){const t=o,n=l.computed(()=>{if(t.zIndex)return t.zIndex});return(e,s)=>e.show?(l.openBlock(),l.createBlock(l.Teleport,{key:0,to:e.target,disabled:!e.teleport},[l.createElementVNode("div",{style:l.normalizeStyle({zIndex:n.value,position:"relative",isolation:"isolate"}),"data-layer":e.overlayType},[l.renderSlot(e.$slots,"default")],12,i)],8,["to","disabled"])):l.createCommentVNode("",!0)}});function f(){const o=new Map;return{on(t,n){const e=o.get(t)||[];e.push(n),o.set(t,e)},off(t,n){const e=o.get(t);e&&o.set(t,e.filter(s=>s!==n))},emit(t,n){const e=o.get(t);e&&e.forEach(s=>s(n))},clear(){o.clear()}}}exports.EventBus=f;exports._sfc_main=p;exports.useBodyScroll=u;

package/dist/index.d.ts

@@ -80,13 +80,6 @@ modelValue: {
 type: BooleanConstructor;
 default: undefined;
 };
-zIndex: {
-type: NumberConstructor;
-};
-zIndexLayer: {
-type: PropType<ZIndexLayer>;
-default: string;
-};
 withoutStyle: {
 type: BooleanConstructor;
 default: boolean;
@@ -121,13 +114,6 @@ modelValue: {
 type: BooleanConstructor;
 default: undefined;
 };
-zIndex: {
-type: NumberConstructor;
-};
-zIndexLayer: {
-type: PropType<ZIndexLayer>;
-default: string;
-};
 withoutStyle: {
 type: BooleanConstructor;
 default: boolean;
@@ -139,7 +125,6 @@ modelValue: boolean;
 placement: Placement;
 arrowVisible: boolean;
 closeMode: PopoverCloseMode;
-zIndexLayer: "BASE" | "DROPDOWN" | "STICKY" | "TOOLTIP" | "POPOVER" | "DRAWER" | "MODAL" | "NOTIFICATION" | "DEBUG";
 withoutStyle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 reference: HTMLDivElement;
@@ -157,7 +142,7 @@ contentRef: HTMLDivElement;
 bodyRef: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_15: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_15: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_16: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
 contentRef: HTMLDivElement;
@@ -165,9 +150,9 @@ contentRef: HTMLDivElement;
 
 declare const __VLS_component_17: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 
-declare const __VLS_component_18: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_18: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_19: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_19: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:currentPage": (value: number) => any;
@@ -223,9 +208,9 @@ updateContainerHeight: (scrollContainer?: HTMLElement) => void;
 }, {}, {}, {}, {}> | null;
 }, any>;
 
-declare const __VLS_component_20: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_20: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:value": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
 "onUpdate:value"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -233,9 +218,9 @@ declare const __VLS_component_21: DefineComponent<    {}, {}, {}, {}, {}, Compon
 
 declare const __VLS_component_22: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_23: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const __VLS_component_23: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_24: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_24: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_25: DefineComponent<ScheduleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 clear: () => any;
@@ -439,42 +424,35 @@ declare type __VLS_Props_27 = {
     title?: string;
     style?: CSSProperties;
     position?: 'top' | 'center' | 'bottom';
-    zIndex?: number;
-    zIndexLayer?: ZIndexLayer;
 };
 
 declare type __VLS_Props_28 = {
-    zIndex?: number;
-    zIndexLayer?: ZIndexLayer;
-};
-
-declare type __VLS_Props_29 = {
     value?: string | number | (string | number)[];
     multiple?: boolean;
     styleView?: 'fill' | 'inline';
 };
 
-declare type __VLS_Props_3 = PaginatorProps;
-
-declare type __VLS_Props_30 = {
+declare type __VLS_Props_29 = {
     value: string | number;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_3 = PaginatorProps;
+
+declare type __VLS_Props_30 = {
     layouts?: 'vertical' | 'horizontal';
     type?: 'solid' | 'dashed' | 'dotted';
     align?: 'left' | 'right' | 'center';
 };
 
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_31 = {
     value: string | number;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_32 = {
     value: string | number;
 };
 
-declare type __VLS_Props_34 = {
+declare type __VLS_Props_33 = {
     value: string | number;
 };
 
@@ -566,7 +544,7 @@ declare type __VLS_PublicProps_18 = {
 
 declare type __VLS_PublicProps_19 = {
     'open': boolean;
-} & __VLS_Props_28;
+};
 
 declare type __VLS_PublicProps_2 = {
     'currentPage': number;
@@ -1140,7 +1118,6 @@ labelKey: string;
 maxTags: number;
 clearable: boolean;
 required: boolean;
-inputKey: string;
 minQueryLength: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 autocompleteTrigger: HTMLDivElement;
@@ -1164,7 +1141,6 @@ declare interface AutocompleteProps {
     loading?: boolean;
     valueKey?: string;
     labelKey?: string;
-    inputKey?: string;
     maxTags?: number;
     clearable?: boolean;
     minQueryLength?: number;
@@ -1365,8 +1341,6 @@ declare type DrawerProps = {
     width?: number | string;
     beforeClose?: (next: () => void) => void;
     wrapperNoStyle?: boolean;
-    zIndex?: number;
-    zIndexLayer?: ZIndexLayer;
 };
 
 export declare const Dropdown: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
@@ -1527,7 +1501,6 @@ declare const Image_2: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, Component
 imageFullModal: CreateComponentPublicInstanceWithMixins<Readonly<{
 src: string;
 alt?: string;
-zIndexPreview?: number;
 }> & Readonly<{}>, {
 open: () => void;
 close: () => void;
@@ -1541,7 +1514,6 @@ Defaults: {};
 }, Readonly<{
 src: string;
 alt?: string;
-zIndexPreview?: number;
 }> & Readonly<{}>, {
 open: () => void;
 close: () => void;
@@ -2014,15 +1986,6 @@ declare interface ToastProps {
      * @type {ToastMessageOptions}
      */
     message?: ToastMessageOptions;
-    /**
-     * Custom z-index value for the toast container.
-     */
-    zIndex?: number;
-    /**
-     * Z-index layer for the toast component.
-     * @defaultValue NOTIFICATION
-     */
-    zIndexLayer?: ZIndexLayer;
 }
 
 export declare const ToastService: {
@@ -2097,18 +2060,4 @@ export declare const useConfirmPopup: () => ConfirmPopupService;
 
 export declare function useToast(): ToastServiceMethods;
 
-declare const Z_INDEX: {
-    readonly BASE: 1000;
-    readonly DROPDOWN: 1010;
-    readonly STICKY: 1020;
-    readonly TOOLTIP: 1030;
-    readonly POPOVER: 1040;
-    readonly DRAWER: 1050;
-    readonly MODAL: 1060;
-    readonly NOTIFICATION: 1070;
-    readonly DEBUG: 9999;
-};
-
-declare type ZIndexLayer = keyof typeof Z_INDEX;
-
 export { }