@tager/admin-banners 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { i18n, request, useI18n, useResource, useResourceDelete, createId, useToast, navigateBack, convertRequestErrorToMap } from "@tager/admin-services";
-import { defineComponent, onMounted, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, ref, watch, createElementVNode, withModifiers, createElementBlock, Fragment, renderList } from "vue";
-import { CountButton, DataTable, useDataTable, getFilterParamAsStringArray, getFilterParamAsString, getFilterParams, DeleteIcon, EditIcon, BaseButton, FormField, FormFieldMultiSelect, AdvancedSearch, FormFieldFileInput, FormFieldCheckbox, InputLabel, FormFieldSelect, FormFooter } from "@tager/admin-ui";
-import { Page } from "@tager/admin-layout";
-import { universalFieldUtils, DynamicField } from "@tager/admin-dynamic-field";
+import { i18n as M, request as L, useI18n as O, useResource as P, isNotNullish as le, useResourceDelete as ue, createId as de, useToast as me, navigateBack as ce, convertRequestErrorToMap as pe } from "@tager/admin-services";
+import { useRoute as Q, useRouter as j } from "vue-router";
+import { defineComponent as q, onMounted as k, computed as f, resolveComponent as m, openBlock as R, createBlock as Z, withCtx as h, createVNode as i, createTextVNode as G, toDisplayString as Y, ref as D, watch as N, createElementVNode as C, withModifiers as be, createElementBlock as fe, Fragment as ve, renderList as ge } from "vue";
+import { DataTable as J, CountButton as Fe, useDataTable as K, getFilterParamAsStringArray as H, getFilterParamAsString as he, getFilterParams as ye, AdvancedSearch as Be, FormFieldMultiSelect as Se, FormField as X, BaseButton as Ne, EditIcon as Le, DeleteIcon as $e, FormFooter as we, FormFieldSelect as Ee, InputLabel as Te, FormFieldCheckbox as De, FormFieldFileInput as Ce } from "@tager/admin-ui";
+import { Page as W } from "@tager/admin-layout";
+import { universalFieldUtils as _, DynamicField as Re } from "@tager/admin-dynamic-field";
 import "i18next";
