prlg-ui 1.7.59 → 1.7.61

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.7.59",
+  "version": "1.7.61",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",
@@ -74,6 +74,7 @@
     "rollup-plugin-copy": "^3.5.0",
     "sass-embedded": "^1.89.2",
     "storybook": "^9.0.16",
+    "storybook-addon-vue-slots": "^0.9.29",
     "typescript": "~5.8.3",
     "vite": "^7.0.3",
     "vite-plugin-dts": "^4.5.4",

package/dist/Image-Bb2-xPzv.cjs

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

package/dist/Image-CFurBS6J.js

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