@webx-ui/module-media 0.7.1 → 0.8.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, useModel as A, ref as R, watch as G, openBlock as b, createBlock as T, unref as e, mergeModels as q, computed as z, resolveDirective as Ge, withCtx as w, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Ye, createCommentVNode as D, createVNode as g, createTextVNode as O, toDisplayString as U, isRef as ve, useTemplateRef as oe, onMounted as Fe, nextTick as Je, createElementVNode as V, withKeys as Qe, normalizeClass as pe, createSlots as We, inject as Ze, normalizeStyle as fe, mergeProps as ge } from "vue";
-import { useTranslate as H, useAdmin as se, useErrorText as et, adminKey as tt, WxListScreen as lt } from "@webx-ui/module-admin";
-import { WxTree as at, WxSelectionArea as it, WxFileCard as Le, WxEmpty as nt, toast as J, WxAction as B, WxInput as Z, WxDropdown as Ve, WxDropdownItem as Te, WxActions as le, useModal as ye, WxDialog as he, WxSelect as ot, WxSpace as be, WxButton as I, useElementWidth as st, createModal as ae, WxPagination as rt, WxDrawer as dt, confirm as ue, openImageEditor as ut, WxSortableList as ct, WxPopover as Re, WxPopconfirm as De, WxImage as mt, WxCard as pt } from "@webx-ui/core";
-function we(a) {
+import { defineComponent as S, useModel as A, ref as R, watch as G, openBlock as w, createBlock as T, unref as e, mergeModels as q, computed as z, resolveDirective as Ye, withCtx as b, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Je, createCommentVNode as D, createVNode as g, createTextVNode as O, toDisplayString as U, isRef as ve, useTemplateRef as oe, onMounted as Fe, nextTick as Qe, createElementVNode as V, withKeys as Ze, normalizeClass as pe, createSlots as We, inject as et, normalizeStyle as fe, mergeProps as ge } from "vue";
+import { useTranslate as H, useAdmin as se, useErrorText as tt, adminKey as lt, WxListScreen as at } from "@webx-ui/module-admin";
+import { WxTree as it, WxSelectionArea as nt, WxFileCard as Le, WxEmpty as ot, toast as J, WxAction as B, WxInput as Z, WxDropdown as Ve, WxDropdownItem as Te, WxActions as le, useModal as ye, WxDialog as he, WxSelect as st, WxSpace as we, WxButton as I, useElementWidth as rt, createModal as ae, WxPagination as dt, WxDrawer as ut, confirm as ue, openImageEditor as ct, WxSortableList as mt, WxPopover as Re, WxPopconfirm as De, WxImage as pt, WxCard as ft } from "@webx-ui/core";
+function be(a) {
   const i = `${a.apiPath}/media`, n = (l) => l.data;
   return {
     directories: () => a.http.get(`${i}/directories`).then(n),
@@ -28,7 +28,7 @@ function we(a) {
       return v.append("directory_id", String(l)), r.forEach((t) => v.append("files[]", t)), new Promise((t, x) => {
         const y = new XMLHttpRequest();
         y.open("POST", `${i}/files`), y.responseType = "json", y.withCredentials = !0, y.setRequestHeader("Accept", "application/json"), y.setRequestHeader("X-Requested-With", "XMLHttpRequest"), y.setRequestHeader("X-Webx-Locale", a.i18n.state.locale);
-        const s = ft();
+        const s = vt();
         s && y.setRequestHeader("X-XSRF-TOKEN", s), y.upload.addEventListener("progress", (u) => {
           u.lengthComputable && d?.(Math.round(u.loaded / u.total * 100));
         }), y.addEventListener("load", () => {
@@ -63,7 +63,7 @@ function we(a) {
     }
   };
 }
-function ft() {
+function vt() {
   const a = document.cookie.split("; ").find((i) => i.startsWith("XSRF-TOKEN="));
   return a ? decodeURIComponent(a.slice(11)) : null;
 }
@@ -74,7 +74,7 @@ function Be(a) {
     n /= 1024, l++;
   return `${n >= 10 || l === 0 ? Math.round(n) : n.toFixed(1)} ${i[l]}`;
 }
-function vt(a) {
+function gt(a) {
   return a.split("/").pop() || a;
 }
 const ze = /* @__PURE__ */ S({
@@ -109,7 +109,7 @@ const ze = /* @__PURE__ */ S({
       const k = u.zone === "inside" ? u.target : u.parent;
       k && r("move", u.node.id, k.id);
     }
-    return (u, k) => (b(), T(e(at), {
+    return (u, k) => (w(), T(e(it), {
       selected: l.value,
       "onUpdate:selected": k[0] || (k[0] = (h) => l.value = h),
       expanded: t.value,
@@ -123,7 +123,7 @@ const ze = /* @__PURE__ */ S({
       onDrop: s
     }, null, 8, ["selected", "expanded", "modelValue"]));
   }
-}), gt = /* @__PURE__ */ S({
+}), yt = /* @__PURE__ */ S({
   __name: "FileGrid",
   props: /* @__PURE__ */ q({
     files: {},
@@ -158,16 +158,16 @@ const ze = /* @__PURE__ */ S({
       J.danger(`${d("errors.copy")} ${y.url}`, { duration: 0 });
     }
     return (y, s) => {
-      const u = Ge("wx-select");
-      return a.files.length > 0 ? (b(), T(e(it), {
+      const u = Ye("wx-select");
+      return a.files.length > 0 ? (w(), T(e(nt), {
         key: 0,
         modelValue: l.value,
         "onUpdate:modelValue": s[0] || (s[0] = (k) => l.value = k),
         class: "wx-media-grid",
         multiple: !a.single
       }, {
-        default: w(({ isSelected: k }) => [
-          (b(!0), L(ce, null, me(a.files, (h) => Ye((b(), T(e(Le), {
+        default: b(({ isSelected: k }) => [
+          (w(!0), L(ce, null, me(a.files, (h) => Je((w(), T(e(Le), {
             key: h.id,
             class: "wx-media-grid__card",
             name: h.name,
@@ -201,13 +201,13 @@ const ze = /* @__PURE__ */ S({
           ])), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "multiple"])) : (b(), T(e(nt), {
+      }, 8, ["modelValue", "multiple"])) : (w(), T(e(ot), {
         key: 1,
         description: v.value
       }, null, 8, ["description"]));
     };
   }
-}), yt = { class: "wx-media-toolbar" }, ht = /* @__PURE__ */ S({
+}), ht = { class: "wx-media-toolbar" }, wt = /* @__PURE__ */ S({
   __name: "MediaToolbar",
   props: /* @__PURE__ */ q({
     canUpload: { type: Boolean },
@@ -237,8 +237,8 @@ const ze = /* @__PURE__ */ S({
       { value: "name", label: t("manager.sort-name") },
       { value: "-size", label: t("manager.sort-size") }
     ]), s = z(() => x.value.find((k) => k.value === r.value)?.label ?? ""), u = z(() => y.value.find((k) => k.value === d.value)?.label ?? "");
-    return (k, h) => (b(), L("header", yt, [
-      a.compact ? (b(), T(e(B), {
+    return (k, h) => (w(), L("header", ht, [
+      a.compact ? (w(), T(e(B), {
         key: 0,
         icon: "sidebar",
         title: e(t)("manager.folders"),
@@ -253,21 +253,21 @@ const ze = /* @__PURE__ */ S({
         clearable: "",
         size: "sm"
       }, null, 8, ["modelValue", "placeholder"]),
-      a.fixedType ? D("", !0) : (b(), T(e(Ve), { key: 1 }, {
-        trigger: w(() => [
+      a.fixedType ? D("", !0) : (w(), T(e(Ve), { key: 1 }, {
+        trigger: b(() => [
           g(e(B), {
             icon: "filter",
             title: `${e(t)("manager.all-types")}: ${s.value}`,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: w(() => [
-          (b(!0), L(ce, null, me(x.value, (o) => (b(), T(e(Te), {
+        default: b(() => [
+          (w(!0), L(ce, null, me(x.value, (o) => (w(), T(e(Te), {
             key: String(o.value),
             active: o.value === r.value,
             onClick: ($) => r.value = o.value
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(o.label), 1)
             ]),
             _: 2
@@ -276,20 +276,20 @@ const ze = /* @__PURE__ */ S({
         _: 1
       })),
       g(e(Ve), null, {
-        trigger: w(() => [
+        trigger: b(() => [
           g(e(B), {
             icon: "arrow-down",
             title: u.value,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: w(() => [
-          (b(!0), L(ce, null, me(y.value, (o) => (b(), T(e(Te), {
+        default: b(() => [
+          (w(!0), L(ce, null, me(y.value, (o) => (w(), T(e(Te), {
             key: o.value,
             active: o.value === d.value,
             onClick: ($) => d.value = o.value
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(o.label), 1)
             ]),
             _: 2
@@ -297,18 +297,18 @@ const ze = /* @__PURE__ */ S({
         ]),
         _: 1
       }),
-      a.canUpload ? (b(), T(e(B), {
+      a.canUpload ? (w(), T(e(B), {
         key: 2,
         type: "upload",
         title: e(t)("manager.upload"),
         size: "sm",
         onClick: h[2] || (h[2] = (o) => v("upload"))
       }, null, 8, ["title"])) : D("", !0),
-      a.canManage ? (b(), T(e(le), {
+      a.canManage ? (w(), T(e(le), {
         key: 3,
         size: "sm"
       }, {
-        default: w(() => [
+        default: b(() => [
           g(e(B), {
             icon: "folder-move",
             title: e(t)("manager.move"),
@@ -347,20 +347,20 @@ const ze = /* @__PURE__ */ S({
         ...x(s.children ?? [])
       ]);
     }
-    return (y, s) => (b(), T(e(he), {
+    return (y, s) => (w(), T(e(he), {
       open: e(n),
       "onUpdate:open": s[3] || (s[3] = (u) => ve(n) ? n.value = u : null),
       title: e(d)("manager.move-to"),
       width: 420
     }, {
-      footer: w(() => [
-        g(e(be), { size: "sm" }, {
-          default: w(() => [
+      footer: b(() => [
+        g(e(we), { size: "sm" }, {
+          default: b(() => [
             g(e(I), {
               variant: "outline",
               onClick: s[1] || (s[1] = (u) => e(r)())
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.cancel")), 1)
               ]),
               _: 1
@@ -370,7 +370,7 @@ const ze = /* @__PURE__ */ S({
               disabled: t.value === null,
               onClick: s[2] || (s[2] = (u) => e(l)(t.value))
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.move")), 1)
               ]),
               _: 1
@@ -379,8 +379,8 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: w(() => [
-        g(e(ot), {
+      default: b(() => [
+        g(e(st), {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
           options: v.value
@@ -389,7 +389,7 @@ const ze = /* @__PURE__ */ S({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), wt = /* @__PURE__ */ S({
+}), xt = /* @__PURE__ */ S({
   __name: "NameDialog",
   props: {
     title: {},
@@ -400,26 +400,26 @@ const ze = /* @__PURE__ */ S({
   setup(a) {
     const i = a, { open: n, resolve: l, dismiss: r } = ye(), d = H("webx-media"), v = R(i.value), t = oe("input");
     Fe(async () => {
-      await Je(), t.value?.querySelector("input")?.focus();
+      await Qe(), t.value?.querySelector("input")?.focus();
     });
     function x() {
       const y = v.value.trim();
       y !== "" && l(y);
     }
-    return (y, s) => (b(), T(e(he), {
+    return (y, s) => (w(), T(e(he), {
       open: e(n),
       "onUpdate:open": s[2] || (s[2] = (u) => ve(n) ? n.value = u : null),
       title: a.title,
       width: 420
     }, {
-      footer: w(() => [
-        g(e(be), { size: "sm" }, {
-          default: w(() => [
+      footer: b(() => [
+        g(e(we), { size: "sm" }, {
+          default: b(() => [
             g(e(I), {
               variant: "outline",
               onClick: s[1] || (s[1] = (u) => e(r)())
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.cancel")), 1)
               ]),
               _: 1
@@ -429,7 +429,7 @@ const ze = /* @__PURE__ */ S({
               disabled: v.value.trim() === "",
               onClick: x
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(a.confirmText ?? e(d)("manager.save")), 1)
               ]),
               _: 1
@@ -438,7 +438,7 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: w(() => [
+      default: b(() => [
         V("div", {
           ref_key: "input",
           ref: t
@@ -448,14 +448,14 @@ const ze = /* @__PURE__ */ S({
             "onUpdate:modelValue": s[0] || (s[0] = (u) => v.value = u),
             placeholder: a.label ?? e(d)("manager.folder-name"),
             "aria-label": a.label ?? e(d)("manager.folder-name"),
-            onKeyup: Qe(x, ["enter"])
+            onKeyup: Ze(x, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "aria-label"])
         ], 512)
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), xt = {
+}), kt = {
   module: {
     title: "Files"
   },
@@ -590,14 +590,14 @@ const ze = /* @__PURE__ */ S({
 function re() {
   try {
     const { i18n: a } = se();
-    Ue.has(a) || (a.defaults("webx-media", xt), Ue.add(a));
+    Ue.has(a) || (a.defaults("webx-media", kt), Ue.add(a));
   } catch {
   }
 }
-const kt = {
+const $t = {
   key: 0,
   class: "wx-media__folders"
-}, $t = { class: "wx-media__files" }, _t = ["accept"], Ct = { class: "wx-media__status" }, Mt = { key: 0 }, Vt = { class: "wx-media__drawer" }, Se = /* @__PURE__ */ S({
+}, _t = { class: "wx-media__files" }, Ct = ["accept"], Mt = { class: "wx-media__status" }, Vt = { key: 0 }, Tt = { class: "wx-media__drawer" }, Se = /* @__PURE__ */ S({
   __name: "MediaManager",
   props: /* @__PURE__ */ q({
     picking: { type: Boolean, default: !1 },
@@ -611,9 +611,9 @@ const kt = {
   }),
   emits: /* @__PURE__ */ q(["pick", "selection"], ["update:type"]),
   setup(a, { expose: i, emit: n }) {
-    const l = a, r = n, d = se(), v = we(d);
+    const l = a, r = n, d = se(), v = be(d);
     re();
-    const t = H("webx-media"), x = et();
+    const t = H("webx-media"), x = tt();
     function y() {
       return {
         title: t("editor.title"),
@@ -635,14 +635,14 @@ const kt = {
         errorText: t("editor.error")
       };
     }
-    const s = oe("root"), u = st(s), k = z(() => u.value > 0 && u.value < 640), h = R([]), o = R(null), $ = R(null), F = R([]), K = R(""), X = A(a, "type");
+    const s = oe("root"), u = rt(s), k = z(() => u.value > 0 && u.value < 640), h = R([]), o = R(null), $ = R(null), F = R([]), K = R(""), X = A(a, "type");
     l.accept && (X.value = l.accept), G(
       () => l.accept,
       (p) => {
         X.value = p ?? "all";
       }
     );
-    const N = R("-created_at"), ee = R(!1), j = R(!1), te = oe("picker"), ie = z(() => $.value?.data ?? []), Q = z(() => d.can("media.manage")), de = z(() => d.can("media.upload") || Q.value), E = z(() => He(o.value)), ne = z(() => l.picking && !l.multiple);
+    const N = R("-created_at"), ee = R(!1), j = R(!1), te = oe("picker"), ie = z(() => $.value?.data ?? []), Q = z(() => d.can("media.manage")), de = z(() => d.can("media.upload") || Q.value), E = z(() => Xe(o.value)), ne = z(() => l.picking && !l.multiple);
     G(F, (p) => {
       if (l.max !== null && l.max > 0 && p.length > l.max) {
         F.value = p.slice(0, l.max);
@@ -654,7 +654,7 @@ const kt = {
       );
     }), Fe(c), G([o, X, N], () => m(1)), G(
       K,
-      Ke(() => m(1), 300)
+      je(() => m(1), 300)
     ), G(k, (p) => {
       p || (j.value = !1);
     });
@@ -682,13 +682,13 @@ const kt = {
       const f = p.target, _ = Array.from(f.files ?? []);
       if (f.value = "", !(_.length === 0 || o.value === null))
         try {
-          const P = await v.upload(o.value, _), Y = P.filter((je) => je.duplicate).length;
+          const P = await v.upload(o.value, _), Y = P.filter((Ge) => Ge.duplicate).length;
           P.length > Y && J.success(t("manager.uploaded", { count: P.length - Y })), Y > 0 && J.info(t("manager.duplicate-added")), await Promise.all([c(), m(1)]);
         } catch (P) {
           J.danger(x(P, t("errors.upload")));
         }
     }
-    const W = ae(wt);
+    const W = ae(xt);
     async function $e() {
       const p = await W({
         title: t("manager.new-folder"),
@@ -719,7 +719,7 @@ const kt = {
         try {
           await v.deleteDirectory(p.id);
         } catch (_) {
-          const P = Xe(_);
+          const P = Ke(_);
           if (!P) {
             J.danger(x(_));
             return;
@@ -745,16 +745,16 @@ const kt = {
       }
       await c();
     }
-    const Ee = ae(bt);
-    async function Pe() {
-      const p = await Ee({
+    const Pe = ae(bt);
+    async function Oe() {
+      const p = await Pe({
         directories: h.value,
         from: o.value,
         count: F.value.length
       });
       p !== void 0 && (await v.move([...F.value], p), await Promise.all([c(), m()]));
     }
-    async function Oe() {
+    async function Ae() {
       const p = [...F.value];
       await ue({
         title: t("dialogs.delete-files-title", { count: p.length }),
@@ -764,14 +764,14 @@ const kt = {
         tone: "danger"
       }) && (await v.remove(p), await Promise.all([c(), m()]));
     }
-    async function Ae(p, f) {
+    async function Ne(p, f) {
       await v.rename(p.id, f), await m();
     }
-    async function Ne(p) {
+    async function qe(p) {
       await v.removeOne(p.id), await Promise.all([c(), m()]);
     }
-    async function qe(p) {
-      const f = await ut({
+    async function Ie(p) {
+      const f = await ct({
         src: p.source ?? p.url,
         fileName: p.file_name,
         filters: !1,
@@ -789,10 +789,10 @@ const kt = {
         resize: { width: f.width, height: f.height }
       }), await m());
     }
-    function Ie(p) {
+    function He(p) {
       l.multiple || r("pick", p);
     }
-    function He(p) {
+    function Xe(p) {
       const f = (_) => {
         for (const P of _) {
           if (P.id === p)
@@ -805,35 +805,35 @@ const kt = {
       };
       return p === null ? null : f(h.value);
     }
-    function Xe(p) {
+    function Ke(p) {
       const f = p?.body;
       return f?.code === "directory_not_empty" ? f.counts ?? null : null;
     }
     i({ upload: M });
-    function Ke(p, f) {
+    function je(p, f) {
       let _;
       return () => {
         clearTimeout(_), _ = setTimeout(p, f);
       };
     }
-    return (p, f) => (b(), L("div", {
+    return (p, f) => (w(), L("div", {
       ref_key: "root",
       ref: s,
       class: pe(["wx-media", { "wx-media--compact": k.value }])
     }, [
-      k.value ? D("", !0) : (b(), L("aside", kt, [
+      k.value ? D("", !0) : (w(), L("aside", $t, [
         g(ze, {
           selected: o.value,
           "onUpdate:selected": f[0] || (f[0] = (_) => o.value = _),
           directories: h.value,
           onMove: Me
         }, null, 8, ["selected", "directories"]),
-        Q.value ? (b(), T(e(le), {
+        Q.value ? (w(), T(e(le), {
           key: 0,
           size: "sm",
           align: "start"
         }, {
-          default: w(() => [
+          default: b(() => [
             g(e(B), {
               type: "add",
               title: e(t)("manager.new-folder"),
@@ -855,8 +855,8 @@ const kt = {
           _: 1
         })) : D("", !0)
       ])),
-      V("section", $t, [
-        g(ht, {
+      V("section", _t, [
+        g(wt, {
           search: K.value,
           "onUpdate:search": f[1] || (f[1] = (_) => K.value = _),
           type: X.value,
@@ -869,8 +869,8 @@ const kt = {
           selected: F.value.length,
           compact: k.value,
           onUpload: M,
-          onMove: Pe,
-          onRemove: Oe,
+          onMove: Oe,
+          onRemove: Ae,
           onFolders: f[4] || (f[4] = (_) => j.value = !0)
         }, null, 8, ["search", "type", "sort", "can-upload", "fixed-type", "can-manage", "selected", "compact"]),
         V("input", {
@@ -881,25 +881,25 @@ const kt = {
           hidden: "",
           accept: a.accept === null ? void 0 : `${a.accept}/*`,
           onChange: C
-        }, null, 40, _t),
-        g(gt, {
+        }, null, 40, Ct),
+        g(yt, {
           selected: F.value,
           "onUpdate:selected": f[5] || (f[5] = (_) => F.value = _),
           files: ie.value,
           api: e(v),
           query: K.value,
           single: ne.value,
-          onRename: Ae,
-          onEdit: qe,
-          onRemove: Ne,
-          onOpen: Ie
+          onRename: Ne,
+          onEdit: Ie,
+          onRemove: qe,
+          onOpen: He
         }, null, 8, ["selected", "files", "api", "query", "single"]),
-        V("footer", Ct, [
+        V("footer", Mt, [
           V("span", null, U(e(t)("manager.status-files", { count: $.value?.stats.files ?? 0 })), 1),
-          F.value.length > 0 ? (b(), L("span", Mt, U(e(t)("manager.status-selected", { count: F.value.length })), 1)) : D("", !0),
+          F.value.length > 0 ? (w(), L("span", Vt, U(e(t)("manager.status-selected", { count: F.value.length })), 1)) : D("", !0),
           V("span", null, U(e(t)("manager.status-size", { size: e(Be)($.value?.stats.size ?? 0) })), 1)
         ]),
-        $.value && $.value.meta.last_page > 1 ? (b(), T(e(rt), {
+        $.value && $.value.meta.last_page > 1 ? (w(), T(e(dt), {
           key: 0,
           page: $.value.meta.current_page,
           "per-page": $.value.meta.per_page,
@@ -910,15 +910,15 @@ const kt = {
           onChange: f[6] || (f[6] = ({ page: _ }) => m(_))
         }, null, 8, ["page", "per-page", "total", "last-page", "disabled"])) : D("", !0)
       ]),
-      g(e(dt), {
+      g(e(ut), {
         open: j.value,
         "onUpdate:open": f[9] || (f[9] = (_) => j.value = _),
         side: "left",
         title: e(t)("manager.folders"),
         size: 280
       }, {
-        default: w(() => [
-          V("div", Vt, [
+        default: b(() => [
+          V("div", Tt, [
             g(ze, {
               selected: o.value,
               "onUpdate:selected": [
@@ -928,12 +928,12 @@ const kt = {
               directories: h.value,
               onMove: Me
             }, null, 8, ["selected", "directories"]),
-            Q.value ? (b(), T(e(le), {
+            Q.value ? (w(), T(e(le), {
               key: 0,
               size: "sm",
               align: "start"
             }, {
-              default: w(() => [
+              default: b(() => [
                 g(e(B), {
                   type: "add",
                   title: e(t)("manager.new-folder"),
@@ -960,7 +960,7 @@ const kt = {
       }, 8, ["open", "title"])
     ], 2));
   }
-}), Tt = { class: "wx-media-picker" }, zt = {
+}), zt = { class: "wx-media-picker" }, Ut = {
   key: 0,
   class: "wx-media-picker__count"
 }, xe = /* @__PURE__ */ S({
@@ -974,14 +974,14 @@ const kt = {
   },
   setup(a) {
     const { open: i, resolve: n, dismiss: l } = ye(), r = H("webx-media"), d = R([]);
-    return (v, t) => (b(), T(e(he), {
+    return (v, t) => (w(), T(e(he), {
       open: e(i),
       "onUpdate:open": t[4] || (t[4] = (x) => ve(i) ? i.value = x : null),
       title: a.title ?? e(r)("module.title"),
       width: 960
     }, We({
-      default: w(() => [
-        V("div", Tt, [
+      default: b(() => [
+        V("div", zt, [
           g(Se, {
             picking: !a.manage,
             accept: a.manage ? null : a.accept,
@@ -996,15 +996,15 @@ const kt = {
     }, [
       a.multiple && !a.manage ? {
         name: "footer",
-        fn: w(() => [
-          g(e(be), { size: "sm" }, {
-            default: w(() => [
-              a.max !== null && a.max > 0 ? (b(), L("span", zt, U(e(r)("manager.chosen", { count: d.value.length, max: a.max })), 1)) : D("", !0),
+        fn: b(() => [
+          g(e(we), { size: "sm" }, {
+            default: b(() => [
+              a.max !== null && a.max > 0 ? (w(), L("span", Ut, U(e(r)("manager.chosen", { count: d.value.length, max: a.max })), 1)) : D("", !0),
               g(e(I), {
                 variant: "outline",
                 onClick: t[2] || (t[2] = (x) => e(l)())
               }, {
-                default: w(() => [
+                default: b(() => [
                   O(U(e(r)("manager.cancel")), 1)
                 ]),
                 _: 1
@@ -1015,7 +1015,7 @@ const kt = {
                 disabled: d.value.length === 0,
                 onClick: t[3] || (t[3] = (x) => e(n)(d.value))
               }, {
-                default: w(() => [
+                default: b(() => [
                   O(U(e(r)("manager.pick", { count: d.value.length })), 1)
                 ]),
                 _: 1
@@ -1028,7 +1028,7 @@ const kt = {
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Ut = ae(xe), Ft = ae(xe, {
+}), Ee = ae(xe), Ft = ae(xe, {
   props: { multiple: !0 }
 }), Wt = ae(
   xe,
@@ -1066,7 +1066,7 @@ const kt = {
   setup(a) {
     const i = a, n = A(a, "modelValue");
     re();
-    const l = H("webx-media"), r = Ze(tt, null), d = r ? we(r) : null, v = {
+    const l = H("webx-media"), r = et(lt, null), d = r ? be(r) : null, v = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
@@ -1103,7 +1103,7 @@ const kt = {
       return o(c) === null;
     }
     function F(c) {
-      return o(c)?.name ?? vt(c.path);
+      return o(c)?.name ?? gt(c.path);
     }
     function K(c) {
       const m = o(c);
@@ -1154,12 +1154,12 @@ const kt = {
       const c = t.value.length;
       return i.min && c < i.min ? l("field.at-least", { count: i.min }) : x.value === null ? "" : l("field.count", { count: c, max: x.value });
     });
-    return (c, m) => (b(), L("div", {
+    return (c, m) => (w(), L("div", {
       class: pe(["wx-media-list", [`wx-media-list--${a.layout}`, { "is-disabled": a.disabled }]]),
       style: fe(E.value)
     }, [
-      a.label ? (b(), L("span", Lt, U(a.label), 1)) : D("", !0),
-      g(e(ct), {
+      a.label ? (w(), L("span", Lt, U(a.label), 1)) : D("", !0),
+      g(e(mt), {
         modelValue: t.value,
         "onUpdate:modelValue": m[1] || (m[1] = (M) => t.value = M),
         plain: "",
@@ -1170,7 +1170,7 @@ const kt = {
         "drag-label": e(l)("field.reorder"),
         "empty-text": e(l)("field.empty")
       }, {
-        default: w(({ item: M, index: C }) => [
+        default: b(({ item: M, index: C }) => [
           V("div", {
             class: pe(["wx-media-list__cell", { "is-broken": $(M), "is-busy": N.value === C }])
           }, [
@@ -1180,15 +1180,15 @@ const kt = {
               type: o(M)?.mime,
               size: a.layout === "rows" ? "sm" : "md"
             }, {
-              meta: w(() => [
-                $(M) ? (b(), L("span", Rt, U(e(l)("field.missing")), 1)) : (b(), L("span", Dt, U(X(M)), 1))
+              meta: b(() => [
+                $(M) ? (w(), L("span", Rt, U(e(l)("field.missing")), 1)) : (w(), L("span", Dt, U(X(M)), 1))
               ]),
               _: 2
             }, 1032, ["name", "thumbnail", "type", "size"]),
-            a.disabled ? D("", !0) : (b(), L("div", Bt, [
+            a.disabled ? D("", !0) : (w(), L("div", Bt, [
               g(e(le), { size: "sm" }, {
-                default: w(() => [
-                  a.captions ? (b(), T(e(Re), {
+                default: b(() => [
+                  a.captions ? (w(), T(e(Re), {
                     key: 0,
                     open: N.value === C,
                     title: e(l)("field.captions"),
@@ -1197,13 +1197,13 @@ const kt = {
                     teleport: "",
                     "onUpdate:open": (W) => N.value = W ? C : null
                   }, {
-                    trigger: w(() => [
+                    trigger: b(() => [
                       g(e(B), {
                         type: "edit",
                         title: e(l)("field.captions")
                       }, null, 8, ["title"])
                     ]),
-                    default: w(() => [
+                    default: b(() => [
                       V("div", St, [
                         V("div", Et, [
                           m[2] || (m[2] = V("span", { class: "wx-media-list__caption-label" }, "alt", -1)),
@@ -1229,7 +1229,7 @@ const kt = {
                             type: "primary",
                             onClick: m[0] || (m[0] = (W) => N.value = null)
                           }, {
-                            default: w(() => [
+                            default: b(() => [
                               O(U(e(l)("manager.save")), 1)
                             ]),
                             _: 1
@@ -1239,7 +1239,7 @@ const kt = {
                     ]),
                     _: 2
                   }, 1032, ["open", "title", "onUpdate:open"])) : D("", !0),
-                  $(M) ? D("", !0) : (b(), T(e(B), {
+                  $(M) ? D("", !0) : (w(), T(e(B), {
                     key: 1,
                     type: "goto",
                     title: e(l)("field.open"),
@@ -1254,7 +1254,7 @@ const kt = {
                     side: "top",
                     onConfirm: (W) => Q(C)
                   }, {
-                    trigger: w(() => [
+                    trigger: b(() => [
                       g(e(B), {
                         type: "remove",
                         title: e(l)("field.remove-confirm")
@@ -1277,12 +1277,12 @@ const kt = {
           disabled: a.disabled || y.value,
           onClick: ie
         }, {
-          default: w(() => [
+          default: b(() => [
             O(U(e(l)("field.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        ne.value ? (b(), L("span", Nt, U(ne.value), 1)) : D("", !0)
+        ne.value ? (w(), L("span", Nt, U(ne.value), 1)) : D("", !0)
       ])
     ], 6));
   }
@@ -1302,7 +1302,7 @@ const kt = {
         i.value = l[0] ?? null;
       }
     });
-    return (l, r) => (b(), T(ke, ge(l.$attrs, {
+    return (l, r) => (w(), T(ke, ge(l.$attrs, {
       modelValue: n.value,
       "onUpdate:modelValue": r[0] || (r[0] = (d) => n.value = d),
       layout: "rows",
@@ -1320,7 +1320,7 @@ const kt = {
   emits: ["update:modelValue"],
   setup(a) {
     const i = A(a, "modelValue");
-    return (n, l) => (b(), T(ke, ge(n.$attrs, {
+    return (n, l) => (w(), T(ke, ge(n.$attrs, {
       modelValue: i.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
       layout: "rows"
@@ -1337,7 +1337,7 @@ const kt = {
   emits: ["update:modelValue"],
   setup(a) {
     const i = A(a, "modelValue");
-    return (n, l) => (b(), T(ke, ge(n.$attrs, {
+    return (n, l) => (w(), T(ke, ge(n.$attrs, {
       modelValue: i.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
       layout: "grid",
@@ -1370,7 +1370,7 @@ const kt = {
   setup(a) {
     const i = a, n = A(a, "modelValue");
     re();
-    const l = H("webx-media"), r = we(se()), d = {
+    const l = H("webx-media"), r = be(se()), d = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
@@ -1398,15 +1398,15 @@ const kt = {
     }
     async function k() {
       if (i.disabled) return;
-      const o = await Ut({ accept: i.accept });
+      const o = await Ee({ accept: i.accept });
       o && (t.value = { ...t.value, [o.path]: o.url }, n.value = { ...n.value, path: o.path, url: o.url });
     }
     function h() {
       n.value = null, v.value = !1;
     }
-    return (o, $) => (b(), L("div", Xt, [
-      a.label ? (b(), L("span", Kt, U(a.label), 1)) : D("", !0),
-      n.value ? (b(), L("div", {
+    return (o, $) => (w(), L("div", Xt, [
+      a.label ? (w(), L("span", Kt, U(a.label), 1)) : D("", !0),
+      n.value ? (w(), L("div", {
         key: 2,
         class: "wx-media-field__frame",
         style: fe(y.value)
@@ -1418,18 +1418,18 @@ const kt = {
           title: e(l)("field.replace"),
           onClick: k
         }, [
-          x.value ? (b(), T(e(mt), {
+          x.value ? (w(), T(e(pt), {
             key: 0,
             src: x.value,
             fit: "contain",
             width: "100%",
             height: "100%"
-          }, null, 8, ["src"])) : (b(), L("span", Yt, U(e(l)("field.no-preview")), 1))
+          }, null, 8, ["src"])) : (w(), L("span", Yt, U(e(l)("field.no-preview")), 1))
         ], 8, Gt),
-        a.disabled ? D("", !0) : (b(), L("div", Jt, [
+        a.disabled ? D("", !0) : (w(), L("div", Jt, [
           g(e(le), { size: "sm" }, {
-            default: w(() => [
-              a.captions ? (b(), T(e(Re), {
+            default: b(() => [
+              a.captions ? (w(), T(e(Re), {
                 key: 0,
                 open: v.value,
                 "onUpdate:open": $[3] || ($[3] = (F) => v.value = F),
@@ -1438,13 +1438,13 @@ const kt = {
                 side: "top",
                 teleport: ""
               }, {
-                trigger: w(() => [
+                trigger: b(() => [
                   g(e(B), {
                     type: "edit",
                     title: e(l)("field.edit")
                   }, null, 8, ["title"])
                 ]),
-                default: w(() => [
+                default: b(() => [
                   V("div", Qt, [
                     V("div", Zt, [
                       $[4] || ($[4] = V("label", {
@@ -1478,7 +1478,7 @@ const kt = {
                         type: "primary",
                         onClick: $[2] || ($[2] = (F) => v.value = !1)
                       }, {
-                        default: w(() => [
+                        default: b(() => [
                           O(U(e(l)("manager.save")), 1)
                         ]),
                         _: 1
@@ -1497,7 +1497,7 @@ const kt = {
                 side: "top",
                 onConfirm: h
               }, {
-                trigger: w(() => [
+                trigger: b(() => [
                   g(e(B), {
                     type: "remove",
                     title: e(l)("field.clear-confirm")
@@ -1509,7 +1509,7 @@ const kt = {
             _: 1
           })
         ]))
-      ], 4)) : (b(), L("div", {
+      ], 4)) : (w(), L("div", {
         key: 1,
         class: "wx-media-field__frame is-empty",
         style: fe(y.value)
@@ -1537,7 +1537,7 @@ const kt = {
         label: n(`manager.${y}`)
       }))
     ]);
-    return (y, s) => (b(), T(e(lt), {
+    return (y, s) => (w(), T(e(at), {
       view: r.value,
       "onUpdate:view": s[1] || (s[1] = (u) => r.value = u),
       title: t.value,
@@ -1545,12 +1545,12 @@ const kt = {
       card: !1,
       fill: ""
     }, We({
-      default: w(() => [
-        g(e(pt), {
+      default: b(() => [
+        g(e(ft), {
           class: "wx-media-page",
           padding: "md"
         }, {
-          default: w(() => [
+          default: b(() => [
             g(Se, {
               ref_key: "manager",
               ref: l,
@@ -1565,13 +1565,13 @@ const kt = {
     }, [
       v.value ? {
         name: "actions",
-        fn: w(() => [
+        fn: b(() => [
           g(e(I), {
             type: "primary",
             icon: "upload",
             onClick: s[0] || (s[0] = (u) => l.value?.upload())
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(e(n)("manager.upload")), 1)
             ]),
             _: 1
@@ -1600,9 +1600,19 @@ function sl(a = {}) {
     // `multiple: true` and `accept: document`".
     types: {
       "wx-media": { component: ll, kind: "field" },
-      "wx-gallery": { component: Ht, kind: "field" },
+      "wx-gallery": { component: Ht, kind: "field", wide: !0 },
       "wx-file": { component: qt, kind: "field" },
-      "wx-files": { component: It, kind: "field" }
+      "wx-files": { component: It, kind: "field", wide: !0 }
+    },
+    /**
+     * Where the panel's own fields get a picture from. `wx-rich-text` lives in
+     * `module-admin`, which cannot reach the library — the dependency runs this way — so the
+     * module that has the files hands the way in, and a panel without a file manager simply
+     * has no image button in its editors.
+     */
+    pickImage: async () => {
+      const n = await Ee({ accept: "image" });
+      return n ? { url: n.url, path: n.path } : null;
     }
   };
 }
@@ -1614,11 +1624,11 @@ export {
   Se as WxMediaManager,
   al as WxMediaPage,
   xe as WxMediaPicker,
-  we as createMediaApi,
+  be as createMediaApi,
   sl as media,
-  xt as mediaMessages,
+  kt as mediaMessages,
   Ft as openMediaFiles,
   Wt as openMediaLibrary,
-  Ut as openMediaPicker
+  Ee as openMediaPicker
 };
 //# sourceMappingURL=index.js.map