@ozdao/prometheus-framework 0.2.241 → 0.2.243

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs

@@ -6,16 +6,16 @@ require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
 require("vue-i18n");
 ;/* empty css                                                   */
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                          */
+;/* empty css                                    */
+const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css                                         */
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
 ;/* empty css                                           */
 ;/* empty css                                         */
 ;/* empty css                                                         */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
@@ -40,18 +40,9 @@ const _hoisted_6 = { class: "cols-2-fit-content" };
 const _hoisted_7 = { class: "w-100 flex-child-grow-1 flex-child" };
 const _hoisted_8 = { class: "cols-2 gap-thin" };
 const _hoisted_9 = { class: "bg-light pd-medium o-hidden radius-big" };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1);
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1);
+const _hoisted_10 = { class: "cols-1 gap-thin" };
+const _hoisted_11 = { class: "bg-light pd-medium o-hidden radius-big" };
 const _hoisted_12 = { class: "cols-1 gap-thin" };
-const _hoisted_13 = { class: "bg-light pd-medium o-hidden radius-big" };
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-semi" }, "Acessess", -1);
-const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1);
-const _hoisted_16 = { class: "cols-1 gap-thin" };
-const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Events", -1);
-const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Gallery", -1);
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Products", -1);
-const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Orders", -1);
-const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Departments", -1);
 const _sfc_main = {
   __name: "DepartmentEdit",
   setup(__props) {
@@ -114,9 +105,9 @@ const _sfc_main = {
               callback: _ctx.redirectToDash,
               class: "bg-red"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[21] || (_cache[21] = [
                 vue.createTextVNode("Delete")
-              ]),
+              ])),
               _: 1
             }, 8, ["callback"])) : vue.createCommentVNode("", true),
             vue.createVNode(Button.default, {
@@ -124,9 +115,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-main"
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[22] || (_cache[22] = [
                 vue.createTextVNode("Save")
-              ]),
+              ])),
               _: 1
             })
           ])
