@webx-ui/module-media 0.8.12 → 0.8.14

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as S, useModel as O, ref as R, watch as G, openBlock as h, createBlock as z, unref as e, mergeModels as q, computed as V, resolveDirective as Ge, withCtx as b, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Ye, createCommentVNode as D, createVNode as g, createTextVNode as A, toDisplayString as U, isRef as ve, useTemplateRef as oe, onMounted as Fe, nextTick as Je, createElementVNode as T, withKeys as Qe, normalizeClass as pe, createSlots as Ze, inject as et, normalizeStyle as fe, mergeProps as ge } from "vue";
-import { useTranslate as I, 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 We, 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 X, useElementWidth as rt, createModal as ae, WxPagination as dt, WxDrawer as ut, confirm as ue, openImageEditor as ct, WxSortableList as mt, WxPopover as Le, WxPopconfirm as Re, WxImage as pt, WxCard as ft } from "@webx-ui/core";
+import { defineComponent as E, useModel as A, ref as R, watch as G, openBlock as h, createBlock as U, unref as e, mergeModels as I, computed as T, resolveDirective as Ge, withCtx as x, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Ye, createCommentVNode as D, createVNode as v, createTextVNode as N, toDisplayString as W, isRef as ve, useTemplateRef as oe, onMounted as We, nextTick as Je, createElementVNode as z, withKeys as Qe, normalizeClass as pe, createSlots as Ze, 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 Fe, 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 K, useElementWidth as rt, createModal as ae, WxPagination as dt, WxDrawer as ut, confirm as ue, openImageEditor as ct, WxSortableList as mt, WxPopover as Le, WxPopconfirm as Re, 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),
-    createDirectory: (l, r) => a.http.post(`${i}/directories`, { parent_id: l, title: r }).then(n),
-    renameDirectory: (l, r) => a.http.patch(`${i}/directories/${l}`, { title: r }).then(n),
-    moveDirectory: (l, r) => a.http.patch(`${i}/directories/${l}/move`, { parent_id: r }).then(n),
-    deleteDirectory: (l, r = !1) => a.http.delete(`${i}/directories/${l}`, {
-      query: { force: r ? 1 : void 0 }
+    createDirectory: (l, s) => a.http.post(`${i}/directories`, { parent_id: l, title: s }).then(n),
+    renameDirectory: (l, s) => a.http.patch(`${i}/directories/${l}`, { title: s }).then(n),
+    moveDirectory: (l, s) => a.http.patch(`${i}/directories/${l}/move`, { parent_id: s }).then(n),
+    deleteDirectory: (l, s = !1) => a.http.delete(`${i}/directories/${l}`, {
+      query: { force: s ? 1 : void 0 }
     }),
     files: (l = {}) => a.http.get(`${i}/files`, {
       query: {
@@ -23,43 +23,43 @@ function be(a) {
     }),
     file: (l) => a.http.get(`${i}/files/${l}`).then(n),
     fileByPath: (l) => a.http.get(`${i}/files/by-path?path=${encodeURIComponent(l)}`).then(n).catch(() => null),
-    async upload(l, r, d) {
-      const v = new FormData();
-      return v.append("directory_id", String(l)), r.forEach((t) => v.append("files[]", t)), new Promise((t, x) => {
+    async upload(l, s, r) {
+      const f = new FormData();
+      return f.append("directory_id", String(l)), s.forEach((t) => f.append("files[]", t)), new Promise((t, k) => {
         const w = new XMLHttpRequest();
         w.open("POST", `${i}/files`), w.responseType = "json", w.withCredentials = !0, w.setRequestHeader("Accept", "application/json"), w.setRequestHeader("X-Requested-With", "XMLHttpRequest"), w.setRequestHeader("X-Webx-Locale", a.i18n.state.locale);
-        const s = vt();
-        s && w.setRequestHeader("X-XSRF-TOKEN", s), w.upload.addEventListener("progress", (u) => {
-          u.lengthComputable && d?.(Math.round(u.loaded / u.total * 100));
+        const o = vt();
+        o && w.setRequestHeader("X-XSRF-TOKEN", o), w.upload.addEventListener("progress", (d) => {
+          d.lengthComputable && r?.(Math.round(d.loaded / d.total * 100));
         }), w.addEventListener("load", () => {
-          const u = w.response;
-          if (w.status >= 200 && w.status < 300 && u?.data) {
-            t(u.data);
+          const d = w.response;
+          if (w.status >= 200 && w.status < 300 && d?.data) {
+            t(d.data);
             return;
           }
-          x(
-            Object.assign(new Error(u?.message ?? "Upload failed"), {
+          k(
+            Object.assign(new Error(d?.message ?? "Upload failed"), {
               status: w.status,
-              body: u
+              body: d
             })
           );
-        }), w.addEventListener("error", () => x(new Error("Upload failed"))), w.send(v);
+        }), w.addEventListener("error", () => k(new Error("Upload failed"))), w.send(f);
       });
     },
-    rename: (l, r) => a.http.patch(`${i}/files/${l}`, { name: r }).then(n),
-    move: (l, r) => a.http.post(`${i}/files/move`, { ids: l, directory_id: r }).then((d) => d.data.moved),
+    rename: (l, s) => a.http.patch(`${i}/files/${l}`, { name: s }).then(n),
+    move: (l, s) => a.http.post(`${i}/files/move`, { ids: l, directory_id: s }).then((r) => r.data.moved),
     // A POST for the batch, not a DELETE: the panel's own client sends no body on DELETE, and
     // a list of ids in a query string is a worse answer than an honest verb.
-    remove: (l) => a.http.post(`${i}/files/delete`, { ids: l }).then((r) => r.data.deleted),
+    remove: (l) => a.http.post(`${i}/files/delete`, { ids: l }).then((s) => s.data.deleted),
     removeOne: (l) => a.http.delete(`${i}/files/${l}`),
-    edit: (l, r) => a.http.post(`${i}/files/${l}/edit`, r).then(n),
+    edit: (l, s) => a.http.post(`${i}/files/${l}/edit`, s).then(n),
     copy: (l) => a.http.post(`${i}/files/${l}/copy`).then(n),
     restoreOriginal: (l) => a.http.post(`${i}/files/${l}/restore-original`).then(n),
-    thumb(l, r, d, v = "cover") {
+    thumb(l, s, r, f = "cover") {
       if (!l.thumb)
         return null;
       const t = new URL(l.thumb, window.location.origin);
-      return t.searchParams.set("w", String(r)), d && t.searchParams.set("h", String(d)), t.searchParams.set("fit", v), t.pathname + t.search;
+      return t.searchParams.set("w", String(s)), r && t.searchParams.set("h", String(r)), t.searchParams.set("fit", f), t.pathname + t.search;
     }
   };
 }
@@ -77,55 +77,55 @@ function De(a) {
 function gt(a) {
   return a.split("/").pop() || a;
 }
-const ze = /* @__PURE__ */ S({
+const ze = /* @__PURE__ */ E({
   __name: "DirectoryTree",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     directories: {}
   }, {
     selected: { default: null },
     selectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["move"], ["update:selected"]),
+  emits: /* @__PURE__ */ I(["move"], ["update:selected"]),
   setup(a, { emit: i }) {
-    const n = a, l = O(a, "selected"), r = i, d = I("webx-media"), v = R([]), t = R([]);
+    const n = a, l = A(a, "selected"), s = i, r = H("webx-media"), f = R([]), t = R([]);
     G(
       () => n.directories,
-      (u) => {
-        v.value = u.map(x), t.value = w(u);
+      (d) => {
+        f.value = d.map(k), t.value = w(d);
       },
       { immediate: !0, deep: !0 }
     );
-    function x(u) {
+    function k(d) {
       return {
-        ...u,
-        label: u.is_root ? d("manager.root") : u.title,
-        children: (u.children ?? []).map(x)
+        ...d,
+        label: d.is_root ? r("manager.root") : d.title,
+        children: (d.children ?? []).map(k)
       };
     }
-    function w(u) {
-      return u.flatMap((k) => [k.id, ...w(k.children ?? [])]);
+    function w(d) {
+      return d.flatMap(($) => [$.id, ...w($.children ?? [])]);
     }
-    function s(u) {
-      const k = u.zone === "inside" ? u.target : u.parent;
-      k && r("move", u.node.id, k.id);
+    function o(d) {
+      const $ = d.zone === "inside" ? d.target : d.parent;
+      $ && s("move", d.node.id, $.id);
     }
-    return (u, k) => (h(), z(e(it), {
+    return (d, $) => (h(), U(e(it), {
       selected: l.value,
-      "onUpdate:selected": k[0] || (k[0] = (y) => l.value = y),
+      "onUpdate:selected": $[0] || ($[0] = (g) => l.value = g),
       expanded: t.value,
-      "onUpdate:expanded": k[1] || (k[1] = (y) => t.value = y),
-      modelValue: v.value,
-      "onUpdate:modelValue": k[2] || (k[2] = (y) => v.value = y),
+      "onUpdate:expanded": $[1] || ($[1] = (g) => t.value = g),
+      modelValue: f.value,
+      "onUpdate:modelValue": $[2] || ($[2] = (g) => f.value = g),
       class: "wx-media-tree",
       "node-key": "id",
       draggable: "",
       "show-lines": "",
-      onDrop: s
+      onDrop: o
     }, null, 8, ["selected", "expanded", "modelValue"]));
   }
-}), yt = /* @__PURE__ */ S({
+}), yt = /* @__PURE__ */ E({
   __name: "FileGrid",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     files: {},
     api: {},
     query: {},
@@ -134,82 +134,82 @@ const ze = /* @__PURE__ */ S({
     selected: { default: () => [] },
     selectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["open", "rename", "edit", "remove"], ["update:selected"]),
+  emits: /* @__PURE__ */ I(["open", "rename", "edit", "remove"], ["update:selected"]),
   setup(a, { emit: i }) {
-    const n = a, l = O(a, "selected"), r = i, d = I("webx-media"), v = V(
-      () => n.query ? d("manager.empty-search", { query: n.query }) : d("manager.empty")
+    const n = a, l = A(a, "selected"), s = i, r = H("webx-media"), f = T(
+      () => n.query ? r("manager.empty-search", { query: n.query }) : r("manager.empty")
     );
     function t() {
-      J.success(d("manager.link-copied"));
+      J.success(r("manager.link-copied"));
     }
-    function x(w) {
-      const s = document.createElement("textarea");
-      s.value = w.url, s.setAttribute("readonly", ""), s.style.position = "fixed", s.style.opacity = "0", document.body.appendChild(s), s.select();
-      let u = !1;
+    function k(w) {
+      const o = document.createElement("textarea");
+      o.value = w.url, o.setAttribute("readonly", ""), o.style.position = "fixed", o.style.opacity = "0", document.body.appendChild(o), o.select();
+      let d = !1;
       try {
-        u = document.execCommand("copy");
+        d = document.execCommand("copy");
       } catch {
-        u = !1;
+        d = !1;
       }
-      if (s.remove(), u) {
+      if (o.remove(), d) {
         t();
         return;
       }
-      J.danger(`${d("errors.copy")} ${w.url}`, { duration: 0 });
+      J.danger(`${r("errors.copy")} ${w.url}`, { duration: 0 });
     }
-    return (w, s) => {
-      const u = Ge("wx-select");
-      return a.files.length > 0 ? (h(), z(e(nt), {
+    return (w, o) => {
+      const d = Ge("wx-select");
+      return a.files.length > 0 ? (h(), U(e(nt), {
         key: 0,
         modelValue: l.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (k) => l.value = k),
+        "onUpdate:modelValue": o[0] || (o[0] = ($) => l.value = $),
         class: "wx-media-grid",
         multiple: !a.single
       }, {
-        default: b(({ isSelected: k }) => [
-          (h(!0), L(ce, null, me(a.files, (y) => Ye((h(), z(e(We), {
-            key: y.id,
+        default: x(({ isSelected: $ }) => [
+          (h(!0), L(ce, null, me(a.files, (g) => Ye((h(), U(e(Fe), {
+            key: g.id,
             class: "wx-media-grid__card",
-            name: y.name,
-            url: y.url,
-            thumbnail: a.api.thumb(y, 320, 320) ?? void 0,
-            type: y.mime,
-            selected: k(y.id),
+            name: g.name,
+            url: g.url,
+            thumbnail: a.api.thumb(g, 320, 320) ?? void 0,
+            type: g.mime,
+            selected: $(g.id),
             renamable: "",
-            editable: y.editable,
+            editable: g.editable,
             removable: "",
             copyable: "",
             "actions-menu": "",
-            "rename-label": e(d)("manager.rename"),
-            "edit-label": e(d)("manager.edit"),
-            "remove-label": e(d)("manager.delete"),
-            "remove-confirm-text": e(d)("dialogs.delete-file", { name: y.name }),
-            "cancel-label": e(d)("manager.cancel"),
-            "save-label": e(d)("manager.save"),
-            "download-url": y.source ?? y.url,
-            "copy-label": e(d)("manager.copy-link"),
-            "download-label": e(d)("manager.download"),
-            "copied-label": e(d)("manager.link-copied"),
-            onRename: (o) => r("rename", y, o),
-            onEdit: (o) => r("edit", y),
-            onRemove: (o) => r("remove", y),
+            "rename-label": e(r)("manager.rename"),
+            "edit-label": e(r)("manager.edit"),
+            "remove-label": e(r)("manager.delete"),
+            "remove-confirm-text": e(r)("dialogs.delete-file", { name: g.name }),
+            "cancel-label": e(r)("manager.cancel"),
+            "save-label": e(r)("manager.save"),
+            "download-url": g.source ?? g.url,
+            "copy-label": e(r)("manager.copy-link"),
+            "download-label": e(r)("manager.download"),
+            "copied-label": e(r)("manager.link-copied"),
+            onRename: (y) => s("rename", g, y),
+            onEdit: (y) => s("edit", g),
+            onRemove: (y) => s("remove", g),
             onCopy: t,
-            onCopyError: (o) => x(y),
-            onDblclick: (o) => r("open", y)
+            onCopyError: (y) => k(g),
+            onDblclick: (y) => s("open", g)
           }, null, 8, ["name", "url", "thumbnail", "type", "selected", "editable", "rename-label", "edit-label", "remove-label", "remove-confirm-text", "cancel-label", "save-label", "download-url", "copy-label", "download-label", "copied-label", "onRename", "onEdit", "onRemove", "onCopyError", "onDblclick"])), [
-            [u, y.id]
+            [d, g.id]
           ])), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "multiple"])) : (h(), z(e(ot), {
+      }, 8, ["modelValue", "multiple"])) : (h(), U(e(ot), {
         key: 1,
-        description: v.value
+        description: f.value
       }, null, 8, ["description"]));
     };
   }
-}), ht = { class: "wx-media-toolbar" }, wt = /* @__PURE__ */ S({
+}), ht = { class: "wx-media-toolbar" }, wt = /* @__PURE__ */ E({
   __name: "MediaToolbar",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     canUpload: { type: Boolean },
     canManage: { type: Boolean },
     selected: {},
@@ -223,110 +223,110 @@ const ze = /* @__PURE__ */ S({
     sort: { default: "-created_at" },
     sortModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["upload", "move", "remove", "folders"], ["update:search", "update:type", "update:sort"]),
+  emits: /* @__PURE__ */ I(["upload", "move", "remove", "folders"], ["update:search", "update:type", "update:sort"]),
   setup(a, { emit: i }) {
-    const n = a, l = O(a, "search"), r = O(a, "type"), d = O(a, "sort"), v = i, t = I("webx-media"), x = V(() => [
+    const n = a, l = A(a, "search"), s = A(a, "type"), r = A(a, "sort"), f = i, t = H("webx-media"), k = T(() => [
       { value: "all", label: t("manager.all-types") },
-      ...["image", "video", "audio", "document", "other"].map((k) => ({
-        value: k,
-        label: t(`manager.${k}`)
+      ...["image", "video", "audio", "document", "other"].map(($) => ({
+        value: $,
+        label: t(`manager.${$}`)
       }))
-    ]), w = V(() => [
+    ]), w = T(() => [
       { value: "-created_at", label: t("manager.sort-newest") },
       { value: "created_at", label: t("manager.sort-oldest") },
       { value: "name", label: t("manager.sort-name") },
       { value: "-size", label: t("manager.sort-size") }
-    ]), s = V(() => x.value.find((k) => k.value === r.value)?.label ?? ""), u = V(() => w.value.find((k) => k.value === d.value)?.label ?? "");
-    return (k, y) => (h(), L("header", ht, [
-      a.compact ? (h(), z(e(B), {
+    ]), o = T(() => k.value.find(($) => $.value === s.value)?.label ?? ""), d = T(() => w.value.find(($) => $.value === r.value)?.label ?? "");
+    return ($, g) => (h(), L("header", ht, [
+      a.compact ? (h(), U(e(B), {
         key: 0,
         icon: "sidebar",
         title: e(t)("manager.folders"),
         size: "sm",
-        onClick: y[0] || (y[0] = (o) => v("folders"))
+        onClick: g[0] || (g[0] = (y) => f("folders"))
       }, null, 8, ["title"])) : D("", !0),
-      g(e(Z), {
+      v(e(Z), {
         modelValue: l.value,
-        "onUpdate:modelValue": y[1] || (y[1] = (o) => l.value = o),
+        "onUpdate:modelValue": g[1] || (g[1] = (y) => l.value = y),
         class: "wx-media-toolbar__search",
         placeholder: e(t)("manager.search"),
         clearable: "",
         size: "sm"
       }, null, 8, ["modelValue", "placeholder"]),
-      a.fixedType ? D("", !0) : (h(), z(e(Ve), { key: 1 }, {
-        trigger: b(() => [
-          g(e(B), {
+      a.fixedType ? D("", !0) : (h(), U(e(Ve), { key: 1 }, {
+        trigger: x(() => [
+          v(e(B), {
             icon: "filter",
-            title: `${e(t)("manager.all-types")}: ${s.value}`,
+            title: `${e(t)("manager.all-types")}: ${o.value}`,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: b(() => [
-          (h(!0), L(ce, null, me(x.value, (o) => (h(), z(e(Te), {
-            key: String(o.value),
-            active: o.value === r.value,
-            onClick: ($) => r.value = o.value
+        default: x(() => [
+          (h(!0), L(ce, null, me(k.value, (y) => (h(), U(e(Te), {
+            key: String(y.value),
+            active: y.value === s.value,
+            onClick: (b) => s.value = y.value
           }, {
-            default: b(() => [
-              A(U(o.label), 1)
+            default: x(() => [
+              N(W(y.label), 1)
             ]),
             _: 2
           }, 1032, ["active", "onClick"]))), 128))
         ]),
         _: 1
       })),
-      g(e(Ve), null, {
-        trigger: b(() => [
-          g(e(B), {
+      v(e(Ve), null, {
+        trigger: x(() => [
+          v(e(B), {
             icon: "arrow-down",
-            title: u.value,
+            title: d.value,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: b(() => [
-          (h(!0), L(ce, null, me(w.value, (o) => (h(), z(e(Te), {
-            key: o.value,
-            active: o.value === d.value,
-            onClick: ($) => d.value = o.value
+        default: x(() => [
+          (h(!0), L(ce, null, me(w.value, (y) => (h(), U(e(Te), {
+            key: y.value,
+            active: y.value === r.value,
+            onClick: (b) => r.value = y.value
           }, {
-            default: b(() => [
-              A(U(o.label), 1)
+            default: x(() => [
+              N(W(y.label), 1)
             ]),
             _: 2
           }, 1032, ["active", "onClick"]))), 128))
         ]),
         _: 1
       }),
-      a.canUpload ? (h(), z(e(B), {
+      a.canUpload ? (h(), U(e(B), {
         key: 2,
         type: "upload",
         title: e(t)("manager.upload"),
         size: "sm",
-        onClick: y[2] || (y[2] = (o) => v("upload"))
+        onClick: g[2] || (g[2] = (y) => f("upload"))
       }, null, 8, ["title"])) : D("", !0),
-      a.canManage ? (h(), z(e(le), {
+      a.canManage ? (h(), U(e(le), {
         key: 3,
         size: "sm"
       }, {
-        default: b(() => [
-          g(e(B), {
+        default: x(() => [
+          v(e(B), {
             icon: "folder-move",
             title: e(t)("manager.move"),
             disabled: n.selected === 0,
-            onClick: y[3] || (y[3] = (o) => v("move"))
+            onClick: g[3] || (g[3] = (y) => f("move"))
           }, null, 8, ["title", "disabled"]),
-          g(e(B), {
+          v(e(B), {
             type: "remove",
             title: e(t)("manager.delete"),
             disabled: n.selected === 0,
-            onClick: y[4] || (y[4] = (o) => v("remove"))
+            onClick: g[4] || (g[4] = (y) => f("remove"))
           }, null, 8, ["title", "disabled"])
         ]),
         _: 1
       })) : D("", !0)
     ]));
   }
-}), bt = /* @__PURE__ */ S({
+}), bt = /* @__PURE__ */ E({
   __name: "MoveDialog",
   props: {
     directories: {},
@@ -334,44 +334,44 @@ const ze = /* @__PURE__ */ S({
     count: {}
   },
   setup(a) {
-    const i = a, { open: n, resolve: l, dismiss: r } = ye(), d = I("webx-media"), v = V(
-      () => x(i.directories).filter((w) => w.value !== i.from)
-    ), t = R(v.value[0]?.value ?? null);
-    function x(w) {
-      return w.flatMap((s) => [
+    const i = a, { open: n, resolve: l, dismiss: s } = ye(), r = H("webx-media"), f = T(
+      () => k(i.directories).filter((w) => w.value !== i.from)
+    ), t = R(f.value[0]?.value ?? null);
+    function k(w) {
+      return w.flatMap((o) => [
         {
-          value: s.id,
+          value: o.id,
           // Indented, so the tree is still readable once it is a flat list.
-          label: " ".repeat(s.depth * 3) + (s.is_root ? d("manager.root") : s.title)
+          label: " ".repeat(o.depth * 3) + (o.is_root ? r("manager.root") : o.title)
         },
-        ...x(s.children ?? [])
+        ...k(o.children ?? [])
       ]);
     }
-    return (w, s) => (h(), z(e(he), {
+    return (w, o) => (h(), U(e(he), {
       open: e(n),
-      "onUpdate:open": s[3] || (s[3] = (u) => ve(n) ? n.value = u : null),
-      title: e(d)("manager.move-to"),
+      "onUpdate:open": o[3] || (o[3] = (d) => ve(n) ? n.value = d : null),
+      title: e(r)("manager.move-to"),
       width: 420
     }, {
-      footer: b(() => [
-        g(e(we), { size: "sm" }, {
-          default: b(() => [
-            g(e(X), {
+      footer: x(() => [
+        v(e(we), { size: "sm" }, {
+          default: x(() => [
+            v(e(K), {
               variant: "outline",
-              onClick: s[1] || (s[1] = (u) => e(r)())
+              onClick: o[1] || (o[1] = (d) => e(s)())
             }, {
-              default: b(() => [
-                A(U(e(d)("manager.cancel")), 1)
+              default: x(() => [
+                N(W(e(r)("manager.cancel")), 1)
               ]),
               _: 1
             }),
-            g(e(X), {
+            v(e(K), {
               type: "primary",
               disabled: t.value === null,
-              onClick: s[2] || (s[2] = (u) => e(l)(t.value))
+              onClick: o[2] || (o[2] = (d) => e(l)(t.value))
             }, {
-              default: b(() => [
-                A(U(e(d)("manager.move")), 1)
+              default: x(() => [
+                N(W(e(r)("manager.move")), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -379,17 +379,17 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: b(() => [
-        g(e(st), {
+      default: x(() => [
+        v(e(st), {
           modelValue: t.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
-          options: v.value
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => t.value = d),
+          options: f.value
         }, null, 8, ["modelValue", "options"])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), xt = /* @__PURE__ */ S({
+}), xt = /* @__PURE__ */ E({
   __name: "NameDialog",
   props: {
     title: {},
@@ -398,39 +398,39 @@ const ze = /* @__PURE__ */ S({
     confirmText: { default: void 0 }
   },
   setup(a) {
-    const i = a, { open: n, resolve: l, dismiss: r } = ye(), d = I("webx-media"), v = R(i.value), t = oe("input");
-    Fe(async () => {
+    const i = a, { open: n, resolve: l, dismiss: s } = ye(), r = H("webx-media"), f = R(i.value), t = oe("input");
+    We(async () => {
       await Je(), t.value?.querySelector("input")?.focus();
     });
-    function x() {
-      const w = v.value.trim();
+    function k() {
+      const w = f.value.trim();
       w !== "" && l(w);
     }
-    return (w, s) => (h(), z(e(he), {
+    return (w, o) => (h(), U(e(he), {
       open: e(n),
-      "onUpdate:open": s[2] || (s[2] = (u) => ve(n) ? n.value = u : null),
+      "onUpdate:open": o[2] || (o[2] = (d) => ve(n) ? n.value = d : null),
       title: a.title,
       width: 420
     }, {
-      footer: b(() => [
-        g(e(we), { size: "sm" }, {
-          default: b(() => [
-            g(e(X), {
+      footer: x(() => [
+        v(e(we), { size: "sm" }, {
+          default: x(() => [
+            v(e(K), {
               variant: "outline",
-              onClick: s[1] || (s[1] = (u) => e(r)())
+              onClick: o[1] || (o[1] = (d) => e(s)())
             }, {
-              default: b(() => [
-                A(U(e(d)("manager.cancel")), 1)
+              default: x(() => [
+                N(W(e(r)("manager.cancel")), 1)
               ]),
               _: 1
             }),
-            g(e(X), {
+            v(e(K), {
               type: "primary",
-              disabled: v.value.trim() === "",
-              onClick: x
+              disabled: f.value.trim() === "",
+              onClick: k
             }, {
-              default: b(() => [
-                A(U(a.confirmText ?? e(d)("manager.save")), 1)
+              default: x(() => [
+                N(W(a.confirmText ?? e(r)("manager.save")), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -438,17 +438,17 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: b(() => [
-        T("div", {
+      default: x(() => [
+        z("div", {
           ref_key: "input",
           ref: t
         }, [
-          g(e(Z), {
-            modelValue: v.value,
-            "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"])
+          v(e(Z), {
+            modelValue: f.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (d) => f.value = d),
+            placeholder: a.label ?? e(r)("manager.folder-name"),
+            "aria-label": a.label ?? e(r)("manager.folder-name"),
+            onKeyup: Qe(k, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "aria-label"])
         ], 512)
       ]),
@@ -597,9 +597,9 @@ function re() {
 const $t = {
   key: 0,
   class: "wx-media__folders"
-}, _t = { class: "wx-media__files" }, Ct = ["accept"], Mt = { class: "wx-media__status" }, Vt = { key: 0 }, Tt = { class: "wx-media__drawer" }, Be = /* @__PURE__ */ S({
+}, _t = { class: "wx-media__files" }, Ct = ["accept"], Mt = { class: "wx-media__status" }, Vt = { key: 0 }, Tt = { class: "wx-media__drawer" }, Be = /* @__PURE__ */ E({
   __name: "MediaManager",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     picking: { type: Boolean, default: !1 },
     accept: { default: null },
     multiple: { type: Boolean, default: !1 },
@@ -609,11 +609,11 @@ const $t = {
     type: { default: "all" },
     typeModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["pick", "selection"], ["update:type"]),
+  emits: /* @__PURE__ */ I(["pick", "selection"], ["update:type"]),
   setup(a, { expose: i, emit: n }) {
-    const l = a, r = n, d = se(), v = be(d);
+    const l = a, s = n, r = se(), f = be(r);
     re();
-    const t = I("webx-media"), x = tt();
+    const t = H("webx-media"), k = tt();
     function w() {
       return {
         title: t("editor.title"),
@@ -635,320 +635,320 @@ const $t = {
         errorText: t("editor.error")
       };
     }
-    const s = oe("root"), u = rt(s), k = V(() => u.value > 0 && u.value < 640), y = R([]), o = R(null), $ = R(null), F = R([]), K = R(""), H = O(a, "type");
-    l.accept && (H.value = l.accept), G(
+    const o = oe("root"), d = rt(o), $ = T(() => d.value > 0 && d.value < 640), g = R([]), y = R(null), b = R(null), _ = R([]), S = R(""), X = A(a, "type");
+    l.accept && (X.value = l.accept), G(
       () => l.accept,
-      (p) => {
-        H.value = p ?? "all";
+      (m) => {
+        X.value = m ?? "all";
       }
     );
-    const N = R("-created_at"), ee = R(!1), j = R(!1), te = oe("picker"), ie = V(() => $.value?.data ?? []), Q = V(() => d.can("media.manage")), de = V(() => d.can("media.upload") || Q.value), E = V(() => He(o.value)), ne = V(() => 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);
+    const q = R("-created_at"), ee = R(!1), j = R(!1), te = oe("picker"), ie = T(() => b.value?.data ?? []), Q = T(() => r.can("media.manage")), de = T(() => r.can("media.upload") || Q.value), P = T(() => He(y.value)), ne = T(() => l.picking && !l.multiple);
+    G(_, (m) => {
+      if (l.max !== null && l.max > 0 && m.length > l.max) {
+        _.value = m.slice(0, l.max);
         return;
       }
-      r(
+      s(
         "selection",
-        ie.value.filter((f) => p.includes(f.id))
+        ie.value.filter((p) => m.includes(p.id))
       );
-    }), Fe(c), G([o, H, N], () => m(1)), G(
-      K,
-      Ke(() => m(1), 300)
-    ), G(k, (p) => {
-      p || (j.value = !1);
+    }), We(u), G([y, X, q], () => c(1)), G(
+      S,
+      Ke(() => c(1), 300)
+    ), G($, (m) => {
+      m || (j.value = !1);
     });
-    async function c() {
-      y.value = await v.directories(), o.value ??= y.value[0]?.id ?? null, await m(1);
+    async function u() {
+      g.value = await f.directories(), y.value ??= g.value[0]?.id ?? null, await c(1);
     }
-    async function m(p = $.value?.meta.current_page ?? 1) {
+    async function c(m = b.value?.meta.current_page ?? 1) {
       ee.value = !0;
       try {
-        $.value = await v.files({
-          directory_id: K.value ? null : o.value,
-          q: K.value,
-          type: H.value === "all" ? null : H.value,
-          sort: N.value,
-          page: p
-        }), F.value = [];
+        b.value = await f.files({
+          directory_id: S.value ? null : y.value,
+          q: S.value,
+          type: X.value === "all" ? null : X.value,
+          sort: q.value,
+          page: m
+        }), _.value = [];
       } finally {
         ee.value = !1;
       }
     }
-    function M() {
+    function V() {
       te.value?.click();
     }
-    async function C(p) {
-      const f = p.target, _ = Array.from(f.files ?? []);
-      if (f.value = "", !(_.length === 0 || o.value === null))
+    async function M(m) {
+      const p = m.target, C = Array.from(p.files ?? []);
+      if (p.value = "", !(C.length === 0 || y.value === null))
         try {
-          const P = await v.upload(o.value, _), Y = P.filter((je) => je.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 O = await f.upload(y.value, C), Y = O.filter((je) => je.duplicate).length;
+          O.length > Y && J.success(t("manager.uploaded", { count: O.length - Y })), Y > 0 && J.info(t("manager.duplicate-added")), await Promise.all([u(), c(1)]);
+        } catch (O) {
+          J.danger(k(O, t("errors.upload")));
         }
     }
-    const W = ae(xt);
+    const F = ae(xt);
     async function $e() {
-      const p = await W({
+      const m = await F({
         title: t("manager.new-folder"),
         confirmText: t("manager.new-folder")
       });
-      p === void 0 || o.value === null || (await v.createDirectory(o.value, p), await c());
+      m === void 0 || y.value === null || (await f.createDirectory(y.value, m), await u());
     }
     async function _e() {
-      const p = E.value;
-      if (!p || p.is_root)
+      const m = P.value;
+      if (!m || m.is_root)
         return;
-      const f = await W({
+      const p = await F({
         title: t("manager.rename"),
-        value: p.title,
+        value: m.title,
         confirmText: t("manager.save")
       });
-      f !== void 0 && (await v.renameDirectory(p.id, f), await c());
+      p !== void 0 && (await f.renameDirectory(m.id, p), await u());
     }
     async function Ce() {
-      const p = E.value;
-      if (!(!p || p.is_root || !await ue({
-        title: t("dialogs.delete-folder-title", { title: p.title }),
+      const m = P.value;
+      if (!(!m || m.is_root || !await ue({
+        title: t("dialogs.delete-folder-title", { title: m.title }),
         message: t("dialogs.delete-folder-text"),
         confirmText: t("dialogs.confirm"),
         cancelText: t("manager.cancel"),
         tone: "danger"
       }))) {
         try {
-          await v.deleteDirectory(p.id);
-        } catch (_) {
-          const P = Xe(_);
-          if (!P) {
-            J.danger(x(_));
+          await f.deleteDirectory(m.id);
+        } catch (C) {
+          const O = Xe(C);
+          if (!O) {
+            J.danger(k(C));
             return;
           }
           if (!await ue({
-            title: t("dialogs.delete-folder-title", { title: p.title }),
-            message: `${t("dialogs.delete-folder-contents", P)} ${t("dialogs.delete-folder-warning")}`,
+            title: t("dialogs.delete-folder-title", { title: m.title }),
+            message: `${t("dialogs.delete-folder-contents", O)} ${t("dialogs.delete-folder-warning")}`,
             confirmText: t("dialogs.confirm"),
             cancelText: t("manager.cancel"),
             tone: "danger"
           }))
             return;
-          await v.deleteDirectory(p.id, !0);
+          await f.deleteDirectory(m.id, !0);
         }
-        o.value = null, await c();
+        y.value = null, await u();
       }
     }
-    async function Me(p, f) {
+    async function Me(m, p) {
       try {
-        await v.moveDirectory(p, f);
-      } catch (_) {
-        J.danger(x(_, t("errors.directory-into-itself")));
+        await f.moveDirectory(m, p);
+      } catch (C) {
+        J.danger(k(C, t("errors.directory-into-itself")));
       }
-      await c();
+      await u();
     }
     const Ee = ae(bt);
     async function Pe() {
-      const p = await Ee({
-        directories: y.value,
-        from: o.value,
-        count: F.value.length
+      const m = await Ee({
+        directories: g.value,
+        from: y.value,
+        count: _.value.length
       });
-      p !== void 0 && (await v.move([...F.value], p), await Promise.all([c(), m()]));
+      m !== void 0 && (await f.move([..._.value], m), await Promise.all([u(), c()]));
     }
     async function Oe() {
-      const p = [...F.value];
+      const m = [..._.value];
       await ue({
-        title: t("dialogs.delete-files-title", { count: p.length }),
+        title: t("dialogs.delete-files-title", { count: m.length }),
         message: t("dialogs.delete-files-text"),
         confirmText: t("dialogs.confirm"),
         cancelText: t("manager.cancel"),
         tone: "danger"
-      }) && (await v.remove(p), await Promise.all([c(), m()]));
+      }) && (await f.remove(m), await Promise.all([u(), c()]));
     }
-    async function Ae(p, f) {
-      await v.rename(p.id, f), await m();
+    async function Ae(m, p) {
+      await f.rename(m.id, p), await c();
     }
-    async function Ne(p) {
-      await v.removeOne(p.id), await Promise.all([c(), m()]);
+    async function Ne(m) {
+      await f.removeOne(m.id), await Promise.all([u(), c()]);
     }
-    async function qe(p) {
-      const f = await ct({
-        src: p.source ?? p.url,
-        fileName: p.file_name,
+    async function qe(m) {
+      const p = await ct({
+        src: m.source ?? m.url,
+        fileName: m.file_name,
         filters: !1,
         // The editor is a component of the design system: its words are props with English
         // defaults, not lines in the panel's dictionary. Whoever opens it is the one who knows
         // what language the panel is being read in.
         ...w()
       });
-      f && (await v.edit(p.id, {
+      p && (await f.edit(m.id, {
         // The editor's frame is read against the picture as it is on screen — already turned — and
         // the server applies the operations in that order for the same reason.
-        crop: f.crop,
-        rotate: (f.rotation % 360 + 360) % 360,
-        flip: f.flipX ? "horizontal" : f.flipY ? "vertical" : void 0,
-        resize: { width: f.width, height: f.height }
-      }), await m());
+        crop: p.crop,
+        rotate: (p.rotation % 360 + 360) % 360,
+        flip: p.flipX ? "horizontal" : p.flipY ? "vertical" : void 0,
+        resize: { width: p.width, height: p.height }
+      }), await c());
     }
-    function Ie(p) {
-      l.multiple || r("pick", p);
+    function Ie(m) {
+      l.multiple || s("pick", m);
     }
-    function He(p) {
-      const f = (_) => {
-        for (const P of _) {
-          if (P.id === p)
-            return P;
-          const Y = f(P.children ?? []);
+    function He(m) {
+      const p = (C) => {
+        for (const O of C) {
+          if (O.id === m)
+            return O;
+          const Y = p(O.children ?? []);
           if (Y)
             return Y;
         }
         return null;
       };
-      return p === null ? null : f(y.value);
+      return m === null ? null : p(g.value);
     }
-    function Xe(p) {
-      const f = p?.body;
-      return f?.code === "directory_not_empty" ? f.counts ?? null : null;
+    function Xe(m) {
+      const p = m?.body;
+      return p?.code === "directory_not_empty" ? p.counts ?? null : null;
     }
-    i({ upload: M });
-    function Ke(p, f) {
-      let _;
+    i({ upload: V });
+    function Ke(m, p) {
+      let C;
       return () => {
-        clearTimeout(_), _ = setTimeout(p, f);
+        clearTimeout(C), C = setTimeout(m, p);
       };
     }
-    return (p, f) => (h(), L("div", {
+    return (m, p) => (h(), L("div", {
       ref_key: "root",
-      ref: s,
-      class: pe(["wx-media", { "wx-media--compact": k.value }])
+      ref: o,
+      class: pe(["wx-media", { "wx-media--compact": $.value }])
     }, [
-      k.value ? D("", !0) : (h(), L("aside", $t, [
-        g(ze, {
-          selected: o.value,
-          "onUpdate:selected": f[0] || (f[0] = (_) => o.value = _),
-          directories: y.value,
+      $.value ? D("", !0) : (h(), L("aside", $t, [
+        v(ze, {
+          selected: y.value,
+          "onUpdate:selected": p[0] || (p[0] = (C) => y.value = C),
+          directories: g.value,
           onMove: Me
         }, null, 8, ["selected", "directories"]),
-        Q.value ? (h(), z(e(le), {
+        Q.value ? (h(), U(e(le), {
           key: 0,
           size: "sm",
           align: "start"
         }, {
-          default: b(() => [
-            g(e(B), {
+          default: x(() => [
+            v(e(B), {
               type: "add",
               title: e(t)("manager.new-folder"),
               onClick: $e
             }, null, 8, ["title"]),
-            g(e(B), {
+            v(e(B), {
               type: "edit",
               title: e(t)("manager.rename"),
-              disabled: !E.value || E.value.is_root,
+              disabled: !P.value || P.value.is_root,
               onClick: _e
             }, null, 8, ["title", "disabled"]),
-            g(e(B), {
+            v(e(B), {
               type: "remove",
               title: e(t)("manager.delete"),
-              disabled: !E.value || E.value.is_root,
+              disabled: !P.value || P.value.is_root,
               onClick: Ce
             }, null, 8, ["title", "disabled"])
           ]),
           _: 1
         })) : D("", !0)
       ])),
-      T("section", _t, [
-        g(wt, {
-          search: K.value,
-          "onUpdate:search": f[1] || (f[1] = (_) => K.value = _),
-          type: H.value,
-          "onUpdate:type": f[2] || (f[2] = (_) => H.value = _),
-          sort: N.value,
-          "onUpdate:sort": f[3] || (f[3] = (_) => N.value = _),
+      z("section", _t, [
+        v(wt, {
+          search: S.value,
+          "onUpdate:search": p[1] || (p[1] = (C) => S.value = C),
+          type: X.value,
+          "onUpdate:type": p[2] || (p[2] = (C) => X.value = C),
+          sort: q.value,
+          "onUpdate:sort": p[3] || (p[3] = (C) => q.value = C),
           "can-upload": de.value && !a.inPage,
           "fixed-type": a.accept !== null || a.inPage,
           "can-manage": Q.value,
-          selected: F.value.length,
-          compact: k.value,
-          onUpload: M,
+          selected: _.value.length,
+          compact: $.value,
+          onUpload: V,
           onMove: Pe,
           onRemove: Oe,
-          onFolders: f[4] || (f[4] = (_) => j.value = !0)
+          onFolders: p[4] || (p[4] = (C) => j.value = !0)
         }, null, 8, ["search", "type", "sort", "can-upload", "fixed-type", "can-manage", "selected", "compact"]),
-        T("input", {
+        z("input", {
           ref_key: "picker",
           ref: te,
           type: "file",
           multiple: "",
           hidden: "",
           accept: a.accept === null ? void 0 : `${a.accept}/*`,
-          onChange: C
+          onChange: M
         }, null, 40, Ct),
-        g(yt, {
-          selected: F.value,
-          "onUpdate:selected": f[5] || (f[5] = (_) => F.value = _),
+        v(yt, {
+          selected: _.value,
+          "onUpdate:selected": p[5] || (p[5] = (C) => _.value = C),
           files: ie.value,
-          api: e(v),
-          query: K.value,
+          api: e(f),
+          query: S.value,
           single: ne.value,
           onRename: Ae,
           onEdit: qe,
           onRemove: Ne,
           onOpen: Ie
         }, null, 8, ["selected", "files", "api", "query", "single"]),
-        T("footer", Mt, [
-          T("span", null, U(e(t)("manager.status-files", { count: $.value?.stats.files ?? 0 })), 1),
-          F.value.length > 0 ? (h(), L("span", Vt, U(e(t)("manager.status-selected", { count: F.value.length })), 1)) : D("", !0),
-          T("span", null, U(e(t)("manager.status-size", { size: e(De)($.value?.stats.size ?? 0) })), 1)
+        z("footer", Mt, [
+          z("span", null, W(e(t)("manager.status-files", { count: b.value?.stats.files ?? 0 })), 1),
+          _.value.length > 0 ? (h(), L("span", Vt, W(e(t)("manager.status-selected", { count: _.value.length })), 1)) : D("", !0),
+          z("span", null, W(e(t)("manager.status-size", { size: e(De)(b.value?.stats.size ?? 0) })), 1)
         ]),
-        $.value && $.value.meta.last_page > 1 ? (h(), z(e(dt), {
+        b.value && b.value.meta.last_page > 1 ? (h(), U(e(dt), {
           key: 0,
-          page: $.value.meta.current_page,
-          "per-page": $.value.meta.per_page,
-          total: $.value.meta.total,
-          "last-page": $.value.meta.last_page,
+          page: b.value.meta.current_page,
+          "per-page": b.value.meta.per_page,
+          total: b.value.meta.total,
+          "last-page": b.value.meta.last_page,
           disabled: ee.value,
           size: "sm",
-          onChange: f[6] || (f[6] = ({ page: _ }) => m(_))
+          onChange: p[6] || (p[6] = ({ page: C }) => c(C))
         }, null, 8, ["page", "per-page", "total", "last-page", "disabled"])) : D("", !0)
       ]),
-      g(e(ut), {
+      v(e(ut), {
         open: j.value,
-        "onUpdate:open": f[9] || (f[9] = (_) => j.value = _),
+        "onUpdate:open": p[9] || (p[9] = (C) => j.value = C),
         side: "left",
         title: e(t)("manager.folders"),
         size: 280
       }, {
-        default: b(() => [
-          T("div", Tt, [
-            g(ze, {
-              selected: o.value,
+        default: x(() => [
+          z("div", Tt, [
+            v(ze, {
+              selected: y.value,
               "onUpdate:selected": [
-                f[7] || (f[7] = (_) => o.value = _),
-                f[8] || (f[8] = (_) => j.value = !1)
+                p[7] || (p[7] = (C) => y.value = C),
+                p[8] || (p[8] = (C) => j.value = !1)
               ],
-              directories: y.value,
+              directories: g.value,
               onMove: Me
             }, null, 8, ["selected", "directories"]),
-            Q.value ? (h(), z(e(le), {
+            Q.value ? (h(), U(e(le), {
               key: 0,
               size: "sm",
               align: "start"
             }, {
-              default: b(() => [
-                g(e(B), {
+              default: x(() => [
+                v(e(B), {
                   type: "add",
                   title: e(t)("manager.new-folder"),
                   onClick: $e
                 }, null, 8, ["title"]),
-                g(e(B), {
+                v(e(B), {
                   type: "edit",
                   title: e(t)("manager.rename"),
-                  disabled: !E.value || E.value.is_root,
+                  disabled: !P.value || P.value.is_root,
                   onClick: _e
                 }, null, 8, ["title", "disabled"]),
-                g(e(B), {
+                v(e(B), {
                   type: "remove",
                   title: e(t)("manager.delete"),
-                  disabled: !E.value || E.value.is_root,
+                  disabled: !P.value || P.value.is_root,
                   onClick: Ce
                 }, null, 8, ["title", "disabled"])
               ]),
@@ -963,7 +963,7 @@ const $t = {
 }), zt = { class: "wx-media-picker" }, Ut = {
   key: 0,
   class: "wx-media-picker__count"
-}, xe = /* @__PURE__ */ S({
+}, xe = /* @__PURE__ */ E({
   __name: "MediaPicker",
   props: {
     accept: { default: "image" },
@@ -973,22 +973,22 @@ const $t = {
     max: { default: null }
   },
   setup(a) {
-    const { open: i, resolve: n, dismiss: l } = ye(), r = I("webx-media"), d = R([]);
-    return (v, t) => (h(), z(e(he), {
+    const { open: i, resolve: n, dismiss: l } = ye(), s = H("webx-media"), r = R([]);
+    return (f, t) => (h(), U(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"),
+      "onUpdate:open": t[4] || (t[4] = (k) => ve(i) ? i.value = k : null),
+      title: a.title ?? e(s)("module.title"),
       width: 960
     }, Ze({
-      default: b(() => [
-        T("div", zt, [
-          g(Be, {
+      default: x(() => [
+        z("div", zt, [
+          v(Be, {
             picking: !a.manage,
             accept: a.manage ? null : a.accept,
             multiple: a.multiple && !a.manage,
             max: a.max,
-            onPick: t[0] || (t[0] = (x) => e(n)(x)),
-            onSelection: t[1] || (t[1] = (x) => d.value = x)
+            onPick: t[0] || (t[0] = (k) => e(n)(k)),
+            onSelection: t[1] || (t[1] = (k) => r.value = k)
           }, null, 8, ["picking", "accept", "multiple", "max"])
         ])
       ]),
@@ -996,27 +996,27 @@ const $t = {
     }, [
       a.multiple && !a.manage ? {
         name: "footer",
-        fn: b(() => [
-          g(e(we), { size: "sm" }, {
-            default: b(() => [
-              a.max !== null && a.max > 0 ? (h(), L("span", Ut, U(e(r)("manager.chosen", { count: d.value.length, max: a.max })), 1)) : D("", !0),
-              g(e(X), {
+        fn: x(() => [
+          v(e(we), { size: "sm" }, {
+            default: x(() => [
+              a.max !== null && a.max > 0 ? (h(), L("span", Ut, W(e(s)("manager.chosen", { count: r.value.length, max: a.max })), 1)) : D("", !0),
+              v(e(K), {
                 variant: "outline",
-                onClick: t[2] || (t[2] = (x) => e(l)())
+                onClick: t[2] || (t[2] = (k) => e(l)())
               }, {
-                default: b(() => [
-                  A(U(e(r)("manager.cancel")), 1)
+                default: x(() => [
+                  N(W(e(s)("manager.cancel")), 1)
                 ]),
                 _: 1
               }),
-              g(e(X), {
+              v(e(K), {
                 class: "wx-media-picker__confirm",
                 type: "primary",
-                disabled: d.value.length === 0,
-                onClick: t[3] || (t[3] = (x) => e(n)(d.value))
+                disabled: r.value.length === 0,
+                onClick: t[3] || (t[3] = (k) => e(n)(r.value))
               }, {
-                default: b(() => [
-                  A(U(e(r)("manager.pick", { count: d.value.length })), 1)
+                default: x(() => [
+                  N(W(e(s)("manager.pick", { count: r.value.length })), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -1028,9 +1028,9 @@ const $t = {
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Se = ae(xe), Ft = ae(xe, {
+}), Se = ae(xe), Wt = ae(xe, {
   props: { multiple: !0 }
-}), Wt = ae(
+}), Ft = ae(
   xe,
   { props: { manage: !0 } }
 ), Lt = {
@@ -1045,9 +1045,9 @@ const $t = {
 }, St = { class: "wx-media-list__captions" }, Et = { class: "wx-media-list__caption" }, Pt = { class: "wx-media-list__caption" }, Ot = { class: "wx-media-list__captions-footer" }, At = { class: "wx-media-list__footer" }, Nt = {
   key: 0,
   class: "wx-media-list__hint"
-}, ke = /* @__PURE__ */ S({
+}, ke = /* @__PURE__ */ E({
   __name: "MediaList",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     label: { default: void 0 },
     layout: { default: "grid" },
     accept: { default: null },
@@ -1064,173 +1064,173 @@ const $t = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const i = a, n = O(a, "modelValue");
+    const i = a, n = A(a, "modelValue");
     re();
-    const l = I("webx-media"), r = et(lt, null), d = r ? be(r) : null, v = {
+    const l = H("webx-media"), s = et(lt, null), r = s ? be(s) : null, f = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
-    }, t = V({
+    }, t = T({
       get: () => Array.isArray(n.value) ? n.value : [],
-      set: (c) => {
-        n.value = c;
+      set: (u) => {
+        n.value = u;
       }
-    }), x = V(() => i.single ? 1 : i.max ?? null), w = V(() => x.value !== null && t.value.length >= x.value), s = R({}), u = /* @__PURE__ */ new Set();
-    async function k(c) {
-      if (!d) return;
-      const m = c.filter((C) => !(C in s.value) && !u.has(C));
-      if (m.length === 0) return;
-      m.forEach((C) => u.add(C));
-      const M = await Promise.all(
-        m.map(async (C) => [C, await d.fileByPath(C)])
+    }), k = T(() => i.single ? 1 : i.max ?? null), w = T(() => k.value !== null && t.value.length >= k.value), o = R({}), d = /* @__PURE__ */ new Set();
+    async function $(u) {
+      if (!r) return;
+      const c = u.filter((M) => !(M in o.value) && !d.has(M));
+      if (c.length === 0) return;
+      c.forEach((M) => d.add(M));
+      const V = await Promise.all(
+        c.map(async (M) => [M, await r.fileByPath(M)])
       );
-      m.forEach((C) => u.delete(C)), s.value = { ...s.value, ...Object.fromEntries(M) };
+      c.forEach((M) => d.delete(M)), o.value = { ...o.value, ...Object.fromEntries(V) };
     }
     G(
-      () => t.value.map((c) => c.path),
-      (c) => {
-        k(c.filter(Boolean));
+      () => t.value.map((u) => u.path),
+      (u) => {
+        $(u.filter(Boolean));
       },
       { immediate: !0 }
     );
-    function y(c) {
-      s.value = { ...s.value, ...Object.fromEntries(c.map((m) => [m.path, m])) };
+    function g(u) {
+      o.value = { ...o.value, ...Object.fromEntries(u.map((c) => [c.path, c])) };
     }
-    function o(c) {
-      return s.value[c.path];
+    function y(u) {
+      return o.value[u.path];
     }
-    function $(c) {
-      return o(c) === null;
+    function b(u) {
+      return y(u) === null;
     }
-    function F(c) {
-      return o(c)?.name ?? gt(c.path);
+    function _(u) {
+      return y(u)?.name ?? gt(u.path);
     }
-    function K(c) {
-      const m = o(c);
-      return m && d ? d.thumb(m, 320, 320) ?? void 0 : void 0;
+    function S(u) {
+      const c = y(u);
+      return c && r ? r.thumb(c, 320, 320) ?? void 0 : void 0;
     }
-    function H(c) {
-      const m = o(c);
-      if (!m) return "";
-      const M = De(m.size);
-      return m.width && m.height ? `${m.width}×${m.height} · ${M}` : M;
+    function X(u) {
+      const c = y(u);
+      if (!c) return "";
+      const V = De(c.size);
+      return c.width && c.height ? `${c.width}×${c.height} · ${V}` : V;
     }
-    const N = R(null);
-    function ee(c, m) {
-      return t.value.findIndex((C) => C.path === c.path) === m ? c.path : `${c.path}#${m}`;
+    const q = R(null);
+    function ee(u, c) {
+      return t.value.findIndex((M) => M.path === u.path) === c ? u.path : `${u.path}#${c}`;
     }
-    function j(c, m) {
-      return t.value[c]?.[m] ?? {};
+    function j(u, c) {
+      return t.value[u]?.[c] ?? {};
     }
-    function te(c, m, M) {
-      const C = t.value[c];
-      if (!C) return;
-      const W = [...t.value];
-      W[c] = { ...C, [m]: M }, t.value = W;
+    function te(u, c, V) {
+      const M = t.value[u];
+      if (!M) return;
+      const F = [...t.value];
+      F[u] = { ...M, [c]: V }, t.value = F;
     }
     async function ie() {
       if (i.disabled) return;
-      const c = x.value === null ? null : x.value - t.value.length, m = await Ft({ accept: i.accept, max: c });
-      if (!m || m.length === 0) return;
-      y(m);
-      const M = new Set(t.value.map((W) => W.path)), C = m.filter((W) => !M.has(W.path)).map((W) => ({ path: W.path }));
-      t.value = i.single ? C.slice(0, 1) : [...t.value, ...C];
+      const u = k.value === null ? null : k.value - t.value.length, c = await Wt({ accept: i.accept, max: u });
+      if (!c || c.length === 0) return;
+      g(c);
+      const V = new Set(t.value.map((F) => F.path)), M = c.filter((F) => !V.has(F.path)).map((F) => ({ path: F.path }));
+      t.value = i.single ? M.slice(0, 1) : [...t.value, ...M];
     }
-    function Q(c) {
-      t.value = t.value.filter((m, M) => M !== c), N.value = null;
+    function Q(u) {
+      t.value = t.value.filter((c, V) => V !== u), q.value = null;
     }
-    async function de(c) {
-      await Wt({});
-      const m = { ...s.value };
-      delete m[c.path], s.value = m, k([c.path]);
+    async function de(u) {
+      await Ft({});
+      const c = { ...o.value };
+      delete c[u.path], o.value = c, $([u.path]);
     }
-    const E = V(() => {
-      const c = i.columns ? `repeat(${i.columns}, minmax(0, 1fr))` : "repeat(auto-fill, minmax(140px, 1fr))";
+    const P = T(() => {
+      const u = i.columns ? `repeat(${i.columns}, minmax(0, 1fr))` : "repeat(auto-fill, minmax(140px, 1fr))";
       return i.aspect ? {
-        "--wx-media-list-columns": c,
-        "--wx-media-list-aspect": v[i.aspect] ?? i.aspect
-      } : { "--wx-media-list-columns": c };
-    }), ne = V(() => {
-      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 });
+        "--wx-media-list-columns": u,
+        "--wx-media-list-aspect": f[i.aspect] ?? i.aspect
+      } : { "--wx-media-list-columns": u };
+    }), ne = T(() => {
+      const u = t.value.length;
+      return i.min && u < i.min ? l("field.at-least", { count: i.min }) : k.value === null ? "" : l("field.count", { count: u, max: k.value });
     });
-    return (c, m) => (h(), L("div", {
+    return (u, c) => (h(), L("div", {
       class: pe(["wx-media-list", [`wx-media-list--${a.layout}`, { "is-disabled": a.disabled }]]),
-      style: fe(E.value)
+      style: fe(P.value)
     }, [
-      a.label ? (h(), L("span", Lt, U(a.label), 1)) : D("", !0),
-      g(e(mt), {
+      a.label ? (h(), L("span", Lt, W(a.label), 1)) : D("", !0),
+      v(e(mt), {
         modelValue: t.value,
-        "onUpdate:modelValue": m[1] || (m[1] = (M) => t.value = M),
+        "onUpdate:modelValue": c[1] || (c[1] = (V) => t.value = V),
         plain: "",
         disabled: a.disabled,
         handle: a.layout === "grid" ? "row" : "grip",
         "item-key": ee,
-        "item-label": F,
+        "item-label": _,
         "drag-label": e(l)("field.reorder"),
         "empty-text": e(l)("field.empty")
       }, {
-        default: b(({ item: M, index: C }) => [
-          T("div", {
-            class: pe(["wx-media-list__cell", { "is-broken": $(M), "is-busy": N.value === C }])
+        default: x(({ item: V, index: M }) => [
+          z("div", {
+            class: pe(["wx-media-list__cell", { "is-broken": b(V), "is-busy": q.value === M }])
           }, [
-            g(e(We), {
-              name: F(M),
-              thumbnail: K(M),
-              type: o(M)?.mime,
+            v(e(Fe), {
+              name: _(V),
+              thumbnail: S(V),
+              type: y(V)?.mime,
               size: a.layout === "rows" ? "sm" : "md"
             }, {
-              meta: b(() => [
-                $(M) ? (h(), L("span", Rt, U(e(l)("field.missing")), 1)) : (h(), L("span", Dt, U(H(M)), 1))
+              meta: x(() => [
+                b(V) ? (h(), L("span", Rt, W(e(l)("field.missing")), 1)) : (h(), L("span", Dt, W(X(V)), 1))
               ]),
               _: 2
             }, 1032, ["name", "thumbnail", "type", "size"]),
             a.disabled ? D("", !0) : (h(), L("div", Bt, [
-              g(e(le), { size: "sm" }, {
-                default: b(() => [
-                  a.captions ? (h(), z(e(Le), {
+              v(e(le), { size: "sm" }, {
+                default: x(() => [
+                  a.captions ? (h(), U(e(Le), {
                     key: 0,
-                    open: N.value === C,
+                    open: q.value === M,
                     title: e(l)("field.captions"),
                     width: 360,
                     side: "top",
                     teleport: "",
-                    "onUpdate:open": (W) => N.value = W ? C : null
+                    "onUpdate:open": (F) => q.value = F ? M : null
                   }, {
-                    trigger: b(() => [
-                      g(e(B), {
+                    trigger: x(() => [
+                      v(e(B), {
                         type: "edit",
                         title: e(l)("field.captions")
                       }, null, 8, ["title"])
                     ]),
-                    default: b(() => [
-                      T("div", St, [
-                        T("div", Et, [
-                          m[2] || (m[2] = T("span", { class: "wx-media-list__caption-label" }, "alt", -1)),
-                          g(e(Z), {
+                    default: x(() => [
+                      z("div", St, [
+                        z("div", Et, [
+                          c[2] || (c[2] = z("span", { class: "wx-media-list__caption-label" }, "alt", -1)),
+                          v(e(Z), {
                             localized: "",
-                            "model-value": j(C, "alt"),
+                            "model-value": j(M, "alt"),
                             placeholder: e(l)("field.alt-hint"),
-                            "onUpdate:modelValue": (W) => te(C, "alt", W)
+                            "onUpdate:modelValue": (F) => te(M, "alt", F)
                           }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                         ]),
-                        T("div", Pt, [
-                          m[3] || (m[3] = T("span", { class: "wx-media-list__caption-label" }, "title", -1)),
-                          g(e(Z), {
+                        z("div", Pt, [
+                          c[3] || (c[3] = z("span", { class: "wx-media-list__caption-label" }, "title", -1)),
+                          v(e(Z), {
                             localized: "",
-                            "model-value": j(C, "title"),
+                            "model-value": j(M, "title"),
                             placeholder: e(l)("field.title-hint"),
-                            "onUpdate:modelValue": (W) => te(C, "title", W)
+                            "onUpdate:modelValue": (F) => te(M, "title", F)
                           }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                         ]),
-                        T("div", Ot, [
-                          g(e(X), {
+                        z("div", Ot, [
+                          v(e(K), {
                             size: "sm",
                             type: "primary",
-                            onClick: m[0] || (m[0] = (W) => N.value = null)
+                            onClick: c[0] || (c[0] = (F) => q.value = null)
                           }, {
-                            default: b(() => [
-                              A(U(e(l)("manager.save")), 1)
+                            default: x(() => [
+                              N(W(e(l)("manager.save")), 1)
                             ]),
                             _: 1
                           })
@@ -1239,23 +1239,23 @@ const $t = {
                     ]),
                     _: 2
                   }, 1032, ["open", "title", "onUpdate:open"])) : D("", !0),
-                  $(M) ? D("", !0) : (h(), z(e(B), {
+                  b(V) ? D("", !0) : (h(), U(e(B), {
                     key: 1,
                     type: "goto",
                     title: e(l)("field.open"),
-                    onClick: (W) => de(M)
+                    onClick: (F) => de(V)
                   }, null, 8, ["title", "onClick"])),
-                  g(e(Re), {
+                  v(e(Re), {
                     title: e(l)("field.remove-title"),
                     description: e(l)("field.remove-text"),
                     "confirm-text": e(l)("field.remove-confirm"),
                     "cancel-text": e(l)("manager.cancel"),
                     "confirm-type": "danger",
                     side: "top",
-                    onConfirm: (W) => Q(C)
+                    onConfirm: (F) => Q(M)
                   }, {
-                    trigger: b(() => [
-                      g(e(B), {
+                    trigger: x(() => [
+                      v(e(B), {
                         type: "remove",
                         title: e(l)("field.remove-confirm")
                       }, null, 8, ["title"])
@@ -1270,23 +1270,23 @@ const $t = {
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "handle", "drag-label", "empty-text"]),
-      T("div", At, [
-        g(e(X), {
+      z("div", At, [
+        v(e(K), {
           size: "sm",
           variant: "outline",
           disabled: a.disabled || w.value,
           onClick: ie
         }, {
-          default: b(() => [
-            A(U(e(l)("field.add")), 1)
+          default: x(() => [
+            N(W(e(l)("field.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        ne.value ? (h(), L("span", Nt, U(ne.value), 1)) : D("", !0)
+        ne.value ? (h(), L("span", Nt, W(ne.value), 1)) : D("", !0)
       ])
     ], 6));
   }
-}), qt = /* @__PURE__ */ S({
+}), qt = /* @__PURE__ */ E({
   name: "WxFileField",
   inheritAttrs: !1,
   __name: "FileField",
@@ -1296,20 +1296,20 @@ const $t = {
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const i = O(a, "modelValue"), n = V({
+    const i = A(a, "modelValue"), n = T({
       get: () => i.value ? [i.value] : [],
       set: (l) => {
         i.value = l[0] ?? null;
       }
     });
-    return (l, r) => (h(), z(ke, ge(l.$attrs, {
+    return (l, s) => (h(), U(ke, ge(l.$attrs, {
       modelValue: n.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => n.value = d),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       layout: "rows",
       single: ""
     }), null, 16, ["modelValue"]));
   }
-}), It = /* @__PURE__ */ S({
+}), It = /* @__PURE__ */ E({
   name: "WxFilesField",
   inheritAttrs: !1,
   __name: "FilesField",
@@ -1319,14 +1319,14 @@ const $t = {
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const i = O(a, "modelValue");
-    return (n, l) => (h(), z(ke, ge(n.$attrs, {
+    const i = A(a, "modelValue");
+    return (n, l) => (h(), U(ke, ge(n.$attrs, {
       modelValue: i.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => i.value = s),
       layout: "rows"
     }), null, 16, ["modelValue"]));
   }
-}), Ht = /* @__PURE__ */ S({
+}), Ht = /* @__PURE__ */ E({
   name: "WxGalleryField",
   inheritAttrs: !1,
   __name: "GalleryField",
@@ -1336,10 +1336,10 @@ const $t = {
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const i = O(a, "modelValue");
-    return (n, l) => (h(), z(ke, ge(n.$attrs, {
+    const i = A(a, "modelValue");
+    return (n, l) => (h(), U(ke, ge(n.$attrs, {
       modelValue: i.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => i.value = s),
       layout: "grid",
       accept: "image"
     }), null, 16, ["modelValue"]));
@@ -1353,14 +1353,15 @@ const $t = {
 }, Jt = {
   key: 0,
   class: "wx-media-field__bar"
-}, Qt = { class: "wx-media-field__captions" }, Zt = { class: "wx-media-field__caption" }, el = { class: "wx-media-field__caption" }, tl = { class: "wx-media-field__captions-footer" }, ll = /* @__PURE__ */ S({
+}, Qt = { class: "wx-media-field__captions" }, Zt = { class: "wx-media-field__caption" }, el = { class: "wx-media-field__caption" }, tl = { class: "wx-media-field__captions-footer" }, ll = /* @__PURE__ */ E({
   __name: "MediaField",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ I({
     label: { default: void 0 },
     accept: { default: "image" },
     captions: { type: Boolean, default: !0 },
     aspect: { default: "16/9" },
     height: { default: 220 },
+    width: { default: null },
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: null },
@@ -1368,118 +1369,119 @@ const $t = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const i = a, n = O(a, "modelValue");
+    const i = a, n = A(a, "modelValue");
     re();
-    const l = I("webx-media"), r = be(se()), d = {
+    const l = H("webx-media"), s = be(se()), r = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
-    }, v = R(!1), t = R({});
+    }, f = R(!1), t = R({});
     G(
       () => n.value?.path,
-      async (o) => {
-        if (!o || n.value?.url || t.value[o]) return;
-        const $ = await r.fileByPath(o);
-        $ && (t.value = { ...t.value, [o]: $.url });
+      async (b) => {
+        if (!b || n.value?.url || t.value[b]) return;
+        const _ = await s.fileByPath(b);
+        _ && (t.value = { ...t.value, [b]: _.url });
       },
       { immediate: !0 }
     );
-    const x = V(() => {
-      const o = n.value;
-      return o ? o.url ?? t.value[o.path] ?? null : null;
-    }), w = V(
-      () => i.aspect ? { aspectRatio: d[i.aspect] ?? i.aspect } : { height: typeof i.height == "number" ? `${i.height}px` : i.height }
-    );
-    function s(o) {
-      return n.value?.[o] ?? {};
+    const k = T(() => {
+      const b = n.value;
+      return b ? b.url ?? t.value[b.path] ?? null : null;
+    }), w = (b) => typeof b == "number" ? `${b}px` : b, o = T(() => ({
+      ...i.aspect ? { aspectRatio: r[i.aspect] ?? i.aspect } : { height: w(i.height) },
+      ...i.width == null ? {} : { width: "100%", maxWidth: w(i.width) }
+    }));
+    function d(b) {
+      return n.value?.[b] ?? {};
     }
-    function u(o, $) {
-      n.value && (n.value = { ...n.value, [o]: $ });
+    function $(b, _) {
+      n.value && (n.value = { ...n.value, [b]: _ });
     }
-    async function k() {
+    async function g() {
       if (i.disabled) return;
-      const o = await Se({ accept: i.accept });
-      o && (t.value = { ...t.value, [o.path]: o.url }, n.value = { ...n.value, path: o.path, url: o.url });
+      const b = await Se({ accept: i.accept });
+      b && (t.value = { ...t.value, [b.path]: b.url }, n.value = { ...n.value, path: b.path, url: b.url });
     }
     function y() {
-      n.value = null, v.value = !1;
+      n.value = null, f.value = !1;
     }
-    return (o, $) => (h(), L("div", Xt, [
-      a.label ? (h(), L("span", Kt, U(a.label), 1)) : D("", !0),
+    return (b, _) => (h(), L("div", Xt, [
+      a.label ? (h(), L("span", Kt, W(a.label), 1)) : D("", !0),
       n.value ? (h(), L("div", {
         key: 2,
         class: "wx-media-field__frame",
-        style: fe(w.value)
+        style: fe(o.value)
       }, [
-        T("button", {
+        z("button", {
           type: "button",
           class: "wx-media-field__picture",
           disabled: a.disabled,
           title: e(l)("field.replace"),
-          onClick: k
+          onClick: g
         }, [
-          x.value ? (h(), z(e(pt), {
+          k.value ? (h(), U(e(pt), {
             key: 0,
-            src: x.value,
+            src: k.value,
             fit: "contain",
             width: "100%",
             height: "100%"
-          }, null, 8, ["src"])) : (h(), L("span", Yt, U(e(l)("field.no-preview")), 1))
+          }, null, 8, ["src"])) : (h(), L("span", Yt, W(e(l)("field.no-preview")), 1))
         ], 8, Gt),
         a.disabled ? D("", !0) : (h(), L("div", Jt, [
-          g(e(le), { size: "sm" }, {
-            default: b(() => [
-              a.captions ? (h(), z(e(Le), {
+          v(e(le), { size: "sm" }, {
+            default: x(() => [
+              a.captions ? (h(), U(e(Le), {
                 key: 0,
-                open: v.value,
-                "onUpdate:open": $[3] || ($[3] = (F) => v.value = F),
+                open: f.value,
+                "onUpdate:open": _[3] || (_[3] = (S) => f.value = S),
                 title: e(l)("field.captions"),
                 width: 360,
                 side: "top",
                 teleport: ""
               }, {
-                trigger: b(() => [
-                  g(e(B), {
+                trigger: x(() => [
+                  v(e(B), {
                     type: "edit",
                     title: e(l)("field.edit")
                   }, null, 8, ["title"])
                 ]),
-                default: b(() => [
-                  T("div", Qt, [
-                    T("div", Zt, [
-                      $[4] || ($[4] = T("label", {
+                default: x(() => [
+                  z("div", Qt, [
+                    z("div", Zt, [
+                      _[4] || (_[4] = z("label", {
                         class: "wx-media-field__caption-label",
                         for: "wx-media-alt"
                       }, "alt", -1)),
-                      g(e(Z), {
+                      v(e(Z), {
                         id: "wx-media-alt",
                         localized: "",
-                        "model-value": s("alt"),
+                        "model-value": d("alt"),
                         placeholder: e(l)("field.alt-hint"),
-                        "onUpdate:modelValue": $[0] || ($[0] = (F) => u("alt", F))
+                        "onUpdate:modelValue": _[0] || (_[0] = (S) => $("alt", S))
                       }, null, 8, ["model-value", "placeholder"])
                     ]),
-                    T("div", el, [
-                      $[5] || ($[5] = T("label", {
+                    z("div", el, [
+                      _[5] || (_[5] = z("label", {
                         class: "wx-media-field__caption-label",
                         for: "wx-media-title"
                       }, "title", -1)),
-                      g(e(Z), {
+                      v(e(Z), {
                         id: "wx-media-title",
                         localized: "",
-                        "model-value": s("title"),
+                        "model-value": d("title"),
                         placeholder: e(l)("field.title-hint"),
-                        "onUpdate:modelValue": $[1] || ($[1] = (F) => u("title", F))
+                        "onUpdate:modelValue": _[1] || (_[1] = (S) => $("title", S))
                       }, null, 8, ["model-value", "placeholder"])
                     ]),
-                    T("div", tl, [
-                      g(e(X), {
+                    z("div", tl, [
+                      v(e(K), {
                         size: "sm",
                         type: "primary",
-                        onClick: $[2] || ($[2] = (F) => v.value = !1)
+                        onClick: _[2] || (_[2] = (S) => f.value = !1)
                       }, {
-                        default: b(() => [
-                          A(U(e(l)("manager.save")), 1)
+                        default: x(() => [
+                          N(W(e(l)("manager.save")), 1)
                         ]),
                         _: 1
                       })
@@ -1488,7 +1490,7 @@ const $t = {
                 ]),
                 _: 1
               }, 8, ["open", "title"])) : D("", !0),
-              g(e(Re), {
+              v(e(Re), {
                 title: e(l)("field.clear-title"),
                 description: e(l)("field.clear-text"),
                 "confirm-text": e(l)("field.clear-confirm"),
@@ -1497,8 +1499,8 @@ const $t = {
                 side: "top",
                 onConfirm: y
               }, {
-                trigger: b(() => [
-                  g(e(B), {
+                trigger: x(() => [
+                  v(e(B), {
                     type: "remove",
                     title: e(l)("field.clear-confirm")
                   }, null, 8, ["title"])
@@ -1512,32 +1514,32 @@ const $t = {
       ], 4)) : (h(), L("div", {
         key: 1,
         class: "wx-media-field__frame is-empty",
-        style: fe(w.value)
+        style: fe(o.value)
       }, [
-        T("button", {
+        z("button", {
           type: "button",
           class: "wx-media-field__pick",
           disabled: a.disabled,
-          onClick: k
-        }, U(e(l)("field.select")), 9, jt)
+          onClick: g
+        }, W(e(l)("field.select")), 9, jt)
       ], 4))
     ]));
   }
-}), al = /* @__PURE__ */ S({
+}), al = /* @__PURE__ */ E({
   __name: "MediaPage",
   setup(a) {
     const i = se();
     re();
-    const n = I("webx-media"), l = oe("manager"), r = R("all"), d = V(() => r.value), v = V(() => i.can("media.upload") || i.can("media.manage")), t = V(
-      () => i.state.manifest?.modules.find((s) => s.id === "media")?.title ?? n("module.title")
-    ), x = V(() => [
+    const n = H("webx-media"), l = oe("manager"), s = R("all"), r = T(() => s.value), f = T(() => i.can("media.upload") || i.can("media.manage")), t = T(
+      () => i.state.manifest?.modules.find((o) => o.id === "media")?.title ?? n("module.title")
+    ), k = T(() => [
       { value: "all", label: n("manager.all-types") },
-      ...["image", "video", "audio", "document", "other"].map((s) => ({
-        value: s,
-        label: n(`manager.${s}`)
+      ...["image", "video", "audio", "document", "other"].map((o) => ({
+        value: o,
+        label: n(`manager.${o}`)
       }))
-    ]), w = V(
-      () => v.value ? [
+    ]), w = T(
+      () => f.value ? [
         {
           key: "upload",
           label: n("manager.upload"),
@@ -1547,25 +1549,25 @@ const $t = {
         }
       ] : []
     );
-    return (s, u) => (h(), z(e(at), {
-      view: r.value,
-      "onUpdate:view": u[0] || (u[0] = (k) => r.value = k),
+    return (o, d) => (h(), U(e(at), {
+      view: s.value,
+      "onUpdate:view": d[0] || (d[0] = ($) => s.value = $),
       title: t.value,
-      views: x.value,
+      views: k.value,
       actions: w.value,
       card: !1,
       fill: ""
     }, {
-      default: b(() => [
-        g(e(ft), {
+      default: x(() => [
+        v(e(ft), {
           class: "wx-media-page",
           padding: "md"
         }, {
-          default: b(() => [
-            g(Be, {
+          default: x(() => [
+            v(Be, {
               ref_key: "manager",
               ref: l,
-              type: d.value,
+              type: r.value,
               "in-page": ""
             }, null, 8, ["type"])
           ]),
@@ -1621,8 +1623,8 @@ export {
   be as createMediaApi,
   sl as media,
   kt as mediaMessages,
-  Ft as openMediaFiles,
-  Wt as openMediaLibrary,
+  Wt as openMediaFiles,
+  Ft as openMediaLibrary,
   Se as openMediaPicker
 };
 //# sourceMappingURL=index.js.map