@webx-ui/module-inbox 0.11.5 → 0.12.0

package/dist/{StatusesPage-hBgS8sYt.js → StatusesPage-4pt80oR1.js}

@@ -1,25 +1,25 @@
-import { defineComponent as O, ref as d, watch as J, computed as R, openBlock as v, createBlock as A, unref as e, isRef as K, withCtx as i, createElementVNode as N, createVNode as u, createTextVNode as g, toDisplayString as m, createElementBlock as I, Fragment as D, createCommentVNode as $ } from "vue";
-import { useAdmin as q, useTranslate as P, useErrorText as h, WxListScreen as Q, WxRowMenu as X } from "@webx-ui/module-admin";
-import { useModal as Y, WxDialog as Z, WxFormItem as E, WxInput as F, WxSelect as ee, WxCheckbox as z, WxSpace as ae, WxButton as L, toast as w, createModal as le, WxEmpty as te, WxSortableList as se, WxBadge as oe, WxText as ne, confirm as ue } from "@webx-ui/core";
-import { c as j, u as G, b as re, _ as H, d as ie } from "./index-C_zPRhNm.js";
-const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-form__checks" }, pe = /* @__PURE__ */ O({
+import { defineComponent as L, ref as d, watch as H, computed as O, openBlock as v, createBlock as z, unref as e, isRef as J, withCtx as i, createElementVNode as N, createVNode as u, createTextVNode as g, toDisplayString as m, createElementBlock as I, Fragment as D, createCommentVNode as $ } from "vue";
+import { useAdmin as R, useTranslate as q, useErrorText as P, WxCodeField as K, WxListScreen as Q, WxRowMenu as X } from "@webx-ui/module-admin";
+import { useModal as Y, WxDialog as Z, WxFormItem as E, WxInput as ee, WxSelect as ae, WxCheckbox as F, WxSpace as le, WxButton as A, toast as w, createModal as te, WxEmpty as se, WxSortableList as oe, WxBadge as ne, WxText as ue, confirm as re } from "@webx-ui/core";
+import { c as h, u as j, b as ie, _ as G, d as de } from "./index-CAa0K6Q6.js";
+const ce = { class: "wx-inbox-status-form" }, pe = { class: "wx-inbox-status-form__checks" }, me = /* @__PURE__ */ L({
   __name: "StatusDialog",
   props: {
     status: {}
   },
   setup(M) {
-    const S = M, { resolve: B, dismiss: W, open: a } = Y(), U = q(), f = j(U);
-    G();
-    const n = P("webx-inbox"), C = h(), _ = d(""), c = d({}), p = d("default"), b = d(!1), x = d(!1), k = d(!1), T = d(!1), V = d({});
-    J(
+    const S = M, { resolve: B, dismiss: W, open: a } = Y(), C = R(), f = h(C);
+    j();
+    const n = q("webx-inbox"), U = P(), _ = d(""), c = d({}), p = d("default"), b = d(!1), x = d(!1), k = d(!1), T = d(!1), V = d({});
+    H(
       () => S.status,
       (r) => {
         _.value = r?.key ?? "", c.value = { ...r?.title ?? {} }, p.value = r?.color ?? "default", b.value = r?.is_default ?? !1, x.value = r?.is_spam ?? !1, k.value = r?.is_closed ?? !1, V.value = {};
       },
       { immediate: !0 }
     );
-    const t = R(
-      () => re.map((r) => ({ value: r, label: n(`panel.color-${r}`) }))
+    const t = O(
+      () => ie.map((r) => ({ value: r, label: n(`panel.color-${r}`) }))
     );
     function y(r) {
       return V.value[r]?.[0];
@@ -40,21 +40,21 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
         );
       } catch (l) {
         const o = l.body;
-        o?.errors ? (V.value = o.errors, w.danger(n("panel.failed"))) : w.danger(C(l));
+        o?.errors ? (V.value = o.errors, w.danger(n("panel.failed"))) : w.danger(U(l));
       } finally {
         T.value = !1;
       }
     }
-    return (r, l) => (v(), A(e(Z), {
+    return (r, l) => (v(), z(e(Z), {
       open: e(a),
-      "onUpdate:open": l[7] || (l[7] = (o) => K(a) ? a.value = o : null),
+      "onUpdate:open": l[7] || (l[7] = (o) => J(a) ? a.value = o : null),
       title: M.status ? e(n)("panel.settings") : e(n)("panel.new-status"),
       width: 520
     }, {
       footer: i(() => [
-        u(e(ae), { size: "sm" }, {
+        u(e(le), { size: "sm" }, {
           default: i(() => [
-            u(e(L), {
+            u(e(A), {
               variant: "outline",
               onClick: l[6] || (l[6] = (o) => e(W)())
             }, {
@@ -63,7 +63,7 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
               ]),
               _: 1
             }),
-            u(e(L), {
+            u(e(A), {
               type: "primary",
               loading: T.value,
               onClick: s
@@ -78,14 +78,14 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
         })
       ]),
       default: i(() => [
-        N("div", de, [
+        N("div", ce, [
           u(e(E), {
             label: e(n)("panel.title"),
             error: y("title"),
             required: ""
           }, {
             default: i(() => [
-              u(e(F), {
+              u(e(ee), {
                 modelValue: c.value,
                 "onUpdate:modelValue": l[0] || (l[0] = (o) => c.value = o),
                 localized: ""
@@ -99,9 +99,10 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
             required: ""
           }, {
             default: i(() => [
-              u(e(F), {
+              u(e(K), {
                 modelValue: _.value,
                 "onUpdate:modelValue": l[1] || (l[1] = (o) => _.value = o),
+                maxlength: 32,
                 placeholder: "in-progress"
               }, null, 8, ["modelValue"])
             ]),
@@ -112,7 +113,7 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
             error: y("color")
           }, {
             default: i(() => [
-              u(e(ee), {
+              u(e(ae), {
                 modelValue: p.value,
                 "onUpdate:modelValue": l[2] || (l[2] = (o) => p.value = o),
                 options: t.value
@@ -120,18 +121,18 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          N("div", ce, [
-            u(e(z), {
+          N("div", pe, [
+            u(e(F), {
               modelValue: b.value,
               "onUpdate:modelValue": l[3] || (l[3] = (o) => b.value = o),
               label: e(n)("panel.status-default")
             }, null, 8, ["modelValue", "label"]),
-            u(e(z), {
+            u(e(F), {
               modelValue: x.value,
               "onUpdate:modelValue": l[4] || (l[4] = (o) => x.value = o),
               label: e(n)("panel.status-spam")
             }, null, 8, ["modelValue", "label"]),
-            u(e(z), {
+            u(e(F), {
               modelValue: k.value,
               "onUpdate:modelValue": l[5] || (l[5] = (o) => k.value = o),
               disabled: x.value,
@@ -143,21 +144,21 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
       _: 1
     }, 8, ["open", "title"]));
   }
-}), me = /* @__PURE__ */ H(pe, [["__scopeId", "data-v-b520b53b"]]), fe = { class: "wx-inbox-statuses" }, ve = { class: "wx-inbox-status" }, be = /* @__PURE__ */ O({
+}), fe = /* @__PURE__ */ G(me, [["__scopeId", "data-v-c6d91620"]]), ve = { class: "wx-inbox-statuses" }, be = { class: "wx-inbox-status" }, xe = /* @__PURE__ */ L({
   __name: "StatusesPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(M) {
-    const S = M, B = q(), W = j(B);
-    G();
-    const a = P("webx-inbox"), U = h(), f = d([]), n = d(!0), C = B.can("inbox.manage"), _ = le(me), c = ie();
+    const S = M, B = R(), W = h(B);
+    j();
+    const a = q("webx-inbox"), C = P(), f = d([]), n = d(!0), U = B.can("inbox.manage"), _ = te(fe), c = de();
     async function p() {
       n.value = !0;
       try {
         f.value = await W.statuses();
       } catch (t) {
-        w.danger(U(t));
+        w.danger(C(t));
       } finally {
         n.value = !1;
       }
@@ -167,7 +168,7 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
       await _({ status: t }) && await p();
     }
     async function x(t) {
-      if (await ue({
+      if (await re({
         title: a("panel.delete-status-title", { status: c(t) }),
         message: a("panel.delete-status-text"),
         confirmText: a("panel.delete"),
@@ -177,11 +178,11 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
         try {
           await W.removeStatus(t.id), w.success(a("panel.deleted")), await p();
         } catch (s) {
-          w.danger(U(s));
+          w.danger(C(s));
         }
     }
     function k(t) {
-      return C ? [
+      return U ? [
         { key: "edit", icon: "edit", label: a("panel.settings"), run: () => {
           b(t);
         } },
@@ -200,8 +201,8 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
         ] : []
       ] : [];
     }
-    const T = R(
-      () => C ? [
+    const T = O(
+      () => U ? [
         {
           key: "new",
           label: a("panel.new-status"),
@@ -217,10 +218,10 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
       try {
         await W.sortStatuses(f.value.map((t) => t.id));
       } catch (t) {
-        w.danger(U(t, a("panel.reorder-failed"))), await p();
+        w.danger(C(t, a("panel.reorder-failed"))), await p();
       }
     }
-    return (t, y) => (v(), I("div", fe, [
+    return (t, y) => (v(), I("div", ve, [
       u(e(Q), {
         title: e(a)("panel.statuses"),
         back: S.base,
@@ -228,10 +229,10 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
         actions: T.value
       }, {
         default: i(() => [
-          !n.value && f.value.length === 0 ? (v(), A(e(te), {
+          !n.value && f.value.length === 0 ? (v(), z(e(se), {
             key: 0,
             title: e(a)("panel.no-statuses")
-          }, null, 8, ["title"])) : (v(), A(e(se), {
+          }, null, 8, ["title"])) : (v(), z(e(oe), {
             key: 1,
             modelValue: f.value,
             "onUpdate:modelValue": y[0] || (y[0] = (s) => f.value = s),
@@ -239,13 +240,13 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
             "item-key": "id",
             "item-label": e(c),
             "drag-label": e(a)("panel.reorder"),
-            disabled: !e(C),
+            disabled: !e(U),
             "aria-label": e(a)("panel.statuses"),
             onMove: V
           }, {
             default: i(({ item: s }) => [
-              N("div", ve, [
-                u(e(oe), {
+              N("div", be, [
+                u(e(ne), {
                   type: s.color
                 }, {
                   default: i(() => [
@@ -253,7 +254,7 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
                   ]),
                   _: 2
                 }, 1032, ["type"]),
-                u(e(ne), {
+                u(e(ue), {
                   size: "sm",
                   tone: "muted",
                   truncate: ""
@@ -289,8 +290,8 @@ const de = { class: "wx-inbox-status-form" }, ce = { class: "wx-inbox-status-for
       }, 8, ["title", "back", "back-label", "actions"])
     ]));
   }
-}), ke = /* @__PURE__ */ H(be, [["__scopeId", "data-v-ba548af9"]]);
+}), Ve = /* @__PURE__ */ G(xe, [["__scopeId", "data-v-ba548af9"]]);
 export {
-  ke as default
+  Ve as default
 };
-//# sourceMappingURL=StatusesPage-hBgS8sYt.js.map
+//# sourceMappingURL=StatusesPage-4pt80oR1.js.map

package/dist/StatusesPage-4pt80oR1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusesPage-4pt80oR1.js","sources":["../src/StatusDialog.vue","../src/StatusesPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { useAdmin, useErrorText, useTranslate, WxCodeField } from '@webx-ui/module-admin'\nimport {\n  toast,\n  useModal,\n  WxButton,\n  WxCheckbox,\n  WxDialog,\n  WxFormItem,\n  WxInput,\n  WxSelect,\n  WxSpace,\n  type LocalizedValue,\n} from '@webx-ui/core'\nimport { createInboxApi } from './api'\nimport { useInboxMessages } from './i18n'\nimport { STATUS_COLORS, type InboxStatus, type StatusColor } from './types'\n\n/**\n * One state, written.\n *\n * The colour is a tone rather than a swatch: the panel has a light theme and a dark one, and\n * a colour picked in one of them is unreadable in the other.\n *\n * Nothing here refuses a second default — the server clears the flag on whoever had it, which\n * is what somebody moving the default from one status to another means, and refusing the save\n * would be the other reading of the same click.\n */\nconst props = defineProps<{ status: InboxStatus | null }>()\n\nconst { resolve, dismiss, open } = useModal<InboxStatus>()\n\nconst context = useAdmin()\nconst api = createInboxApi(context)\nuseInboxMessages()\n\nconst t = useTranslate('webx-inbox')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst key = ref('')\nconst title = ref<LocalizedValue>({})\nconst color = ref<StatusColor>('default')\nconst isDefault = ref(false)\nconst isSpam = ref(false)\nconst isClosed = ref(false)\nconst saving = ref(false)\nconst errors = ref<Record<string, string[]>>({})\n\nwatch(\n  () => props.status,\n  (status) => {\n    key.value = status?.key ?? ''\n    title.value = { ...(status?.title ?? {}) }\n    color.value = status?.color ?? 'default'\n    isDefault.value = status?.is_default ?? false\n    isSpam.value = status?.is_spam ?? false\n    isClosed.value = status?.is_closed ?? false\n    errors.value = {}\n  },\n  { immediate: true },\n)\n\nconst colors = computed(() =>\n  STATUS_COLORS.map((one) => ({ value: one, label: t(`panel.color-${one}`) })),\n)\n\nfunction errorOf(field: string): string | undefined {\n  return errors.value[field]?.[0]\n}\n\nasync function save(): Promise<void> {\n  saving.value = true\n  errors.value = {}\n\n  const input = {\n    key: key.value.trim(),\n    title: title.value,\n    color: color.value,\n    is_default: isDefault.value,\n    is_spam: isSpam.value,\n    is_closed: isClosed.value,\n  }\n\n  try {\n    resolve(\n      props.status === null\n        ? await api.createStatus(input)\n        : await api.saveStatus(props.status.id, input),\n    )\n  } catch (error) {\n    const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    if (body?.errors) {\n      errors.value = body.errors\n      toast.danger(t('panel.failed'))\n    } else {\n      toast.danger(message(error))\n    }\n  } finally {\n    saving.value = false\n  }\n}\n</script>\n\n<template>\n  <wx-dialog\n    v-model:open=\"open\"\n    :title=\"status ? t('panel.settings') : t('panel.new-status')\"\n    :width=\"520\"\n  >\n    <div class=\"wx-inbox-status-form\">\n      <wx-form-item :label=\"t('panel.title')\" :error=\"errorOf('title')\" required>\n        <wx-input v-model=\"title\" localized />\n      </wx-form-item>\n\n      <wx-form-item :label=\"t('panel.status-key')\" :error=\"errorOf('key')\" required>\n        <wx-code-field v-model=\"key\" :maxlength=\"32\" placeholder=\"in-progress\" />\n      </wx-form-item>\n\n      <wx-form-item :label=\"t('panel.status-color')\" :error=\"errorOf('color')\">\n        <wx-select v-model=\"color\" :options=\"colors\" />\n      </wx-form-item>\n\n      <div class=\"wx-inbox-status-form__checks\">\n        <wx-checkbox v-model=\"isDefault\" :label=\"t('panel.status-default')\" />\n        <wx-checkbox v-model=\"isSpam\" :label=\"t('panel.status-spam')\" />\n        <wx-checkbox v-model=\"isClosed\" :disabled=\"isSpam\" :label=\"t('panel.status-closed')\" />\n      </div>\n    </div>\n\n    <template #footer>\n      <wx-space size=\"sm\">\n        <wx-button variant=\"outline\" @click=\"dismiss()\">{{ t('panel.cancel') }}</wx-button>\n        <wx-button type=\"primary\" :loading=\"saving\" @click=\"save\">{{ t('panel.save') }}</wx-button>\n      </wx-space>\n    </template>\n  </wx-dialog>\n</template>\n\n<style scoped>\n.wx-inbox-status-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-12);\n}\n\n.wx-inbox-status-form__checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wx-space-16);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport {\n  useAdmin,\n  useErrorText,\n  useTranslate,\n  WxListScreen,\n  WxRowMenu,\n  type RowAction,\n  type ScreenAction,\n} from '@webx-ui/module-admin'\nimport {\n  confirm,\n  createModal,\n  toast,\n  WxBadge,\n  WxEmpty,\n  WxSortableList,\n  WxText,\n} from '@webx-ui/core'\nimport StatusDialog from './StatusDialog.vue'\nimport { createInboxApi } from './api'\nimport { useInboxMessages, useStatusName } from './i18n'\nimport type { InboxStatus } from './types'\n\n/**\n * The states a submission can be in (§2.11).\n *\n * Rows rather than an enum, because every panel ends up wanting its own words — and the flags\n * are what the section reads, not the keys, so renaming \"New\" to whatever this client calls\n * it keeps it the status a new submission gets.\n *\n * Their order is the order of the tabs over the list of submissions, which is why it is\n * dragged rather than typed.\n */\nconst props = withDefaults(defineProps<{ base?: string }>(), { base: '/inbox' })\n\nconst context = useAdmin()\nconst api = createInboxApi(context)\nuseInboxMessages()\n\nconst t = useTranslate('webx-inbox')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst statuses = ref<InboxStatus[]>([])\nconst loading = ref(true)\n\nconst canManage = context.can('inbox.manage')\n\nconst edit = createModal<InboxStatus, { status: InboxStatus | null }>(StatusDialog)\n\n/* In the panel's language, not the content's: a status is a word of the interface. */\nconst name = useStatusName()\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    statuses.value = await api.statuses()\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    loading.value = false\n  }\n}\n\nvoid load()\n\nasync function open(status: InboxStatus | null): Promise<void> {\n  if (await edit({ status })) await load()\n}\n\nasync function remove(status: InboxStatus): Promise<void> {\n  const agreed = await confirm({\n    title: t('panel.delete-status-title', { status: name(status) }),\n    message: t('panel.delete-status-text'),\n    confirmText: t('panel.delete'),\n    cancelText: t('panel.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.removeStatus(status.id)\n    toast.success(t('panel.deleted'))\n    await load()\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nfunction actionsFor(status: InboxStatus): RowAction[] {\n  if (!canManage) return []\n\n  return [\n    { key: 'edit', icon: 'edit', label: t('panel.settings'), run: () => void open(status) },\n    // A status with submissions in them cannot go: they would have nothing to be in. The\n    // line is left out rather than greyed, the way every list of the panel does it.\n    ...(status.submissions_count === 0\n      ? [\n          {\n            key: 'delete',\n            icon: 'trash' as const,\n            label: t('panel.delete'),\n            danger: true,\n            run: () => void remove(status),\n          },\n        ]\n      : []),\n  ]\n}\n\n/* What the section offers. Declared, because on a phone the head folds it into the ···. */\nconst actions = computed<ScreenAction[]>(() =>\n  canManage\n    ? [\n        {\n          key: 'new',\n          label: t('panel.new-status'),\n          icon: 'plus',\n          primary: true,\n          run: () => void open(null),\n        },\n      ]\n    : [],\n)\n\nasync function reorder(): Promise<void> {\n  try {\n    await api.sortStatuses(statuses.value.map((status) => status.id))\n  } catch (error) {\n    toast.danger(message(error, t('panel.reorder-failed')))\n    await load()\n  }\n}\n</script>\n\n<template>\n  <div class=\"wx-inbox-statuses\">\n    <wx-list-screen\n      :title=\"t('panel.statuses')\"\n      :back=\"props.base\"\n      :back-label=\"t('panel.forms')\"\n      :actions=\"actions\"\n    >\n      <wx-empty v-if=\"!loading && statuses.length === 0\" :title=\"t('panel.no-statuses')\" />\n\n      <wx-sortable-list\n        v-else\n        v-model=\"statuses\"\n        plain\n        item-key=\"id\"\n        :item-label=\"name\"\n        :drag-label=\"t('panel.reorder')\"\n        :disabled=\"!canManage\"\n        :aria-label=\"t('panel.statuses')\"\n        @move=\"reorder\"\n      >\n        <template #default=\"{ item }\">\n          <div class=\"wx-inbox-status\">\n            <wx-badge :type=\"item.color\">{{ name(item) }}</wx-badge>\n\n            <wx-text size=\"sm\" tone=\"muted\" truncate>\n              <code>{{ item.key }}</code>\n              <template v-if=\"item.is_default\"> · {{ t('panel.status-default') }}</template>\n              <template v-if=\"item.is_spam\"> · {{ t('panel.status-spam') }}</template>\n              <template v-else-if=\"item.is_closed\"> · {{ t('panel.status-closed') }}</template>\n              <template v-if=\"item.submissions_count\">\n                · {{ t('panel.in-use') }} ({{ item.submissions_count }})\n              </template>\n            </wx-text>\n          </div>\n        </template>\n\n        <template #actions=\"{ item }\">\n          <wx-row-menu :actions=\"actionsFor(item)\" :label=\"name(item)\" />\n        </template>\n      </wx-sortable-list>\n    </wx-list-screen>\n  </div>\n</template>\n\n<style scoped>\n.wx-inbox-statuses {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--wx-space-12);\n}\n\n.wx-inbox-statuses > .wx-list-screen {\n  align-self: stretch;\n}\n\n.wx-inbox-status {\n  display: flex;\n  align-items: center;\n  gap: var(--wx-space-8);\n  flex: 1 1 auto;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n</style>\n"],"names":["props","__props","resolve","dismiss","open","useModal","context","useAdmin","api","createInboxApi","useInboxMessages","t","useTranslate","message","useErrorText","key","ref","title","color","isDefault","isSpam","isClosed","saving","errors","watch","status","colors","computed","STATUS_COLORS","one","errorOf","field","save","input","error","body","toast","_createBlock","_unref","WxDialog","$event","_createVNode","WxSpace","WxButton","_createElementVNode","_hoisted_1","WxFormItem","WxInput","WxCodeField","WxSelect","_hoisted_2","WxCheckbox","statuses","loading","canManage","edit","createModal","StatusDialog","name","useStatusName","load","remove","confirm","actionsFor","actions","reorder","_openBlock","_createElementBlock","WxListScreen","WxEmpty","WxSortableList","_withCtx","item","WxBadge","_createTextVNode","_toDisplayString","WxText","_Fragment","WxRowMenu"],"mappings":";;;;;;;;;;AA6BA,UAAMA,IAAQC,GAER,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GAE7BC,IAAUC,EAAA,GACVC,IAAMC,EAAeH,CAAO;AAClC,IAAAI,EAAA;AAEA,UAAMC,IAAIC,EAAa,YAAY,GAE7BC,IAAUC,EAAA,GAEVC,IAAMC,EAAI,EAAE,GACZC,IAAQD,EAAoB,EAAE,GAC9BE,IAAQF,EAAiB,SAAS,GAClCG,IAAYH,EAAI,EAAK,GACrBI,IAASJ,EAAI,EAAK,GAClBK,IAAWL,EAAI,EAAK,GACpBM,IAASN,EAAI,EAAK,GAClBO,IAASP,EAA8B,EAAE;AAE/C,IAAAQ;AAAA,MACE,MAAMxB,EAAM;AAAA,MACZ,CAACyB,MAAW;AACV,QAAAV,EAAI,QAAQU,GAAQ,OAAO,IAC3BR,EAAM,QAAQ,EAAE,GAAIQ,GAAQ,SAAS,CAAA,EAAC,GACtCP,EAAM,QAAQO,GAAQ,SAAS,WAC/BN,EAAU,QAAQM,GAAQ,cAAc,IACxCL,EAAO,QAAQK,GAAQ,WAAW,IAClCJ,EAAS,QAAQI,GAAQ,aAAa,IACtCF,EAAO,QAAQ,CAAA;AAAA,MACjB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMG,IAASC;AAAA,MAAS,MACtBC,GAAc,IAAI,CAACC,OAAS,EAAE,OAAOA,GAAK,OAAOlB,EAAE,eAAekB,CAAG,EAAE,IAAI;AAAA,IAAA;AAG7E,aAASC,EAAQC,GAAmC;AAClD,aAAOR,EAAO,MAAMQ,CAAK,IAAI,CAAC;AAAA,IAChC;AAEA,mBAAeC,IAAsB;AACnC,MAAAV,EAAO,QAAQ,IACfC,EAAO,QAAQ,CAAA;AAEf,YAAMU,IAAQ;AAAA,QACZ,KAAKlB,EAAI,MAAM,KAAA;AAAA,QACf,OAAOE,EAAM;AAAA,QACb,OAAOC,EAAM;AAAA,QACb,YAAYC,EAAU;AAAA,QACtB,SAASC,EAAO;AAAA,QAChB,WAAWC,EAAS;AAAA,MAAA;AAGtB,UAAI;AACF,QAAAnB;AAAA,UACEF,EAAM,WAAW,OACb,MAAMQ,EAAI,aAAayB,CAAK,IAC5B,MAAMzB,EAAI,WAAWR,EAAM,OAAO,IAAIiC,CAAK;AAAA,QAAA;AAAA,MAEnD,SAASC,GAAO;AACd,cAAMC,IAAQD,EAA2D;AAEzE,QAAIC,GAAM,UACRZ,EAAO,QAAQY,EAAK,QACpBC,EAAM,OAAOzB,EAAE,cAAc,CAAC,KAE9ByB,EAAM,OAAOvB,EAAQqB,CAAK,CAAC;AAAA,MAE/B,UAAA;AACE,QAAAZ,EAAO,QAAQ;AAAA,MACjB;AAAA,IACF;2BAIEe,EA+BYC,EAAAC,CAAA,GAAA;AAAA,MA9BF,MAAMD,EAAAlC,CAAA;AAAA,qDAAAA,EAAI,QAAAoC,IAAA;AAAA,MACjB,OAAOvC,EAAA,SAASqC,EAAA3B,CAAA,sBAAsB2B,EAAA3B,CAAA,EAAC,kBAAA;AAAA,MACvC,OAAO;AAAA,IAAA;MAsBG,UACT,MAGW;AAAA,QAHX8B,EAGWH,EAAAI,EAAA,GAAA,EAHD,MAAK,QAAI;AAAA,qBACjB,MAAmF;AAAA,YAAnFD,EAAmFH,EAAAK,CAAA,GAAA;AAAA,cAAxE,SAAQ;AAAA,cAAW,gCAAOL,EAAAnC,CAAA,EAAA;AAAA,YAAO;yBAAI,MAAuB;AAAA,oBAApBmC,EAAA3B,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;YACpD8B,EAA2FH,EAAAK,CAAA,GAAA;AAAA,cAAhF,MAAK;AAAA,cAAW,SAASrB,EAAA;AAAA,cAAS,SAAOU;AAAA,YAAA;yBAAM,MAAqB;AAAA,oBAAlBM,EAAA3B,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;;iBAvBlE,MAkBM;AAAA,QAlBNiC,EAkBM,OAlBNC,IAkBM;AAAA,UAjBJJ,EAEeH,EAAAQ,CAAA,GAAA;AAAA,YAFA,OAAOR,EAAA3B,CAAA,EAAC,aAAA;AAAA,YAAkB,OAAOmB,EAAO,OAAA;AAAA,YAAW,UAAA;AAAA,UAAA;uBAChE,MAAsC;AAAA,cAAtCW,EAAsCH,EAAAS,EAAA,GAAA;AAAA,4BAAnB9B,EAAA;AAAA,8DAAAA,EAAK,QAAAuB;AAAA,gBAAE,WAAA;AAAA,cAAA;;;;UAG5BC,EAEeH,EAAAQ,CAAA,GAAA;AAAA,YAFA,OAAOR,EAAA3B,CAAA,EAAC,kBAAA;AAAA,YAAuB,OAAOmB,EAAO,KAAA;AAAA,YAAS,UAAA;AAAA,UAAA;uBACnE,MAAyE;AAAA,cAAzEW,EAAyEH,EAAAU,CAAA,GAAA;AAAA,4BAAjDjC,EAAA;AAAA,8DAAAA,EAAG,QAAAyB;AAAA,gBAAG,WAAW;AAAA,gBAAI,aAAY;AAAA,cAAA;;;;UAG3DC,EAEeH,EAAAQ,CAAA,GAAA;AAAA,YAFA,OAAOR,EAAA3B,CAAA,EAAC,oBAAA;AAAA,YAAyB,OAAOmB,EAAO,OAAA;AAAA,UAAA;uBAC5D,MAA+C;AAAA,cAA/CW,EAA+CH,EAAAW,EAAA,GAAA;AAAA,4BAA3B/B,EAAA;AAAA,8DAAAA,EAAK,QAAAsB;AAAA,gBAAG,SAASd,EAAA;AAAA,cAAA;;;;UAGvCkB,EAIM,OAJNM,IAIM;AAAA,YAHJT,EAAsEH,EAAAa,CAAA,GAAA;AAAA,0BAAhDhC,EAAA;AAAA,4DAAAA,EAAS,QAAAqB;AAAA,cAAG,OAAOF,EAAA3B,CAAA,EAAC,sBAAA;AAAA,YAAA;YAC1C8B,EAAgEH,EAAAa,CAAA,GAAA;AAAA,0BAA1C/B,EAAA;AAAA,4DAAAA,EAAM,QAAAoB;AAAA,cAAG,OAAOF,EAAA3B,CAAA,EAAC,mBAAA;AAAA,YAAA;YACvC8B,EAAuFH,EAAAa,CAAA,GAAA;AAAA,0BAAjE9B,EAAA;AAAA,4DAAAA,EAAQ,QAAAmB;AAAA,cAAG,UAAUpB,EAAA;AAAA,cAAS,OAAOkB,EAAA3B,CAAA,EAAC,qBAAA;AAAA,YAAA;;;;;;;;;;;;;AC7FpE,UAAMX,IAAQC,GAERK,IAAUC,EAAA,GACVC,IAAMC,EAAeH,CAAO;AAClC,IAAAI,EAAA;AAEA,UAAMC,IAAIC,EAAa,YAAY,GAE7BC,IAAUC,EAAA,GAEVsC,IAAWpC,EAAmB,EAAE,GAChCqC,IAAUrC,EAAI,EAAI,GAElBsC,IAAYhD,EAAQ,IAAI,cAAc,GAEtCiD,IAAOC,GAAyDC,EAAY,GAG5EC,IAAOC,GAAA;AAEb,mBAAeC,IAAsB;AACnC,MAAAP,EAAQ,QAAQ;AAEhB,UAAI;AACF,QAAAD,EAAS,QAAQ,MAAM5C,EAAI,SAAA;AAAA,MAC7B,SAAS0B,GAAO;AACd,QAAAE,EAAM,OAAOvB,EAAQqB,CAAK,CAAC;AAAA,MAC7B,UAAA;AACE,QAAAmB,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,IAAKO,EAAA;AAEL,mBAAexD,EAAKqB,GAA2C;AAC7D,MAAI,MAAM8B,EAAK,EAAE,QAAA9B,GAAQ,WAASmC,EAAA;AAAA,IACpC;AAEA,mBAAeC,EAAOpC,GAAoC;AASxD,UARe,MAAMqC,GAAQ;AAAA,QAC3B,OAAOnD,EAAE,6BAA6B,EAAE,QAAQ+C,EAAKjC,CAAM,GAAG;AAAA,QAC9D,SAASd,EAAE,0BAA0B;AAAA,QACrC,aAAaA,EAAE,cAAc;AAAA,QAC7B,YAAYA,EAAE,cAAc;AAAA,QAC5B,MAAM;AAAA,MAAA,CACP;AAID,YAAI;AACF,gBAAMH,EAAI,aAAaiB,EAAO,EAAE,GAChCW,EAAM,QAAQzB,EAAE,eAAe,CAAC,GAChC,MAAMiD,EAAA;AAAA,QACR,SAAS1B,GAAO;AACd,UAAAE,EAAM,OAAOvB,EAAQqB,CAAK,CAAC;AAAA,QAC7B;AAAA,IACF;AAEA,aAAS6B,EAAWtC,GAAkC;AACpD,aAAK6B,IAEE;AAAA,QACL,EAAE,KAAK,QAAQ,MAAM,QAAQ,OAAO3C,EAAE,gBAAgB,GAAG,KAAK,MAAA;AAAM,UAAKP,EAAKqB,CAAM;AAAA,UAAA;AAAA;AAAA;AAAA,QAGpF,GAAIA,EAAO,sBAAsB,IAC7B;AAAA,UACE;AAAA,YACE,KAAK;AAAA,YACL,MAAM;AAAA,YACN,OAAOd,EAAE,cAAc;AAAA,YACvB,QAAQ;AAAA,YACR,KAAK,MAAA;AAAM,cAAKkD,EAAOpC,CAAM;AAAA;AAAA,UAAA;AAAA,QAC/B,IAEF,CAAA;AAAA,MAAC,IAhBgB,CAAA;AAAA,IAkBzB;AAGA,UAAMuC,IAAUrC;AAAA,MAAyB,MACvC2B,IACI;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAO3C,EAAE,kBAAkB;AAAA,UAC3B,MAAM;AAAA,UACN,SAAS;AAAA,UACT,KAAK,MAAA;AAAM,YAAKP,EAAK,IAAI;AAAA;AAAA,QAAA;AAAA,MAC3B,IAEF,CAAA;AAAA,IAAC;AAGP,mBAAe6D,IAAyB;AACtC,UAAI;AACF,cAAMzD,EAAI,aAAa4C,EAAS,MAAM,IAAI,CAAC3B,MAAWA,EAAO,EAAE,CAAC;AAAA,MAClE,SAASS,GAAO;AACd,QAAAE,EAAM,OAAOvB,EAAQqB,GAAOvB,EAAE,sBAAsB,CAAC,CAAC,GACtD,MAAMiD,EAAA;AAAA,MACR;AAAA,IACF;sBAIEM,EAAA,GAAAC,EAyCM,OAzCNtB,IAyCM;AAAA,MAxCJJ,EAuCiBH,EAAA8B,CAAA,GAAA;AAAA,QAtCd,OAAO9B,EAAA3B,CAAA,EAAC,gBAAA;AAAA,QACR,MAAMX,EAAM;AAAA,QACZ,cAAYsC,EAAA3B,CAAA,EAAC,aAAA;AAAA,QACb,SAASqD,EAAA;AAAA,MAAA;mBAEV,MAAqF;AAAA,WAApEX,EAAA,SAAWD,EAAA,MAAS,WAAM,UAA3Cf,EAAqFC,EAAA+B,EAAA,GAAA;AAAA;YAAjC,OAAO/B,EAAA3B,CAAA,EAAC,mBAAA;AAAA,UAAA,gCAE5D0B,EA8BmBC,EAAAgC,EAAA,GAAA;AAAA;wBA5BRlB,EAAA;AAAA,0DAAAA,EAAQ,QAAAZ;AAAA,YACjB,OAAA;AAAA,YACA,YAAS;AAAA,YACR,cAAYF,EAAAoB,CAAA;AAAA,YACZ,cAAYpB,EAAA3B,CAAA,EAAC,eAAA;AAAA,YACb,WAAW2B,EAAAgB,CAAA;AAAA,YACX,cAAYhB,EAAA3B,CAAA,EAAC,gBAAA;AAAA,YACb,QAAMsD;AAAA,UAAA;YAEI,SAAOM,EAChB,CAYM,EAbc,MAAAC,QAAI;AAAA,cACxB5B,EAYM,OAZNM,IAYM;AAAA,gBAXJT,EAAwDH,EAAAmC,EAAA,GAAA;AAAA,kBAA7C,MAAMD,EAAK;AAAA,gBAAA;6BAAO,MAAgB;AAAA,oBAAbE,EAAAC,EAAArC,EAAAoB,CAAA,EAAKc,CAAI,CAAA,GAAA,CAAA;AAAA,kBAAA;;;gBAEzC/B,EAQUH,EAAAsC,EAAA,GAAA;AAAA,kBARD,MAAK;AAAA,kBAAK,MAAK;AAAA,kBAAQ,UAAA;AAAA,gBAAA;6BAC9B,MAA2B;AAAA,oBAA3BhC,EAA2B,QAAA,MAAA+B,EAAlBH,EAAK,GAAG,GAAA,CAAA;AAAA,oBACDA,EAAK,mBAArBL,EAA8EU,GAAA,EAAA,KAAA,KAAA;AAAA,sBAA7CH,EAAA,UAAMpC,EAAA3B,CAAA,EAAC,sBAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;oBACxB6D,EAAK,gBAArBL,EAAwEU,GAAA,EAAA,KAAA,KAAA;AAAA,sBAA1CH,EAAA,UAAMpC,EAAA3B,CAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;AAAA,oBAAA,UAChB6D,EAAK,kBAA1BL,EAAiFU,GAAA,EAAA,KAAA,KAAA;AAAA,sBAA5CH,EAAA,UAAMpC,EAAA3B,CAAA,EAAC,qBAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;oBAC5B6D,EAAK,0BAArBL,EAEWU,GAAA,EAAA,KAAA,KAAA;AAAA,wBAF6B,QACpCF,EAAGrC,KAAC,cAAA,CAAA,IAAmB,SAAKkC,EAAK,iBAAiB,IAAG,MACzD,CAAA;AAAA,oBAAA;;;;;;YAKK,SAAOD,EAChB,CAA+D,EAD3C,MAAAC,QAAI;AAAA,cACxB/B,EAA+DH,EAAAwC,CAAA,GAAA;AAAA,gBAAjD,SAASf,EAAWS,CAAI;AAAA,gBAAI,OAAOlC,EAAAoB,CAAA,EAAKc,CAAI;AAAA,cAAA;;;;;;;;;;"}