@@ -248,9 +239,9 @@ const _sfc_main = {
         }, 8, ["isPopupOpen"]),
         vue.createElementVNode("div", _hoisted_8, [
           vue.createElementVNode("div", _hoisted_9, [
-            _hoisted_10,
-            _hoisted_11,
-            vue.createElementVNode("div", _hoisted_12, [
+            _cache[23] || (_cache[23] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
+            _cache[24] || (_cache[24] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+            vue.createElementVNode("div", _hoisted_10, [
               vue.createVNode(Checkbox.default, {
                 label: "Hidden department",
                 name: "hidden",
@@ -260,11 +251,11 @@ const _sfc_main = {
               }, null, 8, ["radio"])
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_13, [
-            _hoisted_14,
-            _hoisted_15,
-            vue.createElementVNode("div", _hoisted_16, [
-              _hoisted_17,
+          vue.createElementVNode("div", _hoisted_11, [
+            _cache[30] || (_cache[30] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Acessess", -1)),
+            _cache[31] || (_cache[31] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1)),
+            vue.createElementVNode("div", _hoisted_12, [
+              _cache[25] || (_cache[25] = vue.createElementVNode("h4", null, "Events", -1)),
               vue.createVNode(Checkbox.default, {
                 label: "Read events",
                 name: "readProducts",
@@ -293,7 +284,7 @@ const _sfc_main = {
                 radio: departments.state.department.accesses.events.delete,
                 "onUpdate:radio": _cache[7] || (_cache[7] = (updated) => departments.state.department.accesses.events.delete = !departments.state.department.accesses.events.delete)
               }, null, 8, ["radio"]),
-              _hoisted_18,
+              _cache[26] || (_cache[26] = vue.createElementVNode("h4", null, "Gallery", -1)),
               vue.createVNode(Checkbox.default, {
                 label: "Read gallery",
                 name: "readProducts",
@@ -322,7 +313,7 @@ const _sfc_main = {
                 radio: departments.state.department.accesses.gallery.delete,
                 "onUpdate:radio": _cache[11] || (_cache[11] = (updated) => departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)
               }, null, 8, ["radio"]),
-              _hoisted_19,
+              _cache[27] || (_cache[27] = vue.createElementVNode("h4", null, "Products", -1)),
               vue.createVNode(Checkbox.default, {
                 label: "Read products",
                 name: "readProducts",
@@ -344,7 +335,7 @@ const _sfc_main = {
                 radio: departments.state.department.accesses.products.delete,
                 "onUpdate:radio": _cache[14] || (_cache[14] = (updated) => departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)
               }, null, 8, ["radio"]),
-              _hoisted_20,
+              _cache[28] || (_cache[28] = vue.createElementVNode("h4", null, "Orders", -1)),
               vue.createVNode(Checkbox.default, {
                 label: "Read orders",
                 name: "readOrders",
@@ -366,7 +357,7 @@ const _sfc_main = {
                 radio: departments.state.department.accesses.orders.delete,
                 "onUpdate:radio": _cache[17] || (_cache[17] = (updated) => departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)
               }, null, 8, ["radio"]),
-              _hoisted_21,
+              _cache[29] || (_cache[29] = vue.createElementVNode("h4", null, "Departments", -1)),
               vue.createVNode(Checkbox.default, {
                 label: "Read departments",
                 name: "readDepartments",

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DepartmentEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex bg-light pd-medium radius-big\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <h4>Events</h4>\n            <Checkbox\n              label=\"Read events\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.read = !departments.state.department.accesses.events.read)\"\n            />\n            <Checkbox\n              label=\"Create events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.create = !departments.state.department.accesses.events.create)\"\n            />\n            <Checkbox\n              label=\"Edit events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.edit = !departments.state.department.accesses.events.edit)\"\n            />\n            <Checkbox\n              label=\"Delete events\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.delete = !departments.state.department.accesses.events.delete)\"\n            />\n            <h4>Gallery</h4>\n            <Checkbox\n              label=\"Read gallery\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)\"\n            />\n            <Checkbox\n              label=\"Create photos\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.create = !departments.state.department.accesses.gallery.create)\"\n            />\n            <Checkbox\n              label=\"Edit gallery\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)\"\n            />\n            <Checkbox\n              label=\"Delete gallery\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)\"\n            />\n            <h4>Products</h4>\n            <Checkbox\n              label=\"Read products\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)\"\n            />\n            <Checkbox\n              label=\"Edit products\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)\"\n            />\n            <Checkbox\n              label=\"Delete products\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)\"\n            />\n\n            <h4>Orders</h4>\n            <Checkbox\n              label=\"Read orders\"\n              name=\"readOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)\"\n            />\n            <Checkbox\n              label=\"Confirm orders\"\n              name=\"confirmOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.confirm\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)\"\n            />\n            <Checkbox\n              label=\"Delete orders\"\n              name=\"deleteOrders\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)\"\n            />\n\n            <h4>Departments</h4>\n            <Checkbox\n              label=\"Read departments\"\n              name=\"readDepartments\"  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)\"\n            />\n            <Checkbox\n              label=\"Edit departments\"\n              name=\"editDepartments\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)\"\n            />\n            <Checkbox\n              label=\"Delete departments\"\n              name=\"deleteDepartments\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)\"\n            />\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport EditArray from \"@pf/src/modules/organizations/components/blocks/EditArray.vue\";\nimport DepartmentSub from \"@pf/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nimport * as globals from \"@pf/src/modules/globals/views/store/globals\";\nimport * as departments from \"@pf/src/modules/organizations/store/departments\";\nimport * as memberships from \"@pf/src/modules/organizations/store/memberships\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmVA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,mBAAe,YAAY;AACXC,UAAG,IAACC,YAAiB,MAAC,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,YAAAA,QAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA;AAIA,UAAM,uBAAuBF,IAAAA,IAAI,KAAK;AACtC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8BA,QAAG,IAAC,KAAK;AACZA,QAAG,IAAC,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAME,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAI,CAAA;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,wBAAgB,OAAOD,YAAiB,MAAC,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DepartmentEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex bg-light pd-medium radius-big\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <h4>Events</h4>\n            <Checkbox\n              label=\"Read events\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.read = !departments.state.department.accesses.events.read)\"\n            />\n            <Checkbox\n              label=\"Create events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.create = !departments.state.department.accesses.events.create)\"\n            />\n            <Checkbox\n              label=\"Edit events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.edit = !departments.state.department.accesses.events.edit)\"\n            />\n            <Checkbox\n              label=\"Delete events\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.delete = !departments.state.department.accesses.events.delete)\"\n            />\n            <h4>Gallery</h4>\n            <Checkbox\n              label=\"Read gallery\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)\"\n            />\n            <Checkbox\n              label=\"Create photos\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.create = !departments.state.department.accesses.gallery.create)\"\n            />\n            <Checkbox\n              label=\"Edit gallery\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)\"\n            />\n            <Checkbox\n              label=\"Delete gallery\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)\"\n            />\n            <h4>Products</h4>\n            <Checkbox\n              label=\"Read products\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)\"\n            />\n            <Checkbox\n              label=\"Edit products\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)\"\n            />\n            <Checkbox\n              label=\"Delete products\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)\"\n            />\n\n            <h4>Orders</h4>\n            <Checkbox\n              label=\"Read orders\"\n              name=\"readOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)\"\n            />\n            <Checkbox\n              label=\"Confirm orders\"\n              name=\"confirmOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.confirm\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)\"\n            />\n            <Checkbox\n              label=\"Delete orders\"\n              name=\"deleteOrders\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)\"\n            />\n\n            <h4>Departments</h4>\n            <Checkbox\n              label=\"Read departments\"\n              name=\"readDepartments\"  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)\"\n            />\n            <Checkbox\n              label=\"Edit departments\"\n              name=\"editDepartments\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)\"\n            />\n            <Checkbox\n              label=\"Delete departments\"\n              name=\"deleteDepartments\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)\"\n            />\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport EditArray from \"@pf/src/modules/organizations/components/blocks/EditArray.vue\";\nimport DepartmentSub from \"@pf/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nimport * as globals from \"@pf/src/modules/globals/views/store/globals\";\nimport * as departments from \"@pf/src/modules/organizations/store/departments\";\nimport * as memberships from \"@pf/src/modules/organizations/store/memberships\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["useRouter","useRoute","ref","memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmVA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAEtB,mBAAe,YAAY;AACXC,UAAG,IAACC,YAAiB,MAAC,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,YAAAA,QAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA;AAIA,UAAM,uBAAuBF,IAAAA,IAAI,KAAK;AACtC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8BA,QAAG,IAAC,KAAK;AACZA,QAAG,IAAC,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAME,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAI,CAAA;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,YAAmB,QAAC;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,YAAAA,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,wBAAgB,OAAOD,YAAiB,MAAC,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js

@@ -4,16 +4,16 @@ import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                 */
-import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                        */
+/* empty css                                  */
+import Field from "../../../../components/Field/Field.vue.js";
+/* empty css                                       */
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css                                         */
 /* empty css                                       */
 /* empty css                                                       */
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
@@ -38,18 +38,9 @@ const _hoisted_6 = { class: "cols-2-fit-content" };
 const _hoisted_7 = { class: "w-100 flex-child-grow-1 flex-child" };
 const _hoisted_8 = { class: "cols-2 gap-thin" };
 const _hoisted_9 = { class: "bg-light pd-medium o-hidden radius-big" };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1);
+const _hoisted_10 = { class: "cols-1 gap-thin" };
+const _hoisted_11 = { class: "bg-light pd-medium o-hidden radius-big" };
 const _hoisted_12 = { class: "cols-1 gap-thin" };
-const _hoisted_13 = { class: "bg-light pd-medium o-hidden radius-big" };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-semi" }, "Acessess", -1);
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1);
-const _hoisted_16 = { class: "cols-1 gap-thin" };
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("h4", null, "Events", -1);
-const _hoisted_18 = /* @__PURE__ */ createElementVNode("h4", null, "Gallery", -1);
-const _hoisted_19 = /* @__PURE__ */ createElementVNode("h4", null, "Products", -1);
-const _hoisted_20 = /* @__PURE__ */ createElementVNode("h4", null, "Orders", -1);
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("h4", null, "Departments", -1);
 const _sfc_main = {
   __name: "DepartmentEdit",
   setup(__props) {
@@ -112,9 +103,9 @@ const _sfc_main = {
               callback: _ctx.redirectToDash,
               class: "bg-red"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[21] || (_cache[21] = [
                 createTextVNode("Delete")
-              ]),
+              ])),
               _: 1
             }, 8, ["callback"])) : createCommentVNode("", true),
             createVNode(_sfc_main$1, {
@@ -122,9 +113,9 @@ const _sfc_main = {
               callback: redirectTo,
               class: "bg-main"
             }, {
-              default: withCtx(() => [
+              default: withCtx(() => _cache[22] || (_cache[22] = [
                 createTextVNode("Save")
-              ]),
+              ])),
               _: 1
             })
           ])
@@ -246,9 +237,9 @@ const _sfc_main = {
         }, 8, ["isPopupOpen"]),
         createElementVNode("div", _hoisted_8, [
           createElementVNode("div", _hoisted_9, [
-            _hoisted_10,
-            _hoisted_11,
-            createElementVNode("div", _hoisted_12, [
+            _cache[23] || (_cache[23] = createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
+            _cache[24] || (_cache[24] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+            createElementVNode("div", _hoisted_10, [
               createVNode(_sfc_main$8, {
                 label: "Hidden department",
                 name: "hidden",
@@ -258,11 +249,11 @@ const _sfc_main = {
               }, null, 8, ["radio"])
             ])
           ]),
-          createElementVNode("div", _hoisted_13, [
-            _hoisted_14,
-            _hoisted_15,
-            createElementVNode("div", _hoisted_16, [
-              _hoisted_17,
+          createElementVNode("div", _hoisted_11, [
+            _cache[30] || (_cache[30] = createElementVNode("h3", { class: "mn-b-semi" }, "Acessess", -1)),
+            _cache[31] || (_cache[31] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1)),
+            createElementVNode("div", _hoisted_12, [
+              _cache[25] || (_cache[25] = createElementVNode("h4", null, "Events", -1)),
               createVNode(_sfc_main$8, {
                 label: "Read events",
                 name: "readProducts",
@@ -291,7 +282,7 @@ const _sfc_main = {
                 radio: state.department.accesses.events.delete,
                 "onUpdate:radio": _cache[7] || (_cache[7] = (updated) => state.department.accesses.events.delete = !state.department.accesses.events.delete)
               }, null, 8, ["radio"]),
-              _hoisted_18,
+              _cache[26] || (_cache[26] = createElementVNode("h4", null, "Gallery", -1)),
               createVNode(_sfc_main$8, {
                 label: "Read gallery",
                 name: "readProducts",
@@ -320,7 +311,7 @@ const _sfc_main = {
                 radio: state.department.accesses.gallery.delete,
                 "onUpdate:radio": _cache[11] || (_cache[11] = (updated) => state.department.accesses.gallery.delete = !state.department.accesses.gallery.delete)
               }, null, 8, ["radio"]),
-              _hoisted_19,
+              _cache[27] || (_cache[27] = createElementVNode("h4", null, "Products", -1)),
               createVNode(_sfc_main$8, {
                 label: "Read products",
                 name: "readProducts",
@@ -342,7 +333,7 @@ const _sfc_main = {
                 radio: state.department.accesses.products.delete,
                 "onUpdate:radio": _cache[14] || (_cache[14] = (updated) => state.department.accesses.products.delete = !state.department.accesses.products.delete)
               }, null, 8, ["radio"]),
-              _hoisted_20,
+              _cache[28] || (_cache[28] = createElementVNode("h4", null, "Orders", -1)),
               createVNode(_sfc_main$8, {
                 label: "Read orders",
                 name: "readOrders",
@@ -364,7 +355,7 @@ const _sfc_main = {
                 radio: state.department.accesses.orders.delete,
                 "onUpdate:radio": _cache[17] || (_cache[17] = (updated) => state.department.accesses.orders.delete = !state.department.accesses.orders.delete)
               }, null, 8, ["radio"]),
-              _hoisted_21,
+              _cache[29] || (_cache[29] = createElementVNode("h4", null, "Departments", -1)),
               createVNode(_sfc_main$8, {
                 label: "Read departments",
                 name: "readDepartments",

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepartmentEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex bg-light pd-medium radius-big\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <h4>Events</h4>\n            <Checkbox\n              label=\"Read events\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.read = !departments.state.department.accesses.events.read)\"\n            />\n            <Checkbox\n              label=\"Create events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.create = !departments.state.department.accesses.events.create)\"\n            />\n            <Checkbox\n              label=\"Edit events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.edit = !departments.state.department.accesses.events.edit)\"\n            />\n            <Checkbox\n              label=\"Delete events\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.delete = !departments.state.department.accesses.events.delete)\"\n            />\n            <h4>Gallery</h4>\n            <Checkbox\n              label=\"Read gallery\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)\"\n            />\n            <Checkbox\n              label=\"Create photos\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.create = !departments.state.department.accesses.gallery.create)\"\n            />\n            <Checkbox\n              label=\"Edit gallery\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)\"\n            />\n            <Checkbox\n              label=\"Delete gallery\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)\"\n            />\n            <h4>Products</h4>\n            <Checkbox\n              label=\"Read products\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)\"\n            />\n            <Checkbox\n              label=\"Edit products\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)\"\n            />\n            <Checkbox\n              label=\"Delete products\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)\"\n            />\n\n            <h4>Orders</h4>\n            <Checkbox\n              label=\"Read orders\"\n              name=\"readOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)\"\n            />\n            <Checkbox\n              label=\"Confirm orders\"\n              name=\"confirmOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.confirm\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)\"\n            />\n            <Checkbox\n              label=\"Delete orders\"\n              name=\"deleteOrders\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)\"\n            />\n\n            <h4>Departments</h4>\n            <Checkbox\n              label=\"Read departments\"\n              name=\"readDepartments\"  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)\"\n            />\n            <Checkbox\n              label=\"Edit departments\"\n              name=\"editDepartments\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)\"\n            />\n            <Checkbox\n              label=\"Delete departments\"\n              name=\"deleteDepartments\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)\"\n            />\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport EditArray from \"@pf/src/modules/organizations/components/blocks/EditArray.vue\";\nimport DepartmentSub from \"@pf/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nimport * as globals from \"@pf/src/modules/globals/views/store/globals\";\nimport * as departments from \"@pf/src/modules/organizations/store/departments\";\nimport * as memberships from \"@pf/src/modules/organizations/store/memberships\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmVA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,mBAAe,YAAY;AACX,UAAIA,QAAkB,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,UAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA;AAIA,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,iBAAiB,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8B,QAAI,KAAK;AACZ,QAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAMA,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAI,CAAA;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,kBAAgB,OAAOD,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DepartmentEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/DepartmentEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition pd-thin w-100\">\n\n    <header class=\"mn-b-thin flex-nowrap flex bg-light pd-medium radius-big\">\n      <h1 v-if=\"route.params.department\" class=\"mn-r-auto\">Edit Department</h1>\n      <h1 v-else class=\"mn-r-auto\">Create Department</h1>\n\n      <section class=\"flex-nowrap flex gap-thin pd-thin\">\n        <Button v-if=\"route.params.department\"   :submit=\"onDelete\" :callback=\"redirectToDash\" class=\"bg-red\">Delete</Button>\n        <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main\">Save</Button>\n      </section>\n\n    </header>\n    \n    <Block\n      title=\"Profile\"\n      v-if=\"departments.state.department.profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-2-fit-content\"\n      >\n        <UploadImage \n           v-model:photo=\"departments.state.department.profile.photo\"\n          :uploadPath=\"'organizations/' + departments.state.department.name + '/avatars'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child \">\n          <Field \n            v-model:field=\"departments.state.department.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />\n          <Field \n            v-model:field=\"departments.state.department.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n            :validation=\"organizationName\" \n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in departments.state.department.members\" \n        :key=\"index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-big pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => memberships.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-big h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          @click=\"() => { \n            globals.actions.add(departments.state.department.members, { _id: user.user._id, user: user.user, position: 'Member'})\n            closeMemberPopup();\n          }\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </Popup>\n      \n\n    <div class=\"cols-2 gap-thin\">\n    \n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Department Settings</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please settings for your department:</p>\n          <div class=\"cols-1 gap-thin\">\n            <Checkbox \n              label=\"Hidden department\"\n              name=\"hidden\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              @update:radio=\"updated => departments.state.department.hidden = !departments.state.department.hidden\"\n              :radio=\"departments.state.department.hidden\"\n            />\n          </div>\n        </div>\n\n        <div class=\"bg-light pd-medium o-hidden radius-big\">\n          <h3 class=\"mn-b-semi\">Acessess</h3>\n          \n          <p class=\"p-medium mn-b-small\">Please select organization accesses for user in department:</p>\n          \n          <div class=\"cols-1 gap-thin\">\n            <h4>Events</h4>\n            <Checkbox\n              label=\"Read events\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.read = !departments.state.department.accesses.events.read)\"\n            />\n            <Checkbox\n              label=\"Create events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.create = !departments.state.department.accesses.events.create)\"\n            />\n            <Checkbox\n              label=\"Edit events\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.edit = !departments.state.department.accesses.events.edit)\"\n            />\n            <Checkbox\n              label=\"Delete events\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.events.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.events.delete = !departments.state.department.accesses.events.delete)\"\n            />\n            <h4>Gallery</h4>\n            <Checkbox\n              label=\"Read gallery\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.read = !departments.state.department.accesses.gallery.read)\"\n            />\n            <Checkbox\n              label=\"Create photos\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.create\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.create = !departments.state.department.accesses.gallery.create)\"\n            />\n            <Checkbox\n              label=\"Edit gallery\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.edit = !departments.state.department.accesses.gallery.edit)\"\n            />\n            <Checkbox\n              label=\"Delete gallery\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.gallery.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.gallery.delete = !departments.state.department.accesses.gallery.delete)\"\n            />\n            <h4>Products</h4>\n            <Checkbox\n              label=\"Read products\"\n              name=\"readProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.read = !departments.state.department.accesses.products.read)\"\n            />\n            <Checkbox\n              label=\"Edit products\"\n              name=\"editProducts\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.edit = !departments.state.department.accesses.products.edit)\"\n            />\n            <Checkbox\n              label=\"Delete products\"\n              name=\"deleteProducts\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.products.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.products.delete = !departments.state.department.accesses.products.delete)\"\n            />\n\n            <h4>Orders</h4>\n            <Checkbox\n              label=\"Read orders\"\n              name=\"readOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.read = !departments.state.department.accesses.orders.read)\"\n            />\n            <Checkbox\n              label=\"Confirm orders\"\n              name=\"confirmOrders\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.confirm\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.confirm = !departments.state.department.accesses.orders.confirm)\"\n            />\n            <Checkbox\n              label=\"Delete orders\"\n              name=\"deleteOrders\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.orders.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.orders.delete = !departments.state.department.accesses.orders.delete)\"\n            />\n\n            <h4>Departments</h4>\n            <Checkbox\n              label=\"Read departments\"\n              name=\"readDepartments\"  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.read\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.read = !departments.state.department.accesses.departments.read)\"\n            />\n            <Checkbox\n              label=\"Edit departments\"\n              name=\"editDepartments\"\n              class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.edit\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.edit = !departments.state.department.accesses.departments.edit)\"\n            />\n            <Checkbox\n              label=\"Delete departments\"\n              name=\"deleteDepartments\"\n              class=\"w-100 bg-white radius-small pd-small\"\n              :radio=\"departments.state.department.accesses.departments.delete\"\n              @update:radio=\"updated => (departments.state.department.accesses.departments.delete = !departments.state.department.accesses.departments.delete)\"\n            />\n          </div>\n        </div>\n\n\n      </div>\n\n  \n    \n\n\n<!--     <div id=\"dash\" class=\"pd-medium bg-white\">\n\n      <Popup title=\"Добавить подотдел\" @close-popup=\"closeDepartmentPopup\" :isPopupOpen=\"isOpenDepartmentPopup\">\n        <DepartmentSubDepartmentModify \n          :departments=\"departments.state.department.subdepartments\" \n          :department=\"selectedDepartment\" \n          :maindepartment=\"departments.state.department\"\n          :alldepartments=\"departments.state.departments\"\n          @callback=\"closeDepartmentPopup\"\n        />\n      </Popup>\n    \n      <div class=\"mn-b-regular  flex-v-center flex-nowrap flex\">\n        <h3 class=\"mn-r-small\">Подотделы </h3>\n        <div>\n          <a  class=\"t-main h5\" @click=\"openDepartmentPopup()\">+</a>\n        </div>\n      </div>\n\n        <ul class=\"mn-b-small\">\n          <li v-if=\"departments.state.department.subdepartments.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub  \n            v-for=\"(subdepartment, index) in departments.state.department.subdepartments\" \n            :key=\"index\" class=\"bg-light o-hidden radius-small mn-b-thin\" \n            :department=\"subdepartment\" \n              @click=\"openDepartmentPopup(index)\"\n            />\n        </ul> \n\n      \n    </div> -->\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport Cookies from \"js-cookie\";\nimport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\nimport EditArray from \"@pf/src/modules/organizations/components/blocks/EditArray.vue\";\nimport DepartmentSub from \"@pf/src/modules/organizations/components/blocks/DepartmentSub.vue\";\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nimport * as globals from \"@pf/src/modules/globals/views/store/globals\";\nimport * as departments from \"@pf/src/modules/organizations/store/departments\";\nimport * as memberships from \"@pf/src/modules/organizations/store/memberships\";\n\nconst router = useRouter();\nconst route = useRoute();\n\nasync function fetchData() {\n  const users = ref(memberships.state.memberships);\n  // await departments.actions.read({organization: route.params._id});\n  if (route.params.department) await departments.actions.readOne(route.params.department);\n}\n\nfetchData();\n\n// const members = ref(departments.state.department.members);\n\nconst isOpenAddMemberPopup = ref(false);\nconst selectedMember = ref(null);\n\nfunction openMemberPopup(member) {\n  isOpenAddMemberPopup.value = true;\n  if (typeof member === \"number\") selectedMember.value = member;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n  selectedMember.value = null;\n}\n\nconst isOpenDepartmentPopup = ref(false);\nconst selectedDepartment = ref(null);\n\nfunction openDepartmentPopup(department) {\n  isOpenDepartmentPopup.value = true;\n  if (typeof department === \"number\") selectedDepartment.value = department;\n}\n\nfunction closeDepartmentPopup() {\n  isOpenDepartmentPopup.value = false;\n  selectedDepartment.value = null;\n}\n\nasync function onSubmit() {\n  if (route.params.department) {\n    await departments.actions.update(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  if (!route.params.department) {\n    await departments.actions.create(\n      route.params._id,\n      departments.state.department\n    );\n  }\n}\n\nfunction redirectTo() {\n  router.push({ name: \"Organization Members\", params: { _id: route.params._id } });\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    await departments.actions.delete(\n      route.params._id,\n      departments.state.department\n    );\n  }\n  \n}\n\nfunction removeMember(member) {\n   if (confirm(\"Are you sure you want to remove this member?\")) {\n    globals.actions.delete(departments.state.department.members, { _id: member.user._id}) \n  }\n}\n\nfunction redirectDash() {\n  router.replace({ name: \"Organization\" });\n}\n</script>\n\n<style scoped>\n</style>"],"names":["memberships.state","departments.actions","departments.state","globals.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmVA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,mBAAe,YAAY;AACX,UAAIA,QAAkB,WAAW;AAE/C,UAAI,MAAM,OAAO,WAAY,OAAMC,UAAoB,QAAQ,MAAM,OAAO,UAAU;AAAA,IACxF;AAEA;AAIA,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,iBAAiB,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,2BAAqB,QAAQ;AAAA,IAE/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAC7B,qBAAe,QAAQ;AAAA,IACzB;AAE8B,QAAI,KAAK;AACZ,QAAI,IAAI;AAYnC,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,YAAY;AAC3B,cAAMA,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,YAAY;AAC5B,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK,EAAE,MAAM,wBAAwB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAI,CAAA;AAAA,IACjF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,cAAMD,UAAoB;AAAA,UACxB,MAAM,OAAO;AAAA,UACbC,MAAkB;AAAA,QACxB;AAAA,MACG;AAAA,IAEH;AAEA,aAAS,aAAa,QAAQ;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC5DC,kBAAgB,OAAOD,MAAkB,WAAW,SAAS,EAAE,KAAK,OAAO,KAAK,IAAG,CAAC;AAAA,MACrF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs

@@ -3,12 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 ;/* empty css                                           */
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const CardUser = require("../../../users/components/blocks/CardUser.vue.cjs");
 const CardDepartment = require("../blocks/CardDepartment.vue.cjs");
@@ -158,9 +158,9 @@ const _sfc_main = {
           },
           class: "d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
             vue.createTextVNode(" Add department ")
-          ]),
+          ])),
           _: 1
         }, 8, ["to"])) : vue.createCommentVNode("", true),
         tab.value === "members" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.js

@@ -1,12 +1,12 @@
 import { ref, onMounted, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, unref, Fragment, renderList, createCommentVNode, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 /* empty css                                         */
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$5 from "../../../users/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";
@@ -156,9 +156,9 @@ const _sfc_main = {
           },
           class: "d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[2] || (_cache[2] = [
             createTextVNode(" Add department ")
-          ]),
+          ])),
           _: 1
         }, 8, ["to"])) : createCommentVNode("", true),
         tab.value === "members" ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.cjs

@@ -4,11 +4,11 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                             */
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
@@ -127,9 +127,9 @@ const _sfc_main = {
                   }
                 }
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                   vue.createTextVNode(" Add Product ")
-                ]),
+                ])),
                 _: 1
               }, 8, ["to"]),
               vue.createVNode(_component_router_link, {
@@ -141,9 +141,9 @@ const _sfc_main = {
                   }
                 }
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                   vue.createTextVNode(" Change Invetory ")
-                ]),
+                ])),
                 _: 1
               }, 8, ["to"]),
               vue.createVNode(_component_router_link, {
@@ -155,9 +155,9 @@ const _sfc_main = {
                   }
                 }
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                   vue.createTextVNode(" Go to Backoffice ")
-                ]),
+                ])),
                 _: 1
               }, 8, ["to"])
             ]),