@tager/admin-administrators 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -1,10 +1,11 @@
-import { i18n, request, useI18n, useResourceDelete, createId, useToast, useResource, navigateBack, convertRequestErrorToMap } from "@tager/admin-services";
-import { defineComponent, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, computed, ref, watch, withModifiers } from "vue";
-import { DataTable, BaseButton, DeleteIcon, EditIcon, useDataTable, FormFooter, FormField, FormFieldMultiSelect } from "@tager/admin-ui";
-import { compile } from "path-to-regexp";
-import { Page } from "@tager/admin-layout";
-import { useRoute, useRouter } from "vue-router";
-const EN = {
+import { i18n as te, request as h, useI18n as q, useResourceDelete as ne, createId as Ie, useToast as re, useResource as P, notEmpty as $e, navigateBack as se, convertRequestErrorToMap as ie } from "@tager/admin-services";
+import { defineComponent as z, onMounted as H, resolveComponent as l, openBlock as i, createBlock as S, withCtx as b, createVNode as g, createCommentVNode as I, createElementVNode as C, createElementBlock as F, Fragment as k, renderList as V, toDisplayString as w, computed as R, ref as D, watch as Z, withModifiers as le } from "vue";
+import { EditIcon as de, DeleteIcon as ue, BaseButton as me, DataTable as ce, useDataTable as pe, FormFieldMultiSelect as fe, FormField as ge, FormFooter as ve, TabList as Ee } from "@tager/admin-ui";
+import { Page as j } from "@tager/admin-layout";
+import { universalFieldUtils as be, DynamicField as Me } from "@tager/admin-dynamic-field";
+import { compile as Re } from "path-to-regexp";
+import { useRoute as Le, useRouter as he } from "vue-router";
+const Ue = {
   home: "Home",
   administrators: "Administrators",
   role: "Role",
@@ -42,238 +43,238 @@ const EN = {
   adminForm: "Admin form",
   roleList: "Role List",
   roleForm: "Role form",
-  andMorePrivilege: "and more {{count}} privilege..."
-};
-const RU = {
-  home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
-  administrators: "\u0410\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u044B",
-  role: "\u0420\u043E\u043B\u044C",
-  roles: "\u0420\u043E\u043B\u0438",
-  admin: "\u0410\u0434\u043C\u0438\u043D",
-  admins: "\u0410\u0434\u043C\u0438\u043D\u044B",
-  createRole: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0440\u043E\u043B\u044C",
-  createAdmin: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0430\u0434\u043C\u0438\u043D\u0430",
-  createAdministrator: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u0430",
-  edit: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
-  delete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-  email: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430",
-  actions: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
-  updateRole: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0440\u043E\u043B\u044C",
-  updateAdmin: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u0430",
-  password: "\u041F\u0430\u0440\u043E\u043B\u044C",
-  newPassword: "\u041D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C",
-  name: "\u0418\u043C\u044F",
-  success: "\u0423\u0441\u043F\u0435\u0445",
-  adminSuccessfullyCreated: "\u0410\u0434\u043C\u0438\u043D \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D",
-  adminSuccessfullyUpdated: "\u0410\u0434\u043C\u0438\u043D \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D",
-  error: "\u041E\u0448\u0438\u0431\u043A\u0430",
-  adminCreationError: "\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u0430",
-  adminUpdateError: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u0430",
-  listOfRoles: "\u0421\u043F\u0438\u0441\u043E\u043A \u0440\u043E\u043B\u0435\u0439",
-  addRole: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u043E\u043B\u044C",
-  noPrivileges: "\u0411\u0435\u0437 \u043F\u0440\u0438\u0432\u0438\u043B\u0435\u0433\u0438\u0439",
-  privileges: "\u041F\u0440\u0438\u0432\u0438\u043B\u0435\u0433\u0438\u0438",
-  all: "\u0412\u0441\u0435",
-  roleSuccessfullyCreated: "\u0420\u043E\u043B\u044C \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D\u0430",
-  roleSuccessfullyUpdate: "\u0420\u043E\u043B\u044C \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0430",
-  roleCreationError: "\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0440\u043E\u043B\u0438",
-  roleUpdateError: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0440\u043E\u043B\u0438",
-  adminList: "\u0421\u043F\u0438\u0441\u043E\u043A \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u043E\u0432",
-  adminForm: "\u0424\u043E\u0440\u043C\u0430 \u0430\u0434\u043C\u0438\u043D\u0438\u0441\u0442\u0440\u0430\u0442\u043E\u0440\u0430",
-  roleList: "\u0421\u043F\u0438\u0441\u043E\u043A \u0440\u043E\u043B\u0435\u0439",
-  roleForm: "\u0424\u043E\u0440\u043C\u0430 \u0440\u043E\u043B\u0438",
-  andMorePrivilege: "\u0438 \u0435\u0449\u0435 {{count}} \u043F\u0440\u0438\u0432\u0438\u043B\u0435\u0433\u0438\u0439..."
+  andMorePrivilege: "and more {{count}} privilege...",
+  tabs: {
+    general: "General",
+    params: "Template"
+  }
+}, we = {
+  home: "Главная",
+  administrators: "Администраторы",
+  role: "Роль",
+  roles: "Роли",
+  admin: "Админ",
+  admins: "Админы",
+  createRole: "Создать роль",
+  createAdmin: "Создать админа",
+  createAdministrator: "Создать администратора",
+  edit: "Редактировать",
+  delete: "Удалить",
+  email: "Электронная почта",
+  actions: "Действия",
+  updateRole: "Обновить роль",
+  updateAdmin: "Обновить администратора",
+  password: "Пароль",
+  newPassword: "Новый пароль",
+  name: "Имя",
+  success: "Успех",
+  adminSuccessfullyCreated: "Админ успешно создан",
+  adminSuccessfullyUpdated: "Админ успешно обновлен",
+  error: "Ошибка",
+  adminCreationError: "Ошибка создания администратора",
+  adminUpdateError: "Ошибка обновления администратора",
+  listOfRoles: "Список ролей",
+  addRole: "Добавить роль",
+  noPrivileges: "Без привилегий",
+  privileges: "Привилегии",
+  all: "Все",
+  roleSuccessfullyCreated: "Роль успешно создана",
+  roleSuccessfullyUpdate: "Роль успешно обновлена",
+  roleCreationError: "Ошибка создания роли",
+  roleUpdateError: "Ошибка обновления роли",
+  adminList: "Список администраторов",
+  adminForm: "Форма администратора",
+  roleList: "Список ролей",
+  roleForm: "Форма роли",
+  andMorePrivilege: "и еще {{count}} привилегий...",
+  tabs: {
+    general: "Основное",
+    params: "Параметры"
+  }
 };
-function applyTranslations() {
-  i18n.addTranslations("en", "administrators", EN);
-  i18n.addTranslations("ru", "administrators", RU);
+function Ce() {
+  te.addTranslations("en", "administrators", Ue), te.addTranslations("ru", "administrators", we);
+}
+function Oe() {
+  return h.get({ path: "/admin/admins/fields" });
 }
-function getRoleList() {
-  return request.get({ path: "/admin/rbac/roles" });
+function ye() {
+  return h.get({ path: "/admin/rbac/roles" });
 }
-function getRole(roleId) {
-  return request.get({ path: `/admin/rbac/roles/${roleId}` });
+function Pe(e) {
+  return h.get({ path: `/admin/rbac/roles/${e}` });
 }
-function createRole(payload) {
-  return request.post({ path: "/admin/rbac/roles", body: payload });
+function ke(e) {
+  return h.post({ path: "/admin/rbac/roles", body: e });
 }
-function updateRole(roleId, payload) {
-  return request.put({ path: `/admin/rbac/roles/${roleId}`, body: payload });
+function Be(e, t) {
+  return h.put({ path: `/admin/rbac/roles/${e}`, body: t });
 }
-function deleteRole(roleId) {
-  return request.delete({ path: `/admin/rbac/roles/${roleId}` });
+function Ne(e) {
+  return h.delete({ path: `/admin/rbac/roles/${e}` });
 }
-function getScopes() {
-  return request.get({ path: "/admin/rbac/scopes" });
+function _e() {
+  return h.get({ path: "/admin/rbac/scopes" });
 }
-function getAdminList() {
-  return request.get({ path: "/admin/admins" });
+function Ve() {
+  return h.get({ path: "/admin/admins" });
 }
-function getAdmin(adminId) {
-  return request.get({ path: `/admin/admins/${adminId}` });
+function qe(e) {
+  return h.get({ path: `/admin/admins/${e}` });
 }
-function createAdmin(payload) {
-  return request.post({ path: "/admin/admins", body: payload });
+function ze(e) {
+  return h.post({ path: "/admin/admins", body: e });
 }
-function updateAdmin(adminId, payload) {
-  return request.put({ path: `/admin/admins/${adminId}`, body: payload });
+function He(e, t) {
+  return h.put({ path: `/admin/admins/${e}`, body: t });
 }
-function deleteAdmin(adminId) {
-  return request.delete({ path: `/admin/admins/${adminId}` });
+function je(e) {
+  return h.delete({ path: `/admin/admins/${e}` });
 }
-const ADMINISTRATOR_ROUTE_PATHS = {
+const L = {
   ROLE_LIST: "/roles",
   ROLE_FORM: "/roles/:roleId",
   ADMIN_LIST: "/admins",
   ADMIN_FORM: "/admins/:adminId"
 };
-function getRoleListUrl() {
-  return ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST;
+function ae() {
+  return L.ROLE_LIST;
 }
-function getRoleFormUrl(params) {
-  return compile(ADMINISTRATOR_ROUTE_PATHS.ROLE_FORM)(params);
+function Fe(e) {
+  return Re(L.ROLE_FORM)(e);
 }
-function getAdminListUrl() {
-  return ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST;
+function oe() {
+  return L.ADMIN_LIST;
 }
-function getAdminFormUrl(params) {
-  return compile(ADMINISTRATOR_ROUTE_PATHS.ADMIN_FORM)(params);
+function Ae(e) {
+  return Re(L.ADMIN_FORM)(e);
 }
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$3 = defineComponent({
+const Je = z({
   name: "AdminList",
   components: {
-    Page,
-    DataTable,
-    BaseButton,
-    DeleteIcon,
-    EditIcon
+    Page: j,
+    DataTable: ce,
+    BaseButton: me,
+    DeleteIcon: ue,
+    EditIcon: de
   },
   setup() {
-    const { t } = useI18n();
-    const {
-      fetchEntityList: fetchAdminList,
-      isLoading: isAdminListLoading,
-      rowData: adminList,
-      errorMessage: error
-    } = useDataTable({
-      fetchEntityList: () => getAdminList(),
+    const { t: e } = q(), {
+      fetchEntityList: t,
+      isLoading: r,
+      rowData: m,
+      errorMessage: d
+    } = pe({
+      fetchEntityList: () => Ve(),
       initialValue: [],
       resourceName: "Admin list",
       pageSize: 100
     });
-    onMounted(() => {
-      fetchAdminList();
+    H(() => {
+      t();
     });
     const {
-      handleResourceDelete: handleAdminDelete,
-      isDeleting
-    } = useResourceDelete({
-      deleteResource: deleteAdmin,
+      handleResourceDelete: s,
+      isDeleting: c
+    } = ne({
+      deleteResource: je,
       resourceName: "Admin",
-      onSuccess: fetchAdminList
+      onSuccess: t
     });
-    function isBusy(adminId) {
-      return isDeleting(adminId) || isAdminListLoading.value;
+    function n(f) {
+      return c(f) || r.value;
     }
-    const columnDefs = [
+    const p = [
       {
         id: 1,
-        name: t("administrators:admin"),
+        name: e("administrators:admin"),
         field: "name"
       },
       {
         id: 2,
-        name: t("administrators:email"),
+        name: e("administrators:email"),
         field: "email"
       },
       {
         id: 3,
-        name: t("administrators:roles"),
+        name: e("administrators:roles"),
         field: "roles"
       },
       {
         id: 4,
-        name: t("administrators:actions"),
+        name: e("administrators:actions"),
         field: "actions",
         style: { width: "180px", textAlign: "center", whiteSpace: "nowrap" },
         headStyle: { width: "180px", textAlign: "center" }
       }
     ];
     return {
-      t,
-      columnDefs,
-      rowData: adminList,
-      isRowDataLoading: isAdminListLoading,
-      errorMessage: error,
-      isBusy,
-      handleAdminDelete,
-      getAdminFormUrl
+      t: e,
+      columnDefs: p,
+      rowData: m,
+      isRowDataLoading: r,
+      errorMessage: d,
+      isBusy: n,
+      handleAdminDelete: s,
+      getAdminFormUrl: Ae
     };
   }
-});
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EditIcon = resolveComponent("EditIcon");
-  const _component_BaseButton = resolveComponent("BaseButton");
-  const _component_DeleteIcon = resolveComponent("DeleteIcon");
-  const _component_DataTable = resolveComponent("DataTable");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.$i18n.t("administrators:administrators"),
+}), J = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [m, d] of t)
+    r[m] = d;
+  return r;
+};
+function Ke(e, t, r, m, d, s) {
+  const c = l("EditIcon"), n = l("BaseButton"), p = l("DeleteIcon"), f = l("DataTable"), v = l("Page");
+  return i(), S(v, {
+    title: e.$i18n.t("administrators:administrators"),
     "header-buttons": [
       {
-        text: _ctx.$i18n.t("administrators:createAdministrator"),
-        href: _ctx.getAdminFormUrl({ adminId: "create" })
+        text: e.$i18n.t("administrators:createAdministrator"),
+        href: e.getAdminFormUrl({ adminId: "create" })
       }
     ]
   }, {
-    default: withCtx(() => [
-      createVNode(_component_DataTable, {
-        "column-defs": _ctx.columnDefs,
-        "row-data": _ctx.rowData,
-        loading: _ctx.isRowDataLoading,
-        "error-message": _ctx.errorMessage
+    default: b(() => [
+      g(f, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage
       }, {
-        "cell(roles)": withCtx(({ row }) => [
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(row.roles, (role) => {
-              return openBlock(), createElementBlock("li", {
-                key: role.id
-              }, toDisplayString(role.name), 1);
-            }), 128))
+        "cell(roles)": b(({ row: a }) => [
+          C("ul", null, [
+            (i(!0), F(k, null, V(a.roles, (o) => (i(), F("li", {
+              key: o.id
+            }, w(o.name), 1))), 128))
           ])
         ]),
-        "cell(actions)": withCtx(({ row }) => [
-          !row.isSelf ? (openBlock(), createBlock(_component_BaseButton, {
+        "cell(actions)": b(({ row: a }) => [
+          a.isSelf ? I("", !0) : (i(), S(n, {
             key: 0,
             variant: "icon",
-            title: _ctx.$i18n.t("administrators:edit"),
-            disabled: _ctx.isBusy(row.id),
-            href: _ctx.getAdminFormUrl({ adminId: row.id })
+            title: e.$i18n.t("administrators:edit"),
+            disabled: e.isBusy(a.id),
+            href: e.getAdminFormUrl({ adminId: a.id })
           }, {
-            default: withCtx(() => [
-              createVNode(_component_EditIcon)
+            default: b(() => [
+              g(c)
             ]),
             _: 2
-          }, 1032, ["title", "disabled", "href"])) : createCommentVNode("", true),
-          !row.isSuperAdmin || !row.isSelf ? (openBlock(), createBlock(_component_BaseButton, {
+          }, 1032, ["title", "disabled", "href"])),
+          !a.isSuperAdmin || !a.isSelf ? (i(), S(n, {
             key: 1,
             variant: "icon",
-            title: _ctx.$i18n.t("administrators:delete"),
-            disabled: _ctx.isBusy(row.id),
-            onClick: ($event) => _ctx.handleAdminDelete(row.id)
+            title: e.$i18n.t("administrators:delete"),
+            disabled: e.isBusy(a.id),
+            onClick: (o) => e.handleAdminDelete(a.id)
           }, {
-            default: withCtx(() => [
-              createVNode(_component_DeleteIcon)
+            default: b(() => [
+              g(p)
             ]),
             _: 2
-          }, 1032, ["title", "disabled", "onClick"])) : createCommentVNode("", true)
+          }, 1032, ["title", "disabled", "onClick"])) : I("", !0)
         ]),
         _: 1
       }, 8, ["column-defs", "row-data", "loading", "error-message"])
@@ -281,364 +282,370 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-var AdminList = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-function convertAdminToFormValues(admin, roleOptionList) {
-  if (!admin) {
+const Qe = /* @__PURE__ */ J(Je, [["render", Ke]]);
+function X(e, t) {
+  if (!e)
     return {
       name: "",
       email: "",
-      password: createId(),
+      password: Ie(),
       roles: []
     };
-  }
-  const currentRoleOptionList = roleOptionList.filter((role) => admin.roles.some((roles) => roles.id === role.value));
+  const r = t.filter(
+    (m) => e.roles.some((d) => d.id === m.value)
+  );
   return {
-    name: admin.name,
-    email: admin.email,
+    name: e.name,
+    email: e.email,
     password: "",
-    roles: currentRoleOptionList
+    roles: r
   };
 }
-function convertFormValuesToAdminUpdatePayload(values) {
+function Se(e, t = []) {
   return {
-    name: values.name,
-    email: values.email,
-    roles: values.roles.map((role) => role.value),
-    password: values.password
+    name: e.name,
+    email: e.email,
+    roles: e.roles.map((r) => r.value),
+    password: e.password,
+    params: t.map((r) => ({
+      value: be.getOutgoingValue(r),
+      name: r.config.name
+    }))
   };
 }
-function convertFormValuesToAdminCreationPayload(values) {
+function We(e, t = []) {
   return {
-    ...convertFormValuesToAdminUpdatePayload(values)
+    ...Se(e, t)
   };
 }
-function convertRoleListToOptions(roleList) {
-  return roleList.map((role) => ({
-    value: role.id,
-    label: role.name
+function Xe(e) {
+  return e.map((t) => ({
+    value: t.id,
+    label: t.name
   }));
 }
-const _sfc_main$2 = defineComponent({
+const Ye = z({
   name: "AdminForm",
-  components: { Page, FormFooter, FormField, FormFieldMultiSelect },
+  components: {
+    DynamicField: Me,
+    TabList: Ee,
+    Page: j,
+    FormFooter: ve,
+    FormField: ge,
+    FormFieldMultiSelect: fe
+  },
   setup() {
-    const { t } = useI18n();
-    const route = useRoute();
-    const router = useRouter();
-    const toast = useToast();
-    const adminId = computed(() => route.params.adminId);
-    const isCreation = computed(() => adminId.value === "create");
-    const [fetchAdmin, { data: admin, loading: isAdminLoading }] = useResource({
-      fetchResource: () => getAdmin(adminId.value),
+    const { t: e } = q(), t = Le(), r = he(), m = re(), d = R(() => t.params.adminId), s = R(() => d.value === "create"), [c, { data: n, loading: p }] = P({
+      fetchResource: () => qe(d.value),
       initialValue: null,
       resourceName: "Admin"
-    });
-    const [
-      fetchRoleList,
-      { data: roleList, loading: isRoleListLoading }
-    ] = useResource({
-      fetchResource: getRoleList,
+    }), [f, { data: v, loading: a }] = P({
+      fetchResource: ye,
+      initialValue: [],
+      resourceName: "Role List"
+    }), [o, { data: u, loading: A }] = P({
+      fetchResource: Oe,
       initialValue: [],
-      resourceName: "Role list"
+      resourceName: "Field List"
     });
-    onMounted(() => {
-      fetchRoleList();
-      if (isCreation.value)
-        return;
-      fetchAdmin();
+    H(() => {
+      f(), o(), x(), !s.value && c();
     });
-    const roleOptionList = computed(() => convertRoleListToOptions(roleList.value));
-    const values = ref(convertAdminToFormValues(admin.value, roleOptionList.value));
-    const errors = ref({});
-    const isSubmitting = ref(false);
-    watch([admin, roleOptionList], () => {
-      values.value = convertAdminToFormValues(admin.value, roleOptionList.value);
+    const y = R(
+      () => Xe(v.value)
+    ), T = D(
+      X(n.value, y.value)
+    ), O = D({}), B = D(!1);
+    Z([n, y], () => {
+      T.value = X(
+        n.value,
+        y.value
+      );
     });
-    function submitForm(event) {
-      if (admin.value && admin.value.isSelf)
-        return;
-      const creationBody = convertFormValuesToAdminCreationPayload(values.value);
-      const updateBody = convertFormValuesToAdminUpdatePayload(values.value);
-      const requestPromise = isCreation.value ? createAdmin(creationBody) : updateAdmin(adminId.value, updateBody);
-      requestPromise.then(({ data }) => {
-        errors.value = {};
-        if (event.type === "create") {
-          router.push(getAdminFormUrl({ adminId: data.id }));
-        }
-        if (event.type === "create_exit" || event.type === "save_exit") {
-          navigateBack(router, getAdminListUrl());
-        }
-        if (event.type === "create_create-another") {
-          values.value = convertAdminToFormValues(null, roleOptionList.value);
-        }
-        toast.show({
+    function M(U) {
+      if (n.value && n.value.isSelf) return;
+      const _ = We(
+        T.value,
+        N.value
+      ), W = Se(
+        T.value,
+        N.value
+      );
+      (s.value ? ze(_) : He(d.value, W)).then(({ data: E }) => {
+        O.value = {}, U.type === "create" && r.push(Ae({ adminId: E.id })), (U.type === "create_exit" || U.type === "save_exit") && se(r, oe()), U.type === "create_create-another" && (T.value = X(null, y.value)), m.show({
           variant: "success",
-          title: t("administrators:success"),
-          body: isCreation.value ? t("administrators:adminSuccessfullyCreated") : t("administrators:adminSuccessfullyUpdated")
+          title: e("administrators:success"),
+          body: s.value ? e("administrators:adminSuccessfullyCreated") : e("administrators:adminSuccessfullyUpdated")
         });
-      }).catch((error) => {
-        console.error(error);
-        errors.value = convertRequestErrorToMap(error);
-        toast.show({
+      }).catch((E) => {
+        console.error(E), O.value = ie(E), m.show({
           variant: "danger",
-          title: t("administrators:error"),
-          body: isCreation.value ? t("administrators:adminCreationError") : t("administrators:adminUpdateError")
+          title: e("administrators:error"),
+          body: s.value ? e("administrators:adminCreationError") : e("administrators:adminUpdateError")
         });
       }).finally(() => {
-        isSubmitting.value = false;
+        B.value = !1;
       });
     }
-    const pageTitle = computed(() => {
-      return isCreation.value ? t("administrators:createAdmin") : `${t("administrators:updateAdmin")} "${values.value.name}"`;
-    });
-    const isContentLoading = computed(() => isAdminLoading.value || isRoleListLoading.value);
-    return {
-      t,
-      backButtonUrl: getAdminListUrl(),
-      values,
-      errors,
-      isSubmitting,
-      submitForm,
-      isContentLoading,
-      admin,
-      pageTitle,
-      isCreation,
-      roleOptionList
+    const K = R(() => s.value ? e("administrators:createAdmin") : `${e("administrators:updateAdmin")} "${T.value.name}"`), Q = R(
+      () => p.value || a.value || A.value
+    ), G = R(
+      () => u.value.length > 0
+    ), $ = R(() => [
+      { id: "general", label: e("administrators:tabs.general") },
+      G.value ? { id: "params", label: e("administrators:tabs.params") } : null
+    ].filter($e)), De = D($.value[0].id), N = D([]);
+    function x() {
+      var _;
+      const U = ((_ = n.value) == null ? void 0 : _.params) ?? [];
+      N.value = u.value.map(
+        (W, ee) => {
+          var E;
+          return be.createFormField(
+            W,
+            (E = U[ee]) == null ? void 0 : E.value
+          );
+        }
+      );
+    }
+    return Z([n, u], () => {
+      x();
+    }), {
+      t: e,
+      backButtonUrl: oe(),
+      values: T,
+      errors: O,
+      isSubmitting: B,
+      submitForm: M,
+      isContentLoading: Q,
+      admin: n,
+      pageTitle: K,
+      isCreation: s,
+      roleOptionList: y,
+      tabList: $,
+      selectedTabId: De,
+      templateValues: N
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormField = resolveComponent("FormField");
-  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
-  const _component_FormFooter = resolveComponent("FormFooter");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.pageTitle,
-    "is-content-loading": _ctx.isContentLoading
+function Ze(e, t, r, m, d, s) {
+  const c = l("TabList"), n = l("FormField"), p = l("FormFieldMultiSelect"), f = l("DynamicField"), v = l("FormFooter"), a = l("Page");
+  return i(), S(a, {
+    title: e.pageTitle,
+    "is-content-loading": e.isContentLoading
   }, {
-    footer: withCtx(() => [
-      createVNode(_component_FormFooter, {
-        "back-href": _ctx.backButtonUrl,
-        onSubmit: _ctx.submitForm,
-        "is-submitting": _ctx.isSubmitting,
-        "is-creation": _ctx.isCreation,
-        "can-create-another": _ctx.isCreation
-      }, null, 8, ["back-href", "onSubmit", "is-submitting", "is-creation", "can-create-another"])
+    footer: b(() => [
+      g(v, {
+        "back-href": e.backButtonUrl,
+        "is-submitting": e.isSubmitting,
+        "is-creation": e.isCreation,
+        "can-create-another": e.isCreation,
+        onSubmit: e.submitForm
+      }, null, 8, ["back-href", "is-submitting", "is-creation", "can-create-another", "onSubmit"])
     ]),
-    default: withCtx(() => [
-      createElementVNode("form", {
+    default: b(() => [
+      C("form", {
         novalidate: "",
-        onSubmit: _cache[4] || (_cache[4] = withModifiers(() => {
+        onSubmit: t[5] || (t[5] = le(() => {
         }, ["prevent"]))
       }, [
-        createVNode(_component_FormField, {
-          value: _ctx.values.name,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.name = $event),
-          name: "name",
-          error: _ctx.errors.name,
-          label: _ctx.$i18n.t("administrators:name")
-        }, null, 8, ["value", "error", "label"]),
-        createVNode(_component_FormField, {
-          value: _ctx.values.email,
-          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.values.email = $event),
-          name: "email",
-          error: _ctx.errors.email,
-          label: _ctx.$i18n.t("administrators:email")
-        }, null, 8, ["value", "error", "label"]),
-        createVNode(_component_FormFieldMultiSelect, {
-          "selected-options": _ctx.values.roles,
-          "onUpdate:selected-options": _cache[2] || (_cache[2] = ($event) => _ctx.values.roles = $event),
-          name: "roles",
-          label: _ctx.$i18n.t("administrators:roles"),
-          options: _ctx.roleOptionList,
-          error: _ctx.errors.roles
-        }, null, 8, ["selected-options", "label", "options", "error"]),
-        createVNode(_component_FormField, {
-          value: _ctx.values.password,
-          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.values.password = $event),
-          name: "password",
-          error: _ctx.errors.password,
-          label: _ctx.isCreation ? _ctx.$i18n.t("administrators:password") : _ctx.$i18n.t("administrators:newPassword")
-        }, null, 8, ["value", "error", "label"])
+        g(c, {
+          "tab-id": e.selectedTabId,
+          "onUpdate:tab-id": t[0] || (t[0] = (o) => e.selectedTabId = o),
+          "tab-list": e.tabList
+        }, null, 8, ["tab-id", "tab-list"]),
+        e.selectedTabId === "general" ? (i(), F(k, { key: 0 }, [
+          g(n, {
+            value: e.values.name,
+            "onUpdate:value": t[1] || (t[1] = (o) => e.values.name = o),
+            name: "name",
+            error: e.errors.name,
+            label: e.$i18n.t("administrators:name")
+          }, null, 8, ["value", "error", "label"]),
+          g(n, {
+            value: e.values.email,
+            "onUpdate:value": t[2] || (t[2] = (o) => e.values.email = o),
+            name: "email",
+            error: e.errors.email,
+            label: e.$i18n.t("administrators:email")
+          }, null, 8, ["value", "error", "label"]),
+          g(p, {
+            "selected-options": e.values.roles,
+            "onUpdate:selected-options": t[3] || (t[3] = (o) => e.values.roles = o),
+            name: "roles",
+            label: e.$i18n.t("administrators:roles"),
+            options: e.roleOptionList,
+            error: e.errors.roles
+          }, null, 8, ["selected-options", "label", "options", "error"]),
+          g(n, {
+            value: e.values.password,
+            "onUpdate:value": t[4] || (t[4] = (o) => e.values.password = o),
+            name: "password",
+            error: e.errors.password,
+            label: e.isCreation ? e.$i18n.t("administrators:password") : e.$i18n.t("administrators:newPassword")
+          }, null, 8, ["value", "error", "label"])
+        ], 64)) : I("", !0),
+        e.selectedTabId === "params" ? (i(!0), F(k, { key: 1 }, V(e.templateValues, (o) => (i(), S(f, {
+          key: o.config.name,
+          field: o
+        }, null, 8, ["field"]))), 128)) : I("", !0)
       ], 32)
     ]),
     _: 1
   }, 8, ["title", "is-content-loading"]);
 }
-var AdminForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-var RoleList_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$1 = defineComponent({
+const Ge = /* @__PURE__ */ J(Ye, [["render", Ze]]), xe = z({
   name: "RoleList",
   components: {
-    Page,
-    DeleteIcon,
-    EditIcon,
-    DataTable,
-    BaseButton
+    Page: j,
+    DeleteIcon: ue,
+    EditIcon: de,
+    DataTable: ce,
+    BaseButton: me
   },
   setup() {
-    const { t } = useI18n();
-    const {
-      fetchEntityList: fetchRoleList,
-      isLoading: isRoleListLoading,
-      rowData: roleList,
-      errorMessage: error
-    } = useDataTable({
-      fetchEntityList: (params) => getRoleList(),
+    const { t: e } = q(), {
+      fetchEntityList: t,
+      isLoading: r,
+      rowData: m,
+      errorMessage: d
+    } = pe({
+      fetchEntityList: (a) => ye(),
       initialValue: [],
       resourceName: "Role list",
       pageSize: 100
     });
-    onMounted(() => {
-      fetchRoleList();
+    H(() => {
+      t();
     });
     const {
-      handleResourceDelete: handleRoleDelete,
-      isDeleting
-    } = useResourceDelete({
-      deleteResource: deleteRole,
+      handleResourceDelete: s,
+      isDeleting: c
+    } = ne({
+      deleteResource: Ne,
       resourceName: "Role",
-      onSuccess: fetchRoleList
+      onSuccess: t
     });
-    function isBusy(roleId) {
-      return isDeleting(roleId) || isRoleListLoading.value;
+    function n(a) {
+      return c(a) || r.value;
     }
-    function getScopeGroupList(scopes) {
-      const map = /* @__PURE__ */ new Map();
-      scopes.forEach((scope) => {
-        var _a;
-        const key = scope.module;
-        const value = (_a = map.get(key)) != null ? _a : [];
-        value.push(scope);
-        map.set(key, value);
-      });
-      return Array.from(map.entries()).map(([key, value]) => ({
-        module: key,
-        scopes: value
+    function p(a) {
+      const o = /* @__PURE__ */ new Map();
+      return a.forEach((u) => {
+        const A = u.module, y = o.get(A) ?? [];
+        y.push(u), o.set(A, y);
+      }), Array.from(o.entries()).map(([u, A]) => ({
+        module: u,
+        scopes: A
       }));
     }
-    function getRestScopesText(restPrivilegesCount) {
-      if (restPrivilegesCount === 1) {
-        return t("administrators:andMorePrivilege", { count: 1 });
-      }
-      if (restPrivilegesCount > 1) {
-        return t("administrators:andMorePrivilege", {
-          count: restPrivilegesCount
-        });
-      }
-      return "";
+    function f(a) {
+      return a === 1 ? e("administrators:andMorePrivilege", { count: 1 }) : a > 1 ? e("administrators:andMorePrivilege", {
+        count: a
+      }) : "";
     }
-    const columnDefs = [
-      {
-        id: 1,
-        name: t("administrators:role"),
-        field: "name"
-      },
-      {
-        id: 2,
-        name: t("administrators:privileges"),
-        field: "scope"
-      },
-      {
-        id: 3,
-        name: t("administrators:actions"),
-        field: "actions",
-        style: { width: "180px", textAlign: "center", whiteSpace: "nowrap" },
-        headStyle: { width: "180px", textAlign: "center" }
-      }
-    ];
     return {
-      columnDefs,
-      rowData: roleList,
-      isRowDataLoading: isRoleListLoading,
-      errorMessage: error,
-      isBusy,
-      handleRoleDelete,
-      getRoleFormUrl,
-      getScopeGroupList,
-      getRestScopesText,
+      columnDefs: [
+        {
+          id: 1,
+          name: e("administrators:role"),
+          field: "name"
+        },
+        {
+          id: 2,
+          name: e("administrators:privileges"),
+          field: "scope"
+        },
+        {
+          id: 3,
+          name: e("administrators:actions"),
+          field: "actions",
+          style: { width: "180px", textAlign: "center", whiteSpace: "nowrap" },
+          headStyle: { width: "180px", textAlign: "center" }
+        }
+      ],
+      rowData: m,
+      isRowDataLoading: r,
+      errorMessage: d,
+      isBusy: n,
+      handleRoleDelete: s,
+      getRoleFormUrl: Fe,
+      getScopeGroupList: p,
+      getRestScopesText: f,
       scopesPerModuleCount: 3
     };
   }
-});
-const _hoisted_1 = {
+}), et = {
   key: 0,
   class: "no-scopes"
-};
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { class: "module-name" };
-const _hoisted_4 = { class: "scope-list" };
-const _hoisted_5 = {
+}, tt = { key: 1 }, at = { class: "module-name" }, ot = { class: "scope-list" }, nt = {
   key: 0,
   class: "rest-scopes-text"
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EditIcon = resolveComponent("EditIcon");
-  const _component_BaseButton = resolveComponent("BaseButton");
-  const _component_DeleteIcon = resolveComponent("DeleteIcon");
-  const _component_DataTable = resolveComponent("DataTable");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.$i18n.t("administrators:listOfRoles"),
+function rt(e, t, r, m, d, s) {
+  const c = l("EditIcon"), n = l("BaseButton"), p = l("DeleteIcon"), f = l("DataTable"), v = l("Page");
+  return i(), S(v, {
+    title: e.$i18n.t("administrators:listOfRoles"),
     "header-buttons": [
       {
-        text: _ctx.$i18n.t("administrators:addRole"),
-        href: _ctx.getRoleFormUrl({ roleId: "create" })
+        text: e.$i18n.t("administrators:addRole"),
+        href: e.getRoleFormUrl({ roleId: "create" })
       }
     ]
   }, {
-    default: withCtx(() => [
-      createVNode(_component_DataTable, {
-        "column-defs": _ctx.columnDefs,
-        "row-data": _ctx.rowData,
-        loading: _ctx.isRowDataLoading,
-        "error-message": _ctx.errorMessage
+    default: b(() => [
+      g(f, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage
       }, {
-        "cell(scope)": withCtx(({ row }) => [
-          row.scopes.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.$i18n.t("administrators:noPrivileges")), 1)) : createCommentVNode("", true),
-          row.isSuperAdmin ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.$i18n.t("administrators:all")), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.getScopeGroupList(row.scopes), (scopeGroup) => {
-            return openBlock(), createElementBlock("div", {
-              key: scopeGroup.module,
-              class: "scope-group"
-            }, [
-              createElementVNode("span", _hoisted_3, toDisplayString(scopeGroup.module), 1),
-              createElementVNode("ul", _hoisted_4, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(scopeGroup.scopes.slice(0, _ctx.scopesPerModuleCount), (scope) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: scope.value
-                  }, [
-                    createElementVNode("span", null, "\u2014 " + toDisplayString(scope.label), 1)
-                  ]);
-                }), 128))
-              ]),
-              scopeGroup.scopes.length > _ctx.scopesPerModuleCount ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.getRestScopesText(scopeGroup.scopes.length - _ctx.scopesPerModuleCount)), 1)) : createCommentVNode("", true)
-            ]);
-          }), 128))
+        "cell(scope)": b(({ row: a }) => [
+          a.scopes.length === 0 ? (i(), F("span", et, w(e.$i18n.t("administrators:noPrivileges")), 1)) : I("", !0),
+          a.isSuperAdmin ? (i(), F("span", tt, w(e.$i18n.t("administrators:all")), 1)) : (i(!0), F(k, { key: 2 }, V(e.getScopeGroupList(a.scopes), (o) => (i(), F("div", {
+            key: o.module,
+            class: "scope-group"
+          }, [
+            C("span", at, w(o.module), 1),
+            C("ul", ot, [
+              (i(!0), F(k, null, V(o.scopes.slice(
+                0,
+                e.scopesPerModuleCount
+              ), (u) => (i(), F("li", {
+                key: u.value
+              }, [
+                C("span", null, "— " + w(u.label), 1)
+              ]))), 128))
+            ]),
+            o.scopes.length > e.scopesPerModuleCount ? (i(), F("span", nt, w(e.getRestScopesText(
+              o.scopes.length - e.scopesPerModuleCount
+            )), 1)) : I("", !0)
+          ]))), 128))
         ]),
-        "cell(actions)": withCtx(({ row }) => [
-          createVNode(_component_BaseButton, {
+        "cell(actions)": b(({ row: a }) => [
+          g(n, {
             variant: "icon",
-            title: _ctx.$i18n.t("administrators:edit"),
-            disabled: _ctx.isBusy(row.id),
-            href: _ctx.getRoleFormUrl({ roleId: row.id })
+            title: e.$i18n.t("administrators:edit"),
+            disabled: e.isBusy(a.id),
+            href: e.getRoleFormUrl({ roleId: a.id })
           }, {
-            default: withCtx(() => [
-              createVNode(_component_EditIcon)
+            default: b(() => [
+              g(c)
             ]),
             _: 2
           }, 1032, ["title", "disabled", "href"]),
-          !row.isSuperAdmin ? (openBlock(), createBlock(_component_BaseButton, {
+          a.isSuperAdmin ? I("", !0) : (i(), S(n, {
             key: 0,
             variant: "icon",
-            title: _ctx.$i18n.t("administrators:delete"),
-            disabled: _ctx.isBusy(row.id),
-            onClick: ($event) => _ctx.handleRoleDelete(row.id)
+            title: e.$i18n.t("administrators:delete"),
+            disabled: e.isBusy(a.id),
+            onClick: (o) => e.handleRoleDelete(a.id)
           }, {
-            default: withCtx(() => [
-              createVNode(_component_DeleteIcon)
+            default: b(() => [
+              g(p)
             ]),
             _: 2
-          }, 1032, ["title", "disabled", "onClick"])) : createCommentVNode("", true)
+          }, 1032, ["title", "disabled", "onClick"]))
         ]),
         _: 1
       }, 8, ["column-defs", "row-data", "loading", "error-message"])
@@ -646,230 +653,214 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-var RoleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-function convertRoleToFormValues(role) {
-  if (!role) {
-    return {
-      name: "",
-      scopes: [],
-      isSuperAdmin: false
-    };
-  }
-  return {
-    name: role.name,
-    scopes: role.scopes,
-    isSuperAdmin: role.isSuperAdmin
+const st = /* @__PURE__ */ J(xe, [["render", rt]]);
+function Y(e) {
+  return e ? {
+    name: e.name,
+    scopes: e.scopes,
+    isSuperAdmin: e.isSuperAdmin
+  } : {
+    name: "",
+    scopes: [],
+    isSuperAdmin: !1
   };
 }
-function convertFormValuesToRoleCreationPayload(values) {
+function Te(e) {
   return {
-    name: values.name,
-    scopes: values.scopes.map((scope) => scope.value)
+    name: e.name,
+    scopes: e.scopes.map((t) => t.value)
   };
 }
-function convertFormValuesToRoleUpdatePayload(values) {
+function it(e) {
   return {
-    ...convertFormValuesToRoleCreationPayload(values)
+    ...Te(e)
   };
 }
-function convertScopeDataToOptions(scopeData) {
-  if (!scopeData)
-    return [];
-  return scopeData.groups.map((group) => group.scopes.map((scope) => ({
-    value: scope.value,
-    label: `${group.name}: ${scope.label}`
-  }))).flat();
+function lt(e) {
+  return e ? e.groups.map(
+    (t) => t.scopes.map((r) => ({
+      value: r.value,
+      label: `${t.name}: ${r.label}`
+    }))
+  ).flat() : [];
 }
-var RoleForm_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main = defineComponent({
+const dt = z({
   name: "RoleForm",
-  components: { Page, FormFooter, FormField, FormFieldMultiSelect },
+  components: { Page: j, FormFooter: ve, FormField: ge, FormFieldMultiSelect: fe },
   setup() {
-    const { t } = useI18n();
-    const route = useRoute();
-    const router = useRouter();
-    const toast = useToast();
-    const roleId = computed(() => route.params.roleId);
-    const isCreation = computed(() => roleId.value === "create");
-    const [fetchRole, { data: role, loading: isRoleLoading }] = useResource({
-      fetchResource: () => getRole(roleId.value),
+    const { t: e } = q(), t = Le(), r = he(), m = re(), d = R(() => t.params.roleId), s = R(() => d.value === "create"), [c, { data: n, loading: p }] = P({
+      fetchResource: () => Pe(d.value),
       initialValue: null,
       resourceName: "Role"
-    });
-    const [
-      fetchScopeData,
-      { data: scopeData, loading: isScopeDataLoading }
-    ] = useResource({
-      fetchResource: getScopes,
+    }), [
+      f,
+      { data: v, loading: a }
+    ] = P({
+      fetchResource: _e,
       initialValue: null,
       resourceName: "Scope list"
     });
-    onMounted(() => {
-      fetchScopeData();
-      if (isCreation.value)
-        return;
-      fetchRole();
+    H(() => {
+      f(), !s.value && c();
     });
-    const scopeOptionList = computed(() => convertScopeDataToOptions(scopeData.value));
-    const values = ref(convertRoleToFormValues(role.value));
-    const errors = ref({});
-    const isSubmitting = ref(false);
-    watch(role, () => {
-      values.value = convertRoleToFormValues(role.value);
+    const o = R(
+      () => lt(v.value)
+    ), u = D(Y(n.value)), A = D({}), y = D(!1);
+    Z(n, () => {
+      u.value = Y(n.value);
     });
-    function submitForm(event) {
-      const creationBody = convertFormValuesToRoleCreationPayload(values.value);
-      const updateBody = convertFormValuesToRoleUpdatePayload(values.value);
-      const requestPromise = isCreation.value ? createRole(creationBody) : updateRole(roleId.value, updateBody);
-      requestPromise.then(({ data }) => {
-        errors.value = {};
-        if (event.type === "create") {
-          router.push(getRoleFormUrl({ roleId: data.id }));
-        }
-        if (event.type === "create_exit" || event.type === "save_exit") {
-          navigateBack(router, getRoleListUrl());
-        }
-        if (event.type === "create_create-another") {
-          values.value = convertRoleToFormValues(null);
-        }
-        toast.show({
+    function T(M) {
+      const K = Te(u.value), Q = it(u.value);
+      (s.value ? ke(K) : Be(d.value, Q)).then(({ data: $ }) => {
+        A.value = {}, M.type === "create" && r.push(Fe({ roleId: $.id })), (M.type === "create_exit" || M.type === "save_exit") && se(r, ae()), M.type === "create_create-another" && (u.value = Y(null)), m.show({
           variant: "success",
-          title: t("administrators:success"),
-          body: isCreation.value ? t("administrators:roleSuccessfullyCreated") : t("administrators:roleSuccessfullyUpdate")
+          title: e("administrators:success"),
+          body: s.value ? e("administrators:roleSuccessfullyCreated") : e("administrators:roleSuccessfullyUpdate")
         });
-      }).catch((error) => {
-        console.error(error);
-        errors.value = convertRequestErrorToMap(error);
-        toast.show({
+      }).catch(($) => {
+        console.error($), A.value = ie($), m.show({
           variant: "danger",
-          title: t("administrators:error"),
-          body: isCreation.value ? t("administrators:roleCreationError") : t("administrators:roleUpdateError")
+          title: e("administrators:error"),
+          body: s.value ? e("administrators:roleCreationError") : e("administrators:roleUpdateError")
         });
       }).finally(() => {
-        isSubmitting.value = false;
+        y.value = !1;
       });
     }
-    const pageTitle = computed(() => {
-      return isCreation.value ? t("administrators:createRole") : `${t("administrators:updateRole")} "${values.value.name}"`;
-    });
-    const isContentLoading = computed(() => isRoleLoading.value || isScopeDataLoading.value);
+    const O = R(() => s.value ? e("administrators:createRole") : `${e("administrators:updateRole")} "${u.value.name}"`), B = R(
+      () => p.value || a.value
+    );
     return {
-      backButtonUrl: getRoleListUrl(),
-      values,
-      errors,
-      isSubmitting,
-      submitForm,
-      isContentLoading,
-      role,
-      pageTitle,
-      isCreation,
-      scopeOptionList
+      backButtonUrl: ae(),
+      values: u,
+      errors: A,
+      isSubmitting: y,
+      submitForm: T,
+      isContentLoading: B,
+      role: n,
+      pageTitle: O,
+      isCreation: s,
+      scopeOptionList: o
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormField = resolveComponent("FormField");
-  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
-  const _component_FormFooter = resolveComponent("FormFooter");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.pageTitle,
-    "is-content-loading": _ctx.isContentLoading
+function ut(e, t, r, m, d, s) {
+  const c = l("FormField"), n = l("FormFieldMultiSelect"), p = l("FormFooter"), f = l("Page");
+  return i(), S(f, {
+    title: e.pageTitle,
+    "is-content-loading": e.isContentLoading
   }, {
-    footer: withCtx(() => [
-      createVNode(_component_FormFooter, {
-        "back-href": _ctx.backButtonUrl,
-        onSubmit: _ctx.submitForm,
-        "is-submitting": _ctx.isSubmitting,
-        "is-creation": _ctx.isCreation,
-        "can-create-another": _ctx.isCreation
-      }, null, 8, ["back-href", "onSubmit", "is-submitting", "is-creation", "can-create-another"])
+    footer: b(() => [
+      g(p, {
+        "back-href": e.backButtonUrl,
+        "is-submitting": e.isSubmitting,
+        "is-creation": e.isCreation,
+        "can-create-another": e.isCreation,
+        onSubmit: e.submitForm
+      }, null, 8, ["back-href", "is-submitting", "is-creation", "can-create-another", "onSubmit"])
     ]),
-    default: withCtx(() => [
-      createElementVNode("form", {
+    default: b(() => [
+      C("form", {
         novalidate: "",
-        onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+        onSubmit: t[2] || (t[2] = le(() => {
         }, ["prevent"]))
       }, [
-        createVNode(_component_FormField, {
-          value: _ctx.values.name,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.name = $event),
+        g(c, {
+          value: e.values.name,
+          "onUpdate:value": t[0] || (t[0] = (v) => e.values.name = v),
           name: "name",
-          error: _ctx.errors.name,
-          label: _ctx.$i18n.t("administrators:name")
+          error: e.errors.name,
+          label: e.$i18n.t("administrators:name")
         }, null, 8, ["value", "error", "label"]),
-        !_ctx.values.isSuperAdmin ? (openBlock(), createBlock(_component_FormFieldMultiSelect, {
+        e.values.isSuperAdmin ? I("", !0) : (i(), S(n, {
           key: 0,
-          "selected-options": _ctx.values.scopes,
-          "onUpdate:selected-options": _cache[1] || (_cache[1] = ($event) => _ctx.values.scopes = $event),
+          "selected-options": e.values.scopes,
+          "onUpdate:selected-options": t[1] || (t[1] = (v) => e.values.scopes = v),
           name: "scopes",
-          label: _ctx.$i18n.t("administrators:privileges"),
-          options: _ctx.scopeOptionList,
-          error: _ctx.errors.scopes
-        }, null, 8, ["selected-options", "label", "options", "error"])) : createCommentVNode("", true)
+          label: e.$i18n.t("administrators:privileges"),
+          options: e.scopeOptionList,
+          error: e.errors.scopes
+        }, null, 8, ["selected-options", "label", "options", "error"]))
       ], 32)
     ]),
     _: 1
   }, 8, ["title", "is-content-loading"]);
 }
-var RoleForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-501ddc14"]]);
-const ADMIN_LIST_ROUTE = {
-  path: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-  component: AdminList,
+const mt = /* @__PURE__ */ J(dt, [["render", ut], ["__scopeId", "data-v-2e498e82"]]), Lt = {
+  path: L.ADMIN_LIST,
+  component: Qe,
   name: "AdminList",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("administrators:home") },
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("administrators:home") },
       {
-        url: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-        text: i18n2.t("administrators:adminList")
+        url: L.ADMIN_LIST,
+        text: t.t("administrators:adminList")
       }
     ]
   }
-};
-const ADMIN_FORM_ROUTE = {
-  path: ADMINISTRATOR_ROUTE_PATHS.ADMIN_FORM,
-  component: AdminForm,
+}, ht = {
+  path: L.ADMIN_FORM,
+  component: Ge,
   name: "AdminForm",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("administrators:home") },
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("administrators:home") },
       {
-        url: ADMINISTRATOR_ROUTE_PATHS.ADMIN_LIST,
-        text: i18n2.t("administrators:adminList")
+        url: L.ADMIN_LIST,
+        text: t.t("administrators:adminList")
       },
-      { url: route.path, text: i18n2.t("administrators:adminForm") }
+      { url: e.path, text: t.t("administrators:adminForm") }
     ]
   }
-};
-const ROLE_LIST_ROUTE = {
-  path: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-  component: RoleList,
+}, yt = {
+  path: L.ROLE_LIST,
+  component: st,
   name: "RoleList",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("administrators:home") },
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("administrators:home") },
       {
-        url: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-        text: i18n2.t("administrators:roleList")
+        url: L.ROLE_LIST,
+        text: t.t("administrators:roleList")
       }
     ]
   }
-};
-const ROLE_FORM_ROUTE = {
-  path: ADMINISTRATOR_ROUTE_PATHS.ROLE_FORM,
-  component: RoleForm,
+}, Ft = {
+  path: L.ROLE_FORM,
+  component: mt,
   name: "RoleForm",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("administrators:home") },
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("administrators:home") },
       {
-        url: ADMINISTRATOR_ROUTE_PATHS.ROLE_LIST,
-        text: i18n2.t("administrators:roleList")
+        url: L.ROLE_LIST,
+        text: t.t("administrators:roleList")
       },
-      { url: route.path, text: i18n2.t("administrators:roleForm") }
+      { url: e.path, text: t.t("administrators:roleForm") }
     ]
   }
 };
-applyTranslations();
-export { ADMIN_FORM_ROUTE, ADMIN_LIST_ROUTE, ROLE_FORM_ROUTE, ROLE_LIST_ROUTE, createAdmin, createRole, deleteAdmin, deleteRole, getAdmin, getAdminFormUrl, getAdminList, getAdminListUrl, getRole, getRoleFormUrl, getRoleList, getRoleListUrl, getScopes, updateAdmin, updateRole };
+Ce();
+export {
+  ht as ADMIN_FORM_ROUTE,
+  Lt as ADMIN_LIST_ROUTE,
+  Ft as ROLE_FORM_ROUTE,
+  yt as ROLE_LIST_ROUTE,
+  ze as createAdmin,
+  ke as createRole,
+  je as deleteAdmin,
+  Ne as deleteRole,
+  qe as getAdmin,
+  Ae as getAdminFormUrl,
+  Ve as getAdminList,
+  oe as getAdminListUrl,
+  Oe as getFieldList,
+  Pe as getRole,
+  Fe as getRoleFormUrl,
+  ye as getRoleList,
+  ae as getRoleListUrl,
+  _e as getScopes,
+  He as updateAdmin,
+  Be as updateRole
+};