prlg-ui 1.7.52 → 1.7.54

package/dist/scss/root-vars.scss

@@ -1,4 +1,7 @@
 //MODAL
 :root {
   --modal-z-index: 1000;
+  --drawer-z-index: 1000;
+  --confirm-z-index: 1008;
+  --toast-z-index: 1009;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.7.52",
+  "version": "1.7.54",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",

package/dist/Image-CHlS9buq.js

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

package/dist/Image-DIcd8Rr2.cjs

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