-import { compile } from "path-to-regexp";
-import isEqual from "lodash.isequal";
-import pick from "lodash.pick";
-import { useRoute, useRouter } from "vue-router";
-const EN = {
+import { compile as ze } from "path-to-regexp";
+import Ze from "lodash.isequal";
+import ke from "lodash.pick";
+const Ie = {
   home: "Home",
   zone: "Banner zone",
   zones: "Banner zones",
@@ -47,100 +47,92 @@ const EN = {
   bannerWasSuccessfullyUpdated: "Banner was successfully updated",
   bannerCreationWasFailed: "Banner creation was failed",
   bannerUpdateWasFailed: "Banner update was failed"
-};
-const RU = {
-  home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
-  zone: "\u0411\u0430\u043D\u043D\u0435\u0440\u043D\u0430\u044F \u0437\u043E\u043D\u0430",
-  zones: "\u0411\u0430\u043D\u043D\u0435\u0440\u043D\u044B\u0435 \u0437\u043E\u043D\u044B",
-  banners: "\u0411\u0430\u043D\u043D\u0435\u0440\u044B",
-  bannerForm: "\u0424\u043E\u0440\u043C\u0430 \u0431\u0430\u043D\u043D\u0435\u0440\u0430",
-  createBanner: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440",
-  updateBanner: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440",
-  link: "\u0421\u0441\u044B\u043B\u043A\u0430",
-  image: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430",
-  openNewTab: "\u041E\u0442\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u0432 \u043D\u043E\u0432\u043E\u0439 \u0432\u043A\u043B\u0430\u0434\u043A\u0435",
-  period: "\u0421\u0440\u043E\u043A \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
-  from: "\u041E\u0442",
-  to: "\u0414\u043E",
-  disabled: "\u0412\u044B\u043A\u043B\u044E\u0447\u0435\u043D",
-  comment: "\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439",
-  status: "\u0421\u0442\u0430\u0442\u0443\u0441",
-  bannerZoneIsDeleted: "\u0411\u0430\u043D\u043D\u0435\u0440\u043D\u0430\u044F \u0437\u043E\u043D\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0430",
-  newTab: "\u041D\u043E\u0432\u0430\u044F \u0432\u043A\u043B\u0430\u0434\u043A\u0430",
-  yes: "\u0414\u0430",
-  no: "\u041D\u0435\u0442",
-  edit: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
-  remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-  actions: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
-  date: "\u0414\u0430\u0442\u0430",
-  name: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
-  priority: "\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442",
-  success: "\u0423\u0441\u043F\u0435\u0445",
-  error: "\u041E\u0448\u0438\u0431\u043A\u0430",
+}, Ae = {
+  home: "Главная",
+  zone: "Баннерная зона",
+  zones: "Баннерные зоны",
+  banners: "Баннеры",
+  bannerForm: "Форма баннера",
+  createBanner: "Добавить баннер",
+  updateBanner: "Редактировать баннер",
+  link: "Ссылка",
+  image: "Картинка",
+  openNewTab: "Открывать в новой вкладке",
+  period: "Срок действия",
+  from: "От",
+  to: "До",
+  disabled: "Выключен",
+  comment: "Комментарий",
+  status: "Статус",
+  bannerZoneIsDeleted: "Баннерная зона удалена",
+  newTab: "Новая вкладка",
+  yes: "Да",
+  no: "Нет",
+  edit: "Редактировать",
+  remove: "Удалить",
+  actions: "Действия",
+  date: "Дата",
+  name: "Название",
+  priority: "Приоритет",
+  success: "Успех",
+  error: "Ошибка",
   statuses: {
-    waiting: "\u0412 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0438",
-    archived: "\u0410\u0440\u0445\u0438\u0432\u043D\u044B\u0439",
-    active: "\u0410\u043A\u0442\u0438\u0432\u043D\u044B\u0439",
-    disabled: "\u041E\u0442\u043A\u043B\u044E\u0447\u0435\u043D"
+    waiting: "В ожидании",
+    archived: "Архивный",
+    active: "Активный",
+    disabled: "Отключен"
   },
-  bannerWasSuccessfullyCreated: "\u0411\u0430\u043D\u043D\u0435\u0440 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D",
-  bannerWasSuccessfullyUpdated: "\u0411\u0430\u043D\u043D\u0435\u0440 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D",
-  bannerCreationWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440",
-  bannerUpdateWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440"
+  bannerWasSuccessfullyCreated: "Баннер успешно создан",
+  bannerWasSuccessfullyUpdated: "Баннер успешно обновлен",
+  bannerCreationWasFailed: "Не удалось создать баннер",
+  bannerUpdateWasFailed: "Не удалось обновить баннер"
 };
-function applyTranslations() {
-  i18n.addTranslations("en", "banners", EN);
-  i18n.addTranslations("ru", "banners", RU);
+function Ue() {
+  M.addTranslations("en", "banners", Ie), M.addTranslations("ru", "banners", Ae);
 }
-var Status = /* @__PURE__ */ ((Status2) => {
-  Status2["Waiting"] = "WAITING";
-  Status2["Archived"] = "ARCHIVED";
-  Status2["Active"] = "ACTIVE";
-  Status2["Disabled"] = "DISABLED";
-  return Status2;
-})(Status || {});
-function getZones(params) {
-  return request.get({ path: "/admin/adv/zones", params });
+var T = /* @__PURE__ */ ((e) => (e.Waiting = "WAITING", e.Archived = "ARCHIVED", e.Active = "ACTIVE", e.Disabled = "DISABLED", e))(T || {});
+function x(e) {
+  return L.get({ path: "/admin/adv/zones", params: e });
 }
-function getZoneFields(zoneId) {
-  return request.get({ path: `/admin/adv/zones/${zoneId}` });
+function Oe(e) {
+  return L.get({ path: `/admin/adv/zones/${e}` });
 }
-function getBanners(params) {
-  return request.get({ path: "/admin/adv", params });
+function Pe(e) {
+  return L.get({ path: "/admin/adv", params: e });
 }
-function getBanner(bannerId) {
-  return request.get({ path: `/admin/adv/${bannerId}` });
+function qe(e) {
+  return L.get({ path: `/admin/adv/${e}` });
 }
-function createBanner(payload) {
-  return request.post({ path: "/admin/adv", body: payload });
+function We(e) {
+  return L.post({ path: "/admin/adv", body: e });
 }
-function updateBanner(bannerId, payload) {
-  return request.put({
-    path: `/admin/adv/${bannerId}`,
-    body: payload
+function Ve(e, n) {
+  return L.put({
+    path: `/admin/adv/${e}`,
+    body: n
   });
 }
-function deleteBanner(bannerId) {
-  return request.delete({ path: `/admin/adv/${bannerId}` });
+function Me(e) {
+  return L.delete({ path: `/admin/adv/${e}` });
 }
-function getBannerCount() {
-  return request.get({ path: "/admin/adv/count" });
+function Bn() {
+  return L.get({ path: "/admin/adv/count" });
 }
-const BANNERS_ROUTE_PATHS = {
+const B = {
   ZONE_LIST: "/banners/zones",
   BANNER_LIST: "/banners",
   BANNER_FORM: "/banners/:bannerId"
 };
-function getBannersZoneListUrl() {
-  return BANNERS_ROUTE_PATHS.ZONE_LIST;
+function Sn() {
+  return B.ZONE_LIST;
 }
-function getBannersBannerListUrl() {
-  return BANNERS_ROUTE_PATHS.BANNER_LIST;
+function U() {
+  return B.BANNER_LIST;
 }
-function getBannersBannerFormUrl(params) {
-  return compile(BANNERS_ROUTE_PATHS.BANNER_FORM)(params);
+function ee(e) {
+  return ze(B.BANNER_FORM)(e);
 }
-function getColumnDefs$1(t) {
+function He(e) {
   return [
     {
       id: 0,
@@ -151,84 +143,77 @@ function getColumnDefs$1(t) {
     },
     {
       id: 1,
-      name: t("banners:name"),
+      name: e("banners:name"),
       field: "name",
       type: "name"
     },
     {
       id: 2,
-      name: t("banners:banners"),
+      name: e("banners:banners"),
       field: "bannersCount",
       style: { whiteSpace: "nowrap", width: "130px" }
     }
   ];
 }
-function getLinkToBannersByZone(zoneId) {
-  return `${getBannersBannerListUrl()}?filter[zone]=${zoneId}`;
+function Qe(e) {
+  return `${U()}?filter[zone]=${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$2 = defineComponent({
+const je = q({
   name: "ZoneList",
-  components: { CountButton, Page, DataTable },
+  components: { CountButton: Fe, Page: W, DataTable: J },
   setup() {
-    const i18n2 = useI18n();
-    const {
-      fetchEntityList: fetchZones,
-      isLoading: isZonesLoading,
-      rowData,
-      errorMessage,
-      handleChange
-    } = useDataTable({
-      fetchEntityList: getZones,
+    const e = O(), {
+      fetchEntityList: n,
+      isLoading: t,
+      rowData: r,
+      errorMessage: o,
+      handleChange: u
+    } = K({
+      fetchEntityList: x,
       initialValue: [],
       resourceName: "Banner Zones"
     });
-    onMounted(() => {
-      fetchZones();
-    });
-    const columnDefs = computed(() => getColumnDefs$1(i18n2.t));
-    return {
-      columnDefs,
-      isRowDataLoading: isZonesLoading,
-      rowData,
-      errorMessage,
-      handleChange,
-      getLinkToBannersByZone
+    return k(() => {
+      n();
+    }), {
+      columnDefs: f(() => He(e.t)),
+      isRowDataLoading: t,
+      rowData: r,
+      errorMessage: o,
+      handleChange: u,
+      getLinkToBannersByZone: Qe
     };
   }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CountButton = resolveComponent("CountButton");
-  const _component_DataTable = resolveComponent("DataTable");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.$i18n.t("banners:zones")
+}), V = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of n)
+    t[r] = o;
+  return t;
+};
+function Ge(e, n, t, r, o, u) {
+  const p = m("CountButton"), l = m("DataTable"), b = m("Page");
+  return R(), Z(b, {
+    title: e.$i18n.t("banners:zones")
   }, {
-    content: withCtx(() => [
-      createVNode(_component_DataTable, {
-        "column-defs": _ctx.columnDefs,
-        "row-data": _ctx.rowData,
-        loading: _ctx.isRowDataLoading,
-        "error-message": _ctx.errorMessage,
+    content: h(() => [
+      i(l, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage,
         "data-table": "banners-zones",
-        "use-search": false,
-        "use-pagination": false,
-        onChange: _ctx.handleChange
+        "use-search": !1,
+        "use-pagination": !1,
+        onChange: e.handleChange
       }, {
-        "cell(banners-count)": withCtx(({ row }) => [
-          createVNode(_component_CountButton, {
-            href: _ctx.getLinkToBannersByZone(row.id),
+        "cell(banners-count)": h(({ row: d }) => [
+          i(p, {
+            href: e.getLinkToBannersByZone(d.id),
             variant: "outline-secondary",
-            count: row.bannersCount
+            count: d.bannersCount
           }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$i18n.t("banners:banners")), 1)
+            default: h(() => [
+              G(Y(e.$i18n.t("banners:banners")), 1)
             ]),
             _: 2
           }, 1032, ["href", "count"])
@@ -239,377 +224,354 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title"]);
 }
-var ZoneList = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-function useFetchZones() {
-  const [fetchZones, resource] = useResource({
-    fetchResource: getZones,
+const Ye = /* @__PURE__ */ V(je, [["render", Ge]]);
+function ne() {
+  const [e, n] = P({
+    fetchResource: x,
     initialValue: [],
     resourceName: "Banner zones"
   });
-  onMounted(() => {
-    fetchZones();
-  });
-  return resource;
+  return k(() => {
+    e();
+  }), n;
 }
-function getStatus(type, t) {
-  switch (type) {
-    case Status.Waiting:
-      return t("banners:statuses.waiting");
-    case Status.Archived:
-      return t("banners:statuses.archived");
-    case Status.Active:
-      return t("banners:statuses.active");
-    case Status.Disabled:
-      return t("banners:statuses.disabled");
+function ae(e, n) {
+  switch (e) {
+    case T.Waiting:
+      return n("banners:statuses.waiting");
+    case T.Archived:
+      return n("banners:statuses.archived");
+    case T.Active:
+      return n("banners:statuses.active");
+    case T.Disabled:
+      return n("banners:statuses.disabled");
     default:
       return "";
   }
 }
-function getColumnDefs(zoneList, t) {
+function Je(e, n) {
   return [
     {
       id: 0,
       name: "#",
       field: "id",
-      format: ({ rowIndex }) => String(rowIndex + 1),
+      format: ({ rowIndex: t }) => String(t + 1),
       style: { width: "50px", textAlign: "center" },
       headStyle: { width: "50px", textAlign: "center" }
     },
     {
       id: 1,
-      name: t("banners:zone"),
+      name: n("banners:zone"),
       field: "bannerZone",
-      format: ({ row }) => {
-        const foundBannerZone = zoneList.find(
-          (zone) => zone.id === row.bannerZone
+      format: ({ row: t }) => {
+        const r = e.find(
+          (o) => o.id === t.bannerZone
         );
-        return foundBannerZone ? foundBannerZone.name : t("banners:bannerZoneIsDeleted");
+        return r ? r.name : n("banners:bannerZoneIsDeleted");
       }
     },
     {
       id: 2,
-      name: t("banners:status"),
+      name: n("banners:status"),
       field: "status",
-      format: ({ row }) => getStatus(row.status, t),
+      format: ({ row: t }) => ae(t.status, n),
       style: { width: "120px" },
       headStyle: { width: "120px" }
     },
     {
       id: 3,
-      name: t("banners:priority"),
+      name: n("banners:priority"),
       field: "priority",
       style: { width: "100px", textAlign: "center" },
       headStyle: { width: "100px", textAlign: "center" }
     },
     {
       id: 4,
-      name: t("banners:period"),
+      name: n("banners:period"),
       field: "dateStart",
-      format: ({ row }) => `${row.dateStart ? `${t("banners:from")} ${row.dateStart}` : ""} ${row.dateEnd ? `${t("banners:to")} ${row.dateEnd}` : ""}`
+      format: ({ row: t }) => `${t.dateStart ? `${n("banners:from")} ${t.dateStart}` : ""} ${t.dateEnd ? `${n("banners:to")} ${t.dateEnd}` : ""}`
     },
     {
       id: 5,
-      name: t("banners:image"),
+      name: n("banners:image"),
       field: "image",
       type: "image"
     },
     {
       id: 6,
-      name: t("banners:link"),
+      name: n("banners:link"),
       field: "link",
       type: "name",
-      format: ({ row }) => {
-        var _a, _b;
-        return {
-          adminLink: {
-            url: (_a = row.link) != null ? _a : "",
-            text: (_b = row.link) != null ? _b : ""
-          },
-          paramList: [
-            {
-              name: t("banners:newTab"),
-              value: row.openNewTab ? t("banners:yes") : t("banners:no")
-            }
-          ]
-        };
-      },
+      format: ({ row: t }) => ({
+        adminLink: {
+          url: t.link ?? "",
+          text: t.link ?? ""
+        },
+        paramList: [
+          {
+            name: n("banners:newTab"),
+            value: t.openNewTab ? n("banners:yes") : n("banners:no")
+          }
+        ]
+      }),
       options: {
-        shouldOpenNewTab: true
+        shouldOpenNewTab: !0
       }
     },
     {
       id: 7,
-      name: t("banners:comment"),
+      name: n("banners:comment"),
       field: "comment"
     },
     {
       id: 8,
-      name: t("banners:actions"),
+      name: n("banners:actions"),
       field: "actions",
       style: { whiteSpace: "nowrap", width: "100px" },
       headStyle: { whiteSpace: "nowrap", width: "100px" }
     }
   ];
 }
-function useAdvancedSearch({
-  context,
-  t,
-  zoneList,
-  route
-}) {
-  const zonesOptionList = computed(
-    () => zoneList.value.map(({ id, name }) => ({
-      value: id,
-      label: name
+function Ke({ t: e, zoneList: n, route: t }) {
+  const r = f(
+    () => n.value.map(({ id: a, name: s }) => ({
+      value: a,
+      label: s
     }))
-  );
-  const initialZoneFilter = computed(() => {
-    const queryValue = getFilterParamAsStringArray(
-      route.query,
+  ), o = f(() => {
+    const a = H(
+      t.query,
       "zone"
+      /* Zone */
     );
-    return zonesOptionList.value.filter(
-      ({ value }) => queryValue.some((selected) => selected === value)
+    return r.value.filter(
+      ({ value: s }) => a.some(($) => $ === s)
     );
+  }), u = D(o.value);
+  N(o, () => {
+    u.value = o.value;
   });
-  const zoneFilter = ref(initialZoneFilter.value);
-  watch(initialZoneFilter, () => {
-    zoneFilter.value = initialZoneFilter.value;
+  const p = f(
+    () => he(
+      t.query,
+      "date"
+      /* Date */
+    ) ?? ""
+  ), l = D(p.value);
+  N(p, () => {
+    l.value = p.value;
   });
-  const initialDateFilter = computed(
-    () => {
-      var _a;
-      return (_a = getFilterParamAsString(route.query, "date")) != null ? _a : "";
-    }
-  );
-  const dateFilter = ref(initialDateFilter.value);
-  watch(initialDateFilter, () => {
-    dateFilter.value = initialDateFilter.value;
-  });
-  const statusesOptionList = computed(
-    () => Object.entries(Status).map(([_, value]) => ({
-      value,
-      label: getStatus(value, t)
+  const b = f(
+    () => Object.entries(T).map(([a, s]) => ({
+      value: s,
+      label: ae(s, e)
     }))
-  );
-  const initialStatusFilter = computed(() => {
-    const queryValue = getFilterParamAsStringArray(
-      route.query,
+  ), d = f(() => {
+    const a = H(
+      t.query,
       "status"
+      /* Status */
     );
-    return statusesOptionList.value.filter(
-      ({ value }) => queryValue.some((selected) => selected === value)
+    return b.value.filter(
+      ({ value: s }) => a.some(($) => $ === s)
     );
+  }), c = D(d.value);
+  N(d, () => {
+    c.value = d.value;
   });
-  const statusFilter = ref(initialStatusFilter.value);
-  watch(initialStatusFilter, () => {
-    statusFilter.value = initialStatusFilter.value;
-  });
-  const filterParams = computed(
-    () => getFilterParams({
-      ["zone"]: zoneFilter.value.map(({ value }) => value),
-      ["date"]: dateFilter.value || [],
-      ["status"]: statusFilter.value.map(({ value }) => value)
+  const y = f(
+    () => ye({
+      zone: u.value.map(({ value: a }) => a),
+      date: l.value || [],
+      status: c.value.map(({ value: a }) => a)
     })
+  ), v = (a) => {
+    a.name === "zone" && (u.value = u.value.filter(
+      ({ value: s }) => s !== a.value
+    )), a.name === "date" && (l.value = ""), a.name === "status" && (c.value = c.value.filter(
+      ({ value: s }) => s !== a.value
+    ));
+  }, g = f(
+    () => [
+      ...u.value.map(({ value: a, label: s }) => ({
+        value: a,
+        label: s,
+        name: "zone",
+        title: e("banners:zone")
+      })),
+      ...c.value.map(({ value: a, label: s }) => ({
+        value: a,
+        label: s,
+        name: "status",
+        title: e("banners:status")
+      })),
+      l.value ? {
+        value: l.value,
+        label: l.value,
+        name: "date",
+        title: e("banners:date")
+      } : null
+    ].filter(le)
   );
-  const tagRemovalHandler = (event) => {
-    if (event.name === "zone") {
-      zoneFilter.value = zoneFilter.value.filter(
-        ({ value }) => value !== event.value
-      );
-    }
-    if (event.name === "date") {
-      dateFilter.value = "";
-    }
-    if (event.name === "status") {
-      statusFilter.value = statusFilter.value.filter(
-        ({ value }) => value !== event.value
-      );
-    }
-  };
-  const tags = computed(() => []);
   return {
-    zoneFilter,
-    zonesOptionList,
-    dateFilter,
-    statusFilter,
-    statusesOptionList,
-    filterParams,
-    tags,
-    tagRemovalHandler
+    zoneFilter: u,
+    zonesOptionList: r,
+    dateFilter: l,
+    statusFilter: c,
+    statusesOptionList: b,
+    filterParams: y,
+    tags: g,
+    tagRemovalHandler: v
   };
 }
-var BannerList_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$1 = defineComponent({
+const Xe = q({
   name: "BannerList",
   components: {
-    DeleteIcon,
-    EditIcon,
-    BaseButton,
-    FormField,
-    FormFieldMultiSelect,
-    AdvancedSearch,
-    Page,
-    DataTable
+    DeleteIcon: $e,
+    EditIcon: Le,
+    BaseButton: Ne,
+    FormField: X,
+    FormFieldMultiSelect: Se,
+    AdvancedSearch: Be,
+    Page: W,
+    DataTable: J
   },
-  setup(props, context) {
-    const route = useRoute();
-    const router = useRouter();
-    const { t } = useI18n();
-    const { loading: isZonesLoading, data: zoneList } = useFetchZones();
-    const {
-      zoneFilter,
-      zonesOptionList,
-      dateFilter,
-      statusFilter,
-      statusesOptionList,
-      filterParams,
-      tags,
-      tagRemovalHandler
-    } = useAdvancedSearch({
-      context,
+  setup() {
+    const e = Q(), n = j(), { t } = O(), { loading: r, data: o } = ne(), {
+      zoneFilter: u,
+      zonesOptionList: p,
+      dateFilter: l,
+      statusFilter: b,
+      statusesOptionList: d,
+      filterParams: c,
+      tags: y,
+      tagRemovalHandler: v
+    } = Ke({
       t,
-      zoneList,
-      route
-    });
-    const {
-      fetchEntityList: fetchBanners,
-      isLoading: isBannersLoading,
-      rowData,
-      errorMessage,
-      handleChange,
-      searchQuery,
-      pageNumber,
-      pageCount,
-      pageSize
-    } = useDataTable({
-      fetchEntityList: (params) => getBanners({
-        query: params.searchQuery,
-        pageNumber: params.pageNumber,
-        pageSize: params.pageSize,
-        ...filterParams.value
+      zoneList: o,
+      route: e
+    }), {
+      fetchEntityList: g,
+      isLoading: a,
+      rowData: s,
+      errorMessage: $,
+      handleChange: I,
+      searchQuery: F,
+      pageNumber: w,
+      pageCount: z,
+      pageSize: E
+    } = K({
+      fetchEntityList: (S) => Pe({
+        query: S.searchQuery,
+        pageNumber: S.pageNumber,
+        pageSize: S.pageSize,
+        ...c.value
       }),
       initialValue: [],
       resourceName: "Banners"
     });
-    watch(filterParams, () => {
-      if (isZonesLoading.value) {
+    N(c, () => {
+      if (r.value)
         return;
-      }
-      const newQuery = {
-        ...pick(route.query, ["query", "pageNumber"]),
-        ...filterParams.value
+      const S = {
+        ...ke(e.query, ["query", "pageNumber"]),
+        ...c.value
       };
-      if (!isEqual(route.query, newQuery)) {
-        router.replace({ query: newQuery });
-        fetchBanners();
-      }
+      Ze(e.query, S) || (n.replace({ query: S }), g());
     });
-    const { isDeleting, handleResourceDelete } = useResourceDelete({
-      deleteResource: deleteBanner,
+    const { isDeleting: te, handleResourceDelete: re } = ue({
+      deleteResource: Me,
       resourceName: "Banner",
-      onSuccess: fetchBanners
-    });
-    const isBusy = (bannerId) => {
-      return isDeleting(bannerId) || isBannersLoading.value;
-    };
-    const columnDefs = computed(
-      () => getColumnDefs(zoneList.value, t)
-    );
-    const isRowDataLoading = computed(
-      () => isBannersLoading.value || isZonesLoading.value
+      onSuccess: g
+    }), oe = (S) => te(S) || a.value, se = f(
+      () => Je(o.value, t)
+    ), ie = f(
+      () => a.value || r.value
     );
     return {
-      columnDefs,
-      isRowDataLoading,
-      rowData,
-      errorMessage,
-      handleChange,
-      getBannersBannerFormUrl,
-      searchQuery,
-      pageNumber,
-      pageCount,
-      pageSize,
-      isBusy,
-      handleResourceDelete,
-      zoneFilter,
-      zonesOptionList,
-      dateFilter,
-      statusFilter,
-      statusesOptionList,
-      tags,
-      tagRemovalHandler
+      columnDefs: se,
+      isRowDataLoading: ie,
+      rowData: s,
+      errorMessage: $,
+      handleChange: I,
+      getBannersBannerFormUrl: ee,
+      searchQuery: F,
+      pageNumber: w,
+      pageCount: z,
+      pageSize: E,
+      isBusy: oe,
+      handleResourceDelete: re,
+      // Advanced search
+      zoneFilter: u,
+      zonesOptionList: p,
+      dateFilter: l,
+      statusFilter: b,
+      statusesOptionList: d,
+      tags: y,
+      tagRemovalHandler: v
     };
   }
-});
-const _hoisted_1$1 = { class: "filters" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
-  const _component_FormField = resolveComponent("FormField");
-  const _component_AdvancedSearch = resolveComponent("AdvancedSearch");
-  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("banners:banners"),
+}), _e = { class: "filters" };
+function xe(e, n, t, r, o, u) {
+  const p = m("FormFieldMultiSelect"), l = m("FormField"), b = m("AdvancedSearch"), d = m("EditIcon"), c = m("BaseButton"), y = m("DeleteIcon"), v = m("DataTable"), g = m("Page");
+  return R(), Z(g, {
+    title: e.$i18n.t("banners:banners"),
     "header-buttons": [
       {
-        text: _ctx.$i18n.t("banners:createBanner"),
-        href: _ctx.getBannersBannerFormUrl({ bannerId: "create" })
+        text: e.$i18n.t("banners:createBanner"),
+        href: e.getBannersBannerFormUrl({ bannerId: "create" })
       }
     ]
   }, {
-    content: withCtx(() => [
-      createVNode(_component_DataTable, {
-        "column-defs": _ctx.columnDefs,
-        "row-data": _ctx.rowData,
-        loading: _ctx.isRowDataLoading,
-        "error-message": _ctx.errorMessage,
+    content: h(() => [
+      i(v, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage,
         "data-table": "banners",
-        "use-search": true,
-        "use-pagination": true,
-        "search-query": _ctx.searchQuery,
+        "use-search": !0,
+        "use-pagination": !0,
+        "search-query": e.searchQuery,
         pagination: {
-          pageNumber: _ctx.pageNumber,
-          pageCount: _ctx.pageCount,
-          pageSize: _ctx.pageSize,
-          disabled: _ctx.isRowDataLoading
+          pageNumber: e.pageNumber,
+          pageCount: e.pageCount,
+          pageSize: e.pageSize,
+          disabled: e.isRowDataLoading
         },
-        onChange: _ctx.handleChange
+        onChange: e.handleChange
       }, {
-        filters: withCtx(() => [
-          createVNode(_component_AdvancedSearch, {
-            tags: _ctx.tags,
-            "onClick:tag": _ctx.tagRemovalHandler
+        filters: h(() => [
+          i(b, {
+            tags: e.tags,
+            "onClick:tag": e.tagRemovalHandler
           }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$1, [
-                createVNode(_component_FormFieldMultiSelect, {
-                  "selected-options": _ctx.zoneFilter,
-                  "onUpdate:selected-options": _cache[0] || (_cache[0] = ($event) => _ctx.zoneFilter = $event),
-                  options: _ctx.zonesOptionList,
+            default: h(() => [
+              C("div", _e, [
+                i(p, {
+                  "selected-options": e.zoneFilter,
+                  "onUpdate:selected-options": n[0] || (n[0] = (a) => e.zoneFilter = a),
+                  options: e.zonesOptionList,
                   name: "zoneFilter",
-                  searchable: true,
-                  label: _ctx.$i18n.t("banners:zone"),
+                  searchable: !0,
+                  label: e.$i18n.t("banners:zone"),
                   class: "filter"
                 }, null, 8, ["selected-options", "options", "label"]),
-                createVNode(_component_FormField, {
-                  value: _ctx.dateFilter,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.dateFilter = $event),
-                  label: _ctx.$i18n.t("banners:date"),
+                i(l, {
+                  value: e.dateFilter,
+                  "onUpdate:value": n[1] || (n[1] = (a) => e.dateFilter = a),
+                  label: e.$i18n.t("banners:date"),
                   name: "dateFilter",
                   type: "date",
                   class: "filter"
                 }, null, 8, ["value", "label"]),
-                createVNode(_component_FormFieldMultiSelect, {
-                  "selected-options": _ctx.statusFilter,
-                  "onUpdate:selected-options": _cache[2] || (_cache[2] = ($event) => _ctx.statusFilter = $event),
-                  options: _ctx.statusesOptionList,
+                i(p, {
+                  "selected-options": e.statusFilter,
+                  "onUpdate:selected-options": n[2] || (n[2] = (a) => e.statusFilter = a),
+                  options: e.statusesOptionList,
                   name: "statusFilter",
-                  searchable: true,
-                  label: _ctx.$i18n.t("banners:status"),
+                  searchable: !0,
+                  label: e.$i18n.t("banners:status"),
                   class: "filter"
                 }, null, 8, ["selected-options", "options", "label"])
               ])
@@ -617,26 +579,26 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["tags", "onClick:tag"])
         ]),
-        "cell(actions)": withCtx(({ row }) => [
-          createVNode(_component_BaseButton, {
+        "cell(actions)": h(({ row: a }) => [
+          i(c, {
             variant: "icon",
-            title: _ctx.$i18n.t("banners:edit"),
-            disabled: _ctx.isBusy(row.id),
-            href: _ctx.getBannersBannerFormUrl({ bannerId: row.id })
+            title: e.$i18n.t("banners:edit"),
+            disabled: e.isBusy(a.id),
+            href: e.getBannersBannerFormUrl({ bannerId: a.id })
           }, {
-            default: withCtx(() => [
-              createVNode(_component_EditIcon)
+            default: h(() => [
+              i(d)
             ]),
             _: 2
           }, 1032, ["title", "disabled", "href"]),
-          createVNode(_component_BaseButton, {
+          i(c, {
             variant: "icon",
-            title: _ctx.$i18n.t("banners:remove"),
-            disabled: _ctx.isBusy(row.id),
-            onClick: ($event) => _ctx.handleResourceDelete(row.id)
+            title: e.$i18n.t("banners:remove"),
+            disabled: e.isBusy(a.id),
+            onClick: (s) => e.handleResourceDelete(a.id)
           }, {
-            default: withCtx(() => [
-              createVNode(_component_DeleteIcon)
+            default: h(() => [
+              i(y)
             ]),
             _: 2
           }, 1032, ["title", "disabled", "onClick"])
@@ -647,347 +609,303 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-var BannerList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-function useFetchBanner({
-  bannerId,
-  isCreation
+const en = /* @__PURE__ */ V(Xe, [["render", xe]]);
+function nn({
+  bannerId: e,
+  isCreation: n
 }) {
-  const [fetchBanner, resource] = useResource({
-    fetchResource: () => getBanner(bannerId.value),
+  const [t, r] = P({
+    fetchResource: () => qe(e.value),
     initialValue: null,
     resourceName: "Banner"
   });
-  onMounted(() => {
-    if (isCreation.value || !bannerId.value) {
-      return;
-    }
-    fetchBanner();
-  });
-  watch(bannerId, () => {
-    if (isCreation.value || !bannerId.value) {
-      return;
-    }
-    fetchBanner();
-  });
-  return resource;
+  return k(() => {
+    n.value || !e.value || t();
+  }), N(e, () => {
+    n.value || !e.value || t();
+  }), r;
 }
-function useFetchZoneFields({
-  values
+function an({
+  values: e
 }) {
-  const zoneId = computed(() => {
-    var _a, _b;
-    return (_b = (_a = values.value.bannerZone) == null ? void 0 : _a.value) != null ? _b : "";
-  });
-  const [fetchZoneFields, resource] = useResource({
-    fetchResource: () => getZoneFields(zoneId.value),
+  const n = f(() => {
+    var o;
+    return ((o = e.value.bannerZone) == null ? void 0 : o.value) ?? "";
+  }), [t, r] = P({
+    fetchResource: () => Oe(n.value),
     initialValue: null,
     resourceName: "Zone Fields"
   });
-  onMounted(() => {
-    if (!zoneId.value) {
-      return;
-    }
-    fetchZoneFields();
-  });
-  watch(zoneId, () => {
-    if (!zoneId.value) {
-      return;
-    }
-    fetchZoneFields();
-  });
-  return resource;
+  return k(() => {
+    n.value && t();
+  }), N(n, () => {
+    n.value && t();
+  }), r;
 }
-function convertBannerToFormValues(banner, zonesOptionList) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const foundZone = zonesOptionList.find(
-    ({ value }) => value === (banner == null ? void 0 : banner.bannerZone)
+function A(e, n) {
+  const t = n.find(
+    ({ value: r }) => r === (e == null ? void 0 : e.bannerZone)
   );
   return {
-    priority: String((_a = banner == null ? void 0 : banner.priority) != null ? _a : 1),
-    link: (_b = banner == null ? void 0 : banner.link) != null ? _b : "",
-    image: (banner == null ? void 0 : banner.image) ? { id: createId(), file: banner.image } : null,
-    bannerZone: foundZone != null ? foundZone : null,
-    openNewTab: (_c = banner == null ? void 0 : banner.openNewTab) != null ? _c : false,
-    dateStart: (_d = banner == null ? void 0 : banner.dateStart) != null ? _d : "",
-    dateEnd: (_e = banner == null ? void 0 : banner.dateEnd) != null ? _e : "",
-    disabled: (_f = banner == null ? void 0 : banner.disabled) != null ? _f : false,
-    comment: (_g = banner == null ? void 0 : banner.comment) != null ? _g : "",
+    priority: String((e == null ? void 0 : e.priority) ?? 1),
+    link: (e == null ? void 0 : e.link) ?? "",
+    image: e != null && e.image ? { id: de(), file: e.image } : null,
+    bannerZone: t ?? null,
+    openNewTab: (e == null ? void 0 : e.openNewTab) ?? !1,
+    dateStart: (e == null ? void 0 : e.dateStart) ?? "",
+    dateEnd: (e == null ? void 0 : e.dateEnd) ?? "",
+    disabled: (e == null ? void 0 : e.disabled) ?? !1,
+    comment: (e == null ? void 0 : e.comment) ?? "",
     fields: []
   };
 }
-function convertBannerFormValuesToPayload(values) {
-  var _a, _b, _c, _d;
+function tn(e) {
+  var n, t;
   return {
-    ...values,
-    priority: values.priority ? Number(values.priority) : 1,
-    dateStart: values.dateStart ? values.dateStart : null,
-    dateEnd: values.dateEnd ? values.dateEnd : null,
-    image: (_b = (_a = values.image) == null ? void 0 : _a.file.id) != null ? _b : null,
-    bannerZone: (_d = (_c = values.bannerZone) == null ? void 0 : _c.value) != null ? _d : "",
-    fields: values.fields.map((field) => ({
-      name: field.config.name,
-      value: universalFieldUtils.getOutgoingValue(field)
+    ...e,
+    priority: e.priority ? Number(e.priority) : 1,
+    dateStart: e.dateStart ? e.dateStart : null,
+    dateEnd: e.dateEnd ? e.dateEnd : null,
+    image: ((n = e.image) == null ? void 0 : n.file.id) ?? null,
+    bannerZone: ((t = e.bannerZone) == null ? void 0 : t.value) ?? "",
+    fields: e.fields.map((r) => ({
+      name: r.config.name,
+      value: _.getOutgoingValue(r)
     }))
   };
 }
-var BannerForm_vue_vue_type_style_index_0_lang = "";
-const _sfc_main = defineComponent({
+const rn = q({
   name: "BannerForm",
   components: {
-    FormFieldFileInput,
-    FormFieldCheckbox,
-    InputLabel,
-    FormField,
-    FormFieldSelect,
-    Page,
-    FormFooter,
-    DynamicField
+    FormFieldFileInput: Ce,
+    FormFieldCheckbox: De,
+    InputLabel: Te,
+    FormField: X,
+    FormFieldSelect: Ee,
+    Page: W,
+    FormFooter: we,
+    DynamicField: Re
   },
   setup() {
-    const route = useRoute();
-    const router = useRouter();
-    const toast = useToast();
-    const { t } = useI18n();
-    const bannerId = computed(() => route.params.bannerId);
-    const isCreation = computed(() => bannerId.value === "create");
-    const { data: zones, loading: isZonesLoading } = useFetchZones();
-    const zonesOptionList = computed(
-      () => zones.value.map((zone) => ({
-        value: zone.id,
-        label: zone.name
+    const e = Q(), n = j(), t = me(), { t: r } = O(), o = f(() => e.params.bannerId), u = f(() => o.value === "create"), { data: p, loading: l } = ne(), b = f(
+      () => p.value.map((F) => ({
+        value: F.id,
+        label: F.name
       }))
-    );
-    const { data: banner, loading: isBannerLoading } = useFetchBanner({
-      bannerId,
-      isCreation
-    });
-    const isSubmitting = ref(false);
-    const values = ref(
-      convertBannerToFormValues(banner.value, zonesOptionList.value)
-    );
-    const errors = ref({});
-    watch([banner, zones], () => {
-      values.value = convertBannerToFormValues(
-        banner.value,
-        zonesOptionList.value
+    ), { data: d, loading: c } = nn({
+      bannerId: o,
+      isCreation: u
+    }), y = D(!1), v = D(
+      A(d.value, b.value)
+    ), g = D({});
+    N([d, p], () => {
+      v.value = A(
+        d.value,
+        b.value
       );
     });
-    const { loading: isZoneFieldsLoading, data: zoneFields } = useFetchZoneFields({ values });
-    watch(zoneFields, () => {
-      var _a, _b;
-      values.value.fields = ((_b = (_a = zoneFields.value) == null ? void 0 : _a.fields) != null ? _b : []).map(
-        (fieldConfig, index) => {
-          var _a2;
-          return universalFieldUtils.createFormField(
-            fieldConfig,
-            banner.value ? (_a2 = banner.value.fields[index].value) != null ? _a2 : null : null
-          );
-        }
+    const { loading: a, data: s } = an({ values: v });
+    N(s, () => {
+      var F;
+      v.value.fields = (((F = s.value) == null ? void 0 : F.fields) ?? []).map(
+        (w, z) => _.createFormField(
+          w,
+          d.value ? d.value.fields[z].value ?? null : null
+        )
       );
     });
-    const submitForm = (event) => {
-      isSubmitting.value = true;
-      const body = convertBannerFormValuesToPayload(values.value);
-      const requestPromise = isCreation.value ? createBanner(body) : updateBanner(bannerId.value, body);
-      requestPromise.then(({ data }) => {
-        errors.value = {};
-        if (event.type === "create") {
-          router.push(getBannersBannerFormUrl({ bannerId: String(data.id) }));
-        } else if (event.type === "create_exit" || event.type === "save_exit") {
-          navigateBack(router, getBannersBannerListUrl());
-        } else if (event.type === "create_create-another") {
-          values.value = convertBannerToFormValues(
-            null,
-            zonesOptionList.value
-          );
-        }
-        toast.show({
+    const $ = (F) => {
+      y.value = !0;
+      const w = tn(v.value);
+      (u.value ? We(w) : Ve(o.value, w)).then(({ data: E }) => {
+        g.value = {}, F.type === "create" ? n.push(ee({ bannerId: String(E.id) })) : F.type === "create_exit" || F.type === "save_exit" ? ce(n, U()) : F.type === "create_create-another" && (v.value = A(
+          null,
+          b.value
+        )), t.show({
           variant: "success",
-          title: t("banners:success"),
-          body: isCreation.value ? t("banners:bannerWasSuccessfullyCreated") : t("banners:bannerWasSuccessfullyUpdated")
+          title: r("banners:success"),
+          body: u.value ? r("banners:bannerWasSuccessfullyCreated") : r("banners:bannerWasSuccessfullyUpdated")
         });
-      }).catch((error) => {
-        console.error(error);
-        errors.value = convertRequestErrorToMap(error);
-        toast.show({
+      }).catch((E) => {
+        console.error(E), g.value = pe(E), t.show({
           variant: "danger",
-          title: t("banners:error"),
-          body: isCreation.value ? t("banners:bannerCreationWasFailed") : t("banners:bannerUpdateWasFailed")
+          title: r("banners:error"),
+          body: u.value ? r("banners:bannerCreationWasFailed") : r("banners:bannerUpdateWasFailed")
         });
       }).finally(() => {
-        isSubmitting.value = false;
+        y.value = !1;
       });
-    };
-    const isContentLoading = computed(
-      () => isBannerLoading.value || isZonesLoading.value || isZoneFieldsLoading.value
+    }, I = f(
+      () => c.value || l.value || a.value
     );
     return {
-      isCreation,
-      isContentLoading,
-      isSubmitting,
-      values,
-      errors,
-      submitForm,
-      bannerListUrl: getBannersBannerListUrl(),
-      zonesOptionList
+      isCreation: u,
+      isContentLoading: I,
+      isSubmitting: y,
+      values: v,
+      errors: g,
+      submitForm: $,
+      bannerListUrl: U(),
+      zonesOptionList: b
     };
   }
-});
-const _hoisted_1 = { class: "zone" };
-const _hoisted_2 = { class: "date" };
-const _hoisted_3 = { class: "link" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormFieldSelect = resolveComponent("FormFieldSelect");
-  const _component_FormField = resolveComponent("FormField");
-  const _component_InputLabel = resolveComponent("InputLabel");
-  const _component_FormFieldCheckbox = resolveComponent("FormFieldCheckbox");
-  const _component_FormFieldFileInput = resolveComponent("FormFieldFileInput");
-  const _component_DynamicField = resolveComponent("DynamicField");
-  const _component_FormFooter = resolveComponent("FormFooter");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.isCreation ? _ctx.$i18n.t("banners:createBanner") : _ctx.$i18n.t("banners:updateBanner"),
-    "is-content-loading": _ctx.isContentLoading
+}), on = { class: "zone" }, sn = { class: "date" }, ln = { class: "link" };
+function un(e, n, t, r, o, u) {
+  const p = m("FormFieldSelect"), l = m("FormField"), b = m("InputLabel"), d = m("FormFieldCheckbox"), c = m("FormFieldFileInput"), y = m("DynamicField"), v = m("FormFooter"), g = m("Page");
+  return R(), Z(g, {
+    title: e.isCreation ? e.$i18n.t("banners:createBanner") : e.$i18n.t("banners:updateBanner"),
+    "is-content-loading": e.isContentLoading
   }, {
-    content: withCtx(() => [
-      createElementVNode("form", {
+    content: h(() => [
+      C("form", {
         novalidate: "",
-        onSubmit: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.submitForm && _ctx.submitForm(...args), ["prevent"]))
+        onSubmit: n[9] || (n[9] = be(() => {
+        }, ["prevent"]))
       }, [
-        createElementVNode("div", _hoisted_1, [
-          createVNode(_component_FormFieldSelect, {
-            value: _ctx.values.bannerZone,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.bannerZone = $event),
+        C("div", on, [
+          i(p, {
+            value: e.values.bannerZone,
+            "onUpdate:value": n[0] || (n[0] = (a) => e.values.bannerZone = a),
             name: "bannerZone",
-            label: _ctx.$i18n.t("banners:zone"),
-            options: _ctx.zonesOptionList,
-            error: _ctx.errors.bannerZone
+            label: e.$i18n.t("banners:zone"),
+            options: e.zonesOptionList,
+            error: e.errors.bannerZone
           }, null, 8, ["value", "label", "options", "error"]),
-          createVNode(_component_FormField, {
-            value: _ctx.values.priority,
-            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.values.priority = $event),
+          i(l, {
+            value: e.values.priority,
+            "onUpdate:value": n[1] || (n[1] = (a) => e.values.priority = a),
             name: "priority",
-            label: _ctx.$i18n.t("banners:priority"),
-            error: _ctx.errors.priority
+            label: e.$i18n.t("banners:priority"),
+            error: e.errors.priority
           }, null, 8, ["value", "label", "error"])
         ]),
-        createVNode(_component_InputLabel, null, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.$i18n.t("banners:period")), 1)
+        i(b, null, {
+          default: h(() => [
+            G(Y(e.$i18n.t("banners:period")), 1)
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_2, [
-          createVNode(_component_FormField, {
-            value: _ctx.values.dateStart,
-            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.values.dateStart = $event),
-            label: _ctx.$i18n.t("banners:from"),
+        C("div", sn, [
+          i(l, {
+            value: e.values.dateStart,
+            "onUpdate:value": n[2] || (n[2] = (a) => e.values.dateStart = a),
+            label: e.$i18n.t("banners:from"),
             name: "dateStart",
             type: "date",
-            max: _ctx.values.dateEnd
+            max: e.values.dateEnd
           }, null, 8, ["value", "label", "max"]),
-          createVNode(_component_FormField, {
-            value: _ctx.values.dateEnd,
-            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.values.dateEnd = $event),
-            label: _ctx.$i18n.t("banners:to"),
+          i(l, {
+            value: e.values.dateEnd,
+            "onUpdate:value": n[3] || (n[3] = (a) => e.values.dateEnd = a),
+            label: e.$i18n.t("banners:to"),
             name: "dateEnd",
             type: "date",
-            min: _ctx.values.dateStart
+            min: e.values.dateStart
           }, null, 8, ["value", "label", "min"])
         ]),
-        createVNode(_component_FormFieldCheckbox, {
-          checked: _ctx.values.disabled,
-          "onUpdate:checked": _cache[4] || (_cache[4] = ($event) => _ctx.values.disabled = $event),
+        i(d, {
+          checked: e.values.disabled,
+          "onUpdate:checked": n[4] || (n[4] = (a) => e.values.disabled = a),
           name: "disabled",
-          label: _ctx.$i18n.t("banners:disabled"),
-          error: _ctx.errors.disabled
+          label: e.$i18n.t("banners:disabled"),
+          error: e.errors.disabled
         }, null, 8, ["checked", "label", "error"]),
-        createElementVNode("div", _hoisted_3, [
-          createVNode(_component_FormField, {
-            value: _ctx.values.link,
-            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => _ctx.values.link = $event),
+        C("div", ln, [
+          i(l, {
+            value: e.values.link,
+            "onUpdate:value": n[5] || (n[5] = (a) => e.values.link = a),
             name: "link",
-            label: _ctx.$i18n.t("banners:link"),
-            error: _ctx.errors.name
+            label: e.$i18n.t("banners:link"),
+            error: e.errors.name
           }, null, 8, ["value", "label", "error"]),
-          createVNode(_component_FormFieldCheckbox, {
-            checked: _ctx.values.openNewTab,
-            "onUpdate:checked": _cache[6] || (_cache[6] = ($event) => _ctx.values.openNewTab = $event),
+          i(d, {
+            checked: e.values.openNewTab,
+            "onUpdate:checked": n[6] || (n[6] = (a) => e.values.openNewTab = a),
             name: "openNewTab",
-            label: _ctx.$i18n.t("banners:openNewTab"),
-            error: _ctx.errors.openNewTab
+            label: e.$i18n.t("banners:openNewTab"),
+            error: e.errors.openNewTab
           }, null, 8, ["checked", "label", "error"])
         ]),
-        createVNode(_component_FormFieldFileInput, {
-          value: _ctx.values.image,
-          "onUpdate:value": _cache[7] || (_cache[7] = ($event) => _ctx.values.image = $event),
+        i(c, {
+          value: e.values.image,
+          "onUpdate:value": n[7] || (n[7] = (a) => e.values.image = a),
           name: "image",
           "file-type": "image",
-          label: _ctx.$i18n.t("banners:image"),
-          error: _ctx.errors.file
+          label: e.$i18n.t("banners:image"),
+          error: e.errors.file
         }, null, 8, ["value", "label", "error"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.values.fields, (field) => {
-          return openBlock(), createBlock(_component_DynamicField, {
-            key: field.name,
-            field
-          }, null, 8, ["field"]);
-        }), 128)),
-        createVNode(_component_FormField, {
-          value: _ctx.values.comment,
-          "onUpdate:value": _cache[8] || (_cache[8] = ($event) => _ctx.values.comment = $event),
+        (R(!0), fe(ve, null, ge(e.values.fields, (a) => (R(), Z(y, {
+          key: a.id,
+          field: a
+        }, null, 8, ["field"]))), 128)),
+        i(l, {
+          value: e.values.comment,
+          "onUpdate:value": n[8] || (n[8] = (a) => e.values.comment = a),
           name: "comment",
           type: "textarea",
-          label: _ctx.$i18n.t("banners:comment"),
-          error: _ctx.errors.comment
+          label: e.$i18n.t("banners:comment"),
+          error: e.errors.comment
         }, null, 8, ["value", "label", "error"])
       ], 32)
     ]),
-    footer: withCtx(() => [
-      createVNode(_component_FormFooter, {
-        "back-href": _ctx.bannerListUrl,
-        "is-submitting": _ctx.isSubmitting,
-        "is-creation": _ctx.isCreation,
-        "can-create-another": _ctx.isCreation,
-        onSubmit: _ctx.submitForm
+    footer: h(() => [
+      i(v, {
+        "back-href": e.bannerListUrl,
+        "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"])
     ]),
     _: 1
   }, 8, ["title", "is-content-loading"]);
 }
-var BannerForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const BANNERS_ZONE_LIST_ROUTE = {
-  path: BANNERS_ROUTE_PATHS.ZONE_LIST,
-  component: ZoneList,
+const dn = /* @__PURE__ */ V(rn, [["render", un]]), Nn = {
+  path: B.ZONE_LIST,
+  component: Ye,
   name: "Zones",
   meta: {
-    getBreadcrumbs: (route, { t }) => [
-      { url: "/", text: t("banners:home") },
-      { url: BANNERS_ROUTE_PATHS.ZONE_LIST, text: t("banners:zones") }
+    getBreadcrumbs: (e, { t: n }) => [
+      { url: "/", text: n("banners:home") },
+      { url: B.ZONE_LIST, text: n("banners:zones") }
     ]
   }
-};
-const BANNERS_BANNER_LIST_ROUTE = {
-  path: BANNERS_ROUTE_PATHS.BANNER_LIST,
-  component: BannerList,
+}, Ln = {
+  path: B.BANNER_LIST,
+  component: en,
   name: "Banners",
   meta: {
-    getBreadcrumbs: (route, { t }) => [
-      { url: "/", text: t("banners:home") },
-      { url: BANNERS_ROUTE_PATHS.BANNER_LIST, text: t("banners:banners") }
+    getBreadcrumbs: (e, { t: n }) => [
+      { url: "/", text: n("banners:home") },
+      { url: B.BANNER_LIST, text: n("banners:banners") }
     ]
   }
-};
-const BANNERS_BANNER_FORM_ROUTE = {
-  path: BANNERS_ROUTE_PATHS.BANNER_FORM,
-  component: BannerForm,
+}, $n = {
+  path: B.BANNER_FORM,
+  component: dn,
   name: "Banner Form",
   meta: {
-    getBreadcrumbs: (route, { t }) => [
-      { url: "/", text: t("banners:home") },
-      { url: BANNERS_ROUTE_PATHS.BANNER_LIST, text: t("banners:banners") },
-      { url: route.path, text: t("banners:bannerForm") }
+    getBreadcrumbs: (e, { t: n }) => [
+      { url: "/", text: n("banners:home") },
+      { url: B.BANNER_LIST, text: n("banners:banners") },
+      { url: e.path, text: n("banners:bannerForm") }
     ]
   }
 };
-applyTranslations();
-export { BANNERS_BANNER_FORM_ROUTE, BANNERS_BANNER_LIST_ROUTE, BANNERS_ZONE_LIST_ROUTE, createBanner, deleteBanner, getBanner, getBannerCount, getBanners, getBannersBannerFormUrl, getBannersBannerListUrl, getBannersZoneListUrl, getZoneFields, getZones, updateBanner };
+Ue();
+export {
+  $n as BANNERS_BANNER_FORM_ROUTE,
+  Ln as BANNERS_BANNER_LIST_ROUTE,
+  Nn as BANNERS_ZONE_LIST_ROUTE,
+  We as createBanner,
+  Me as deleteBanner,
+  qe as getBanner,
+  Bn as getBannerCount,
+  Pe as getBanners,
+  ee as getBannersBannerFormUrl,
+  U as getBannersBannerListUrl,
+  Sn as getBannersZoneListUrl,
+  Oe as getZoneFields,
+  x as getZones,
+  Ve as updateBanner
+};