@ozdao/martyrs 0.2.604 → 0.2.605

package/src/modules/rents/views/components/pages/RentsEdit.vue

@@ -92,7 +92,7 @@
             </div>
             <div>
               <p class="fw-medium">{{ variant.name || 'Default variant' }}</p>
-              <p v-if="variant.attributes && variant.attributes.length" class="t-small t-transp">
+              <p v-if="variant.attributes && variant.attributes.length" class="t-small opacity-50">
                 {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}
               </p>
             </div>
@@ -102,6 +102,35 @@
       </Feed>
     </Popup>
 
+    <Block v-if="route.meta.context === 'backoffice' && !route.params._id" title="Organization" class="mn-b-semi">
+      <Card
+        v-if="selectedOrganization"
+        :photo="selectedOrganization.profile?.photo"
+        :title="selectedOrganization.profile?.name"
+        @click="() => selectedOrganization = null"
+        class="h-4r w-100 bg-light pd-thin radius-medium"
+      />
+      <section v-else class="h-15r o-x-hidden o-y-scroll bg-light radius-big pd-small">
+        <Feed
+          :showLoadMore="false"
+          :search="{ placeholder: 'Search organization...', class: 'bg-white mn-b-thin' }"
+          :states="{ empty: { title: 'No organizations', description: '' } }"
+          :store="{ read: (options) => organizations.actions.read(options), state: null }"
+          :options="{ user: auth.state.user._id, lookup: ['memberships'] }"
+          v-slot="{ items }"
+        >
+          <Card
+            v-for="org in items"
+            :key="org._id"
+            :photo="org.profile?.photo"
+            :title="org.profile?.name"
+            @click="() => selectedOrganization = org"
+            class="h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+          />
+        </Feed>
+      </section>
+    </Block>
+
     <Block title="Rent Period" class="mn-b-semi">
       <div class="flex gap-small">
         <Field v-model:field="rents.state.current.startDate" label="Start Date" type="date" class="w-100 bg-white radius-small pd-medium" />
@@ -176,6 +205,7 @@ import Button from '@martyrs/src/components/Button/Button.vue';
 import Field from '@martyrs/src/components/Field/Field.vue';
 import Feed from '@martyrs/src/components/Feed/Feed.vue';
 import Popup from '@martyrs/src/components/Popup/Popup.vue';
+import Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';
 import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';
 import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';
 
@@ -186,12 +216,22 @@ import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.j
 import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
 import * as rents from '@martyrs/src/modules/rents/views/store/rents.store';
 import * as products from '@martyrs/src/modules/products/store/products.js';
+import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';
 import variants from '@martyrs/src/modules/products/store/variants.store.js';
 
 const route = useRoute();
 const router = useRouter();
 const { formatPrice } = useGlobalMixins();
 
+const routePrefix = computed(() => {
+  const ctx = route.meta.context
+  if (ctx === 'backoffice') return 'Backoffice'
+  if (ctx === 'organization') return 'Organization_'
+  return ''
+})
+
+const selectedOrganization = ref(null);
+
 const Products = ref(products.state.all);
 const isOpenProductsPopup = ref(false);
 const isVariantsPopupOpen = ref(false);
@@ -312,11 +352,11 @@ async function onSubmit() {
         comment: rents.state.current.comment || '',
         status: rents.state.current.status || 'active',
         creator: { type: 'user', target: auth.state.user._id },
-        owner: { type: 'organization', target: route.params._id }
+        owner: { type: 'organization', target: route.params._id || selectedOrganization.value?._id }
       };
       await rents.actions.create(rentData);
     }
-    router.push({ name: 'Rents', params: { _id: route.params._id } });
+    router.push({ name: routePrefix.value + 'Rents' });
   } catch (error) {
     console.error('Ошибка при отправке данных:', error);
   }
@@ -337,7 +377,7 @@ async function onReset() {
 async function onDelete() {
   try {
     await rents.actions.delete(route.params._id);
-    router.push({ name: 'Rents', params: { _id: route.params._id } });
+    router.push({ name: routePrefix.value + 'Rents' });
   } catch (error) {
     console.error('Ошибка при удалении:', error);
   }

package/src/modules/rents/views/router/rents.router.js

@@ -57,7 +57,7 @@ export function getRoutes(options = {}) {
   const routeBackoffice = options.routeBackoffice || 'Backoffice Root';
   const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';
 
-  if (!options.withPublicRoutes) {
+  if (!options.contexts || options.contexts.includes('client')) {
     routes.push({
       parentName: routeHome,
       config: {
@@ -73,7 +73,7 @@ export function getRoutes(options = {}) {
     });
   }
 
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes('backoffice')) {
     routes.push({
       parentName: routeBackoffice,
       config: {
@@ -91,7 +91,7 @@ export function getRoutes(options = {}) {
     });
   }
 
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes('organization')) {
     routes.push({
       parentName: routeOrganizations,
       config: {

package/src/modules/rents/views/store/rents.store.js

@@ -87,7 +87,7 @@ const actions = {
       throw error;
     }
     try {
-      const response = await $axios.post('/api/rents/update', rentData);
+      const response = await $axios.put('/api/rents/update', rentData);
       mutations.set('current', response.data);
       return response.data;
     } catch (error) {

package/src/modules/reports/components/pages/BackofficeReports.vue

@@ -14,19 +14,19 @@
         <!-- For example, I'm using 'user', 'type', and 'reason'. You should replace them with actual report properties -->
 
         <p class="t-black p-small mn-b-small">
-          <span class="uppercase t-transp">User</span>
+          <span class="uppercase opacity-50">User</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.user}}</span> <!-- Updated this line -->
         </p>
 
         <p class="t-black p-small mn-b-small">
-          <span class="uppercase t-transp">Type</span>
+          <span class="uppercase opacity-50">Type</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.type}}</span> <!-- Updated this line -->
         </p>
 
         <p class="t-black p-small mn-b-small">
-          <span class="uppercase t-transp">Reason</span>
+          <span class="uppercase opacity-50">Reason</span>
           <br> 
           <span class="pd-2px radius-big d-inline-block bg-light fw-semi">{{report.reason}}</span> <!-- Updated this line -->
         </p>

package/src/modules/reports/router/reports.router.js

@@ -6,7 +6,7 @@ export function getRoutes(options = {}) {
   const routes = [];
   
   // Reports в Backoffice - управление жалобами
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes('backoffice')) {
     routes.push({
       parentName: routeBackoffice,
       config: {

package/src/modules/spots/components/blocks/CardSpot.vue

@@ -66,15 +66,15 @@
           </p>
         </div>
 
-        <p class="uppercase fw-medium mn-t-small mn-t-thin" v-if="showDeliveryOptions  && spot.delivery.length > 0">Delivery</p>
-        <Chips 
-          v-if="showDeliveryOptions && spot.delivery.length > 0" 
+        <p class="uppercase fw-medium mn-t-small mn-t-thin" v-if="showDeliveryOptions  && spot.delivery?.length > 0">Delivery</p>
+        <Chips
+          v-if="showDeliveryOptions && spot.delivery?.length > 0"
           :chips="spot.delivery"
         />
 
-        <p class="uppercase fw-medium  mn-t-small mn-t-thin"  v-if="showPaymentOptions && spot.payment.length > 0">Accepted Payment</p>
-        <Chips 
-          v-if="showPaymentOptions && spot.payment.length > 0" 
+        <p class="uppercase fw-medium  mn-t-small mn-t-thin"  v-if="showPaymentOptions && spot.payment?.length > 0">Accepted Payment</p>
+        <Chips
+          v-if="showPaymentOptions && spot.payment?.length > 0"
           :chips="spot.payment"
           class="mn-t-thin"
         />

package/src/modules/spots/components/pages/Spot.vue

@@ -3,7 +3,7 @@
     <Map :location="{lat: spot.location?.coordinates?.[1] || 0, lng: spot.location?.coordinates?.[0] || 0}" class=""/>
 
     <div class="pd-medium w-100">
-     <svg  @click="router.push({ name: getRouteName('Edit Spot'), params: { _id: route.params._id, spot: spot._id } })" class="i-medium pos-absolute pos-r-0 pos-t-0 t-transp" width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg">
+     <svg  @click="router.push({ name: getRouteName('Edit Spot'), params: { _id: route.params._id, spot: spot._id } })" class="i-medium pos-absolute pos-r-0 pos-t-0 opacity-50" width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z" fill="rgb(var(--black))"/>
       </svg>
 
@@ -92,7 +92,7 @@ import Spoiler  from '@martyrs/src/components/Spoiler/Spoiler.vue';
 import Map      from '@martyrs/src/components/Map/Map.vue';
 
 import SpotSub from '@martyrs/src/modules/spots/components/blocks/SpotSub.vue';
-import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
+import User from '@martyrs/src/modules/core/views/components/blocks/CardUser.vue';
 
 import * as spots from '@martyrs/src/modules/spots/store/spots.js';
 

package/src/modules/spots/components/pages/SpotEdit.vue

@@ -152,7 +152,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, computed, onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
 import Block from '@martyrs/src/components/Block/Block.vue';
@@ -176,7 +176,9 @@ const route = useRoute();
 const tabOrganization = ref("details");
 const showAddNew = ref(false);
 
+const isBackoffice = computed(() => route.meta?.context === 'Backoffice')
 const getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`
+const organizationId = computed(() => route.params._id || spots.state.spot.organization)
 
 onMounted(async () => {
   await fetchData();
@@ -205,31 +207,31 @@ async function onSubmit() {
 
   if (route.params.spot) {
     await spots.actions.update(
-      route.params._id,
+      organizationId.value,
       spots.state.spot
     );
   }
   if (!route.params.spot) {
     await spots.actions.create(
-      route.params._id,
+      organizationId.value,
       spots.state.spot
     );
   }
 }
 
 function redirectTo() {
-  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });
+  router.push({ name: getRouteName('Spots'), params: isBackoffice.value ? {} : { _id: route.params._id } });
 }
 
 async function onDelete() {
   await spots.actions.delete(
-    route.params._id,
+    organizationId.value,
     spots.state.spot
   );
 }
 
 function redirectDash() {
-  router.push({ name: getRouteName('Spots'), params: { _id: route.params._id } });
+  router.push({ name: getRouteName('Spots'), params: isBackoffice.value ? {} : { _id: route.params._id } });
 }
 </script>
 

package/src/modules/spots/components/pages/Spots.vue

@@ -1,20 +1,13 @@
 <template>
   <div class="pos-relative">
-    <header 
+    <SectionPageTitle
       v-if="route.name !== 'Organization' && !MOBILE_APP"
-      class="pd-medium flex-v-center flex-nowrap flex"
-    >
-      <h2 class="mn-r-medium">Spots</h2>
-      <button
-        v-if="hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)"
-        @click="$router.push({
-          name: getRouteName('Create Spot'),
-          params: { _id: route.params._id }
-        })"
-        class="radius-extra i-big hover:scale-[1.05] cursor-pointer t-white bg-second">
-          +
-      </button>
-    </header>
+      title="Spots"
+      :actions="[
+        (isBackoffice ? isAdmin(auth.state.access.roles) : hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)) && { method: () => $router.push({ name: getRouteName('Create Spot'), params: isBackoffice ? {} : { _id: route.params._id } }), label: '+ Add Spot' }
+      ].filter(Boolean)"
+      class="pd-medium pd-b-zero"
+    />
 
     <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
         
@@ -62,16 +55,15 @@
             :key="index"
             :spot="spot"
             :organization="organization"
-            :editAccess="hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)"
+            :editAccess="isBackoffice ? isAdmin(auth.state.access.roles) : hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)"
             :showDeliveryOptions="true"
             :showPaymentOptions="true"
             class="radius-medium h-min-big bg-light"
             @click="$router.push({
-              name: getRouteName('Spot'),
-              params: {
-                _id: route.params._id,
-                spot: spot._id
-              }
+              name: getRouteName(isBackoffice ? 'Edit Spot' : 'Spot'),
+              params: isBackoffice
+                ? { spot: spot._id }
+                : { _id: route.params._id, spot: spot._id }
             })"
           />
         </Feed>
@@ -82,11 +74,12 @@
 
 <script setup="props">
   // Import libs
-  import { ref, watch, onMounted, onUnmounted } from 'vue'
+  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
 
   // Import components
   import Feed from '@martyrs/src/components/Feed/Feed.vue'
+  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'
 
   import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'
 
@@ -103,8 +96,9 @@ const store = useStore();
 
   const route = useRoute()
   const router = useRouter()
-  const { hasAccess } = useGlobalMixins()
+  const { hasAccess, isAdmin } = useGlobalMixins()
 
+  const isBackoffice = computed(() => route.meta?.context === 'Backoffice')
   const getRouteName = (baseName) => `${route.meta?.context || ''}${baseName}`
 
   // Props
@@ -129,11 +123,11 @@ const store = useStore();
       fill: "rgb(var(--main))"
     },
     condition: () => auth.state.user && auth.state.user._id,
-    action: () => router.push({ name: getRouteName('Create Spot'), params: { _id: route.params._id } })
+    action: () => router.push({ name: getRouteName('Create Spot'), params: isBackoffice.value ? {} : { _id: route.params._id } })
   }]
 
   onMounted(async () => {
-    if (route.params._id) {
+    if (!isBackoffice.value && route.params._id) {
       await organizations.actions.read({ _id: route.params._id });
     }
   })

package/src/modules/spots/components/sections/WorktimeEdit.vue

@@ -27,13 +27,13 @@
             <div class="day-name fw-semi">{{ getWeekdayName(day.dayOfWeek) }}</div>
             <div class="day-hours" v-if="day.isOpen && day.periods && day.periods.length > 0">
               <template v-for="(period, pIndex) in day.periods" :key="`period-${pIndex}`">
-                <span class="period t-small t-transp">
+                <span class="period t-small opacity-50">
                   {{ period.open }} - {{ period.close }}
                 </span>
-                <span v-if="pIndex < day.periods.length - 1" class="t-small t-transp">, </span>
+                <span v-if="pIndex < day.periods.length - 1" class="t-small opacity-50">, </span>
               </template>
             </div>
-            <div v-else class="day-hours t-small t-transp t-red">
+            <div v-else class="day-hours t-small opacity-50 t-red">
               {{ t('workingHours.closed') }}
             </div>
           </div>
@@ -85,17 +85,17 @@
           <div class="day-info flex-child-1">
             <div class="flex flex-nowrap flex-v-center">
               <div class="day-name fw-semi">{{ formatDate(day.date) }}</div>
-              <div v-if="day.description" class="t-small t-transp mn-l-small">({{ day.description }})</div>
+              <div v-if="day.description" class="t-small opacity-50 mn-l-small">({{ day.description }})</div>
             </div>
             <div class="day-hours" v-if="day.isOpen && day.periods && day.periods.length > 0">
               <template v-for="(period, pIndex) in day.periods" :key="`special-period-${pIndex}`">
-                <span class="period t-small t-transp">
+                <span class="period t-small opacity-50">
                   {{ period.open }} - {{ period.close }}
                 </span>
-                <span v-if="pIndex < day.periods.length - 1" class="t-small t-transp">, </span>
+                <span v-if="pIndex < day.periods.length - 1" class="t-small opacity-50">, </span>
               </template>
             </div>
-            <div v-else class="day-hours t-small t-transp t-red">
+            <div v-else class="day-hours t-small opacity-50 t-red">
               {{ t('workingHours.closed') }}
             </div>
           </div>

package/src/modules/spots/router/spots.router.js

@@ -12,7 +12,7 @@ export function getRoutes(options = {}) {
   const routes = [];
 
   // Home контекст - только карта
-  routes.push({
+  if (!options.contexts || options.contexts.includes('client')) routes.push({
     parentName: route,
     config: {
       basePath: options.basePath || 'spots',
@@ -60,7 +60,7 @@ export function getRoutes(options = {}) {
   });
 
   // Backoffice контекст
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes('backoffice')) {
     routes.push({
       parentName: routeBackoffice,
       config: {
@@ -148,7 +148,7 @@ export function getRoutes(options = {}) {
   }
 
   // Organizations контекст
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes('organization')) {
     routes.push({
       parentName: routeOrganizations,
       config: {

package/src/modules/wallet/views/components/blocks/CashDeposit.vue

@@ -1,7 +1,7 @@
 <template>
   <h2 class="mn-b-small t-center fw-bold">Deposit with cash</h2>
 
-  <p class="t-transp t-center">
+  <p class="opacity-50 t-center">
     You need to go to casse to topup balance
   </p>
 

package/src/modules/wallet/views/components/elements/ConnectMetamask.vue

@@ -8,7 +8,7 @@
     >
       <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
       <span class="h4 uppercase w-100">{{ t('connectMetaMask') }}</span>
-      <IconAdd class="t-transp" fill="rgb(var(--white))"/>
+      <IconAdd class="opacity-50" fill="rgb(var(--white))"/>
     </button>
     <template v-else>
       <!-- Switch to Polygon -->
@@ -19,7 +19,7 @@
       >
         <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
         <span class="h4 uppercase w-100">{{ t('switchToPolygon') }}</span>
-        <IconAdd class="t-transp" fill="rgb(var(--white))"/>
+        <IconAdd class="opacity-50" fill="rgb(var(--white))"/>
       </button>
       <!-- Add Token to metamask -->
       <button 
@@ -29,7 +29,7 @@
       >
         <img loading="lazy" :src="metamaskIcon" class="mn-r-small i-big">
         <span class="h4 uppercase w-100">{{ t('addToken') }}</span>
-        <IconAdd class="hover:fill-black fill-white t-transp"/>
+        <IconAdd class="hover:fill-black fill-white opacity-50"/>
       </button>
     </template>
     <p class="mn-t-small" v-if="error">{{ error }}</p>

package/src/modules/wallet/views/components/pages/Payments.vue

@@ -14,7 +14,7 @@
         { name: 'Refunded',  value: 'refunded' },
       ]"
       :actions="[
-        { to: { name: 'PaymentsCreate'}, label: 'Create Payment' }
+        { to: { name: 'PaymentsCreate'}, label: '+ Add Payment' }
       ]"
       class="mn-b-small bg-light bg-light radius-big"
     />

package/src/modules/wallet/views/components/pages/Wallet.vue

@@ -3,7 +3,7 @@
     <section class="bg-black t-white mn-b-thin radius-big pd-big">
       <h1 class="mn-b-medium">{{ t('wallet.title') }}</h1>
 
-      <p class="mn-b-semi t-transp p-medium">
+      <p class="mn-b-semi opacity-50 p-medium">
         {{ t('wallet.subtitle') }}
       </p>
 
@@ -33,7 +33,7 @@
         v-if="state.account"
         class="w-100 mn-b-semi flex-column flex pd-big radius-big bg-main t-black"
       >
-        <p class="t-transp fw-medium mn-b-thin">You own:</p>
+        <p class="opacity-50 fw-medium mn-b-thin">You own:</p>
         <p class="h1 mn-b-small">{{state.share}}%</p>
         <p class="t-white p-medium fw-medium mn-b-semi">of all shares</p>
 
@@ -42,8 +42,8 @@
           >
               <!-- <img loading="lazy" src="@/assets/icons/metamask.svg" class="mn-r-small i-big" > -->
             
-            <p v-if="state.account" class="t-transp fw-medium ">
-               <span class="uppercase p-small fw-medium t-transp">Connected Metamask</span><br>
+            <p v-if="state.account" class="opacity-50 fw-medium ">
+               <span class="uppercase p-small fw-medium opacity-50">Connected Metamask</span><br>
                <span>{{state.account}}</span>
             </p>
 

package/src/modules/wallet/views/router/wallet.router.js

@@ -7,7 +7,7 @@ export function getRoutes(options = {}) {
   const routes = [];
   
   // Payments в Organizations - управление платежами организации
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes('organization')) {
     routes.push({
       parentName: routeOrganizations,
       config: {

package/src/styles/layout.scss

@@ -43,7 +43,7 @@ body,
 .field-wrapper:has(input:-webkit-autofill),
 .field-wrapper:has(textarea:-webkit-autofill),
 .field-wrapper:has(select:-webkit-autofill) {
-  background: rgb(255, 250, 150);
+  background: rgb(255, 250, 150) !important;
 }
 
 /* Также перекрашиваем сам autofill input */

package/dist/martyrs/src/components/EditImages/EditImages.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditImages.vue2.js","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n    <VueDraggableNext v-if=\"localImages.length > 0\"  class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n        <IconCross  \n          @click=\"deleteImage(index)\" \n          class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red  pos-t-10-negative pos-r-10-negative pd-micro\"\n        />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n    <div\n      v-if=\"localImages.length > 0\" \n      class=\"i-extra uppercase flex-center flex radius-small o-hidden br-main br-2px pd-small\"\n      >\n       <UploadImageMultiple   \n        @update:images=\"onImagesUpdate\"\n        text=\"Add\"\n        :options=\"{\n          showText: false\n        }\"\n        :uploadPath=\"'photos'\"\n        class=\"radius-big\"\n      />\n    </div>\n\n\n\t\t<UploadImageMultiple \t\n      v-if=\"localImages.length < 1\" \n      @update:images=\"onImagesUpdate\"\n      :uploadPath=\"props.uploadPath\"\n      :text=\"props.text\"\n      :options=\"props.options\"\n      class=\"w-100 pd-medium\"\n    />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  images: Array,\n  text: Object,\n  options: Object,\n  uploadPath: {\n    type: Object,\n    default: 'unsorted'\n  }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n  localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n  emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n  localImages.value = [...localImages.value, ...newImages]\n  emitChanges()\n}\n\nconst deleteImage = (index) => {\n  localImages.value.splice(index, 1)\n  emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzC,gBAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue2.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <Transition name=\"tooltip\">\n      <div v-if=\"visible\" class=\"tooltip-content\" :style=\"{ left: posX, top: posY }\">\n        <span>{{ text }}</span>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\ndefineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\nconst posX = ref('0px');\nconst posY = ref('0px');\n\nfunction showTooltip(event) {\n  visible.value = true;\n  posX.value = `${(event.clientX / 100) + 10}px`;\n  posY.value = `${(event.clientY / 100) + 10}px`;\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  position: absolute;\n  width: max-content;\n  z-index: 1000;\n  background: #333;\n  color: #fff;\n  padding: 5px;\n  border-radius: 3px;\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.tooltip-enter-active,\n.tooltip-leave-active {\n  transition: opacity 0.2s ease;\n}\n\n.tooltip-enter-from,\n.tooltip-leave-to {\n  opacity: 0;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,OAAO,IAAI,KAAK;AAEtB,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAC1C,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAAA,IAC5C;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/icons/entities/IconCash.vue.js

@@ -1,70 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode } from "vue";
-const _hoisted_1 = {
-  width: "100pt",
-  height: "100pt",
-  version: "1.1",
-  viewBox: "0 0 100 100",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = ["fill"];
-const _hoisted_3 = ["fill"];
-const _hoisted_4 = ["fill"];
-const _hoisted_5 = ["fill"];
-const _hoisted_6 = ["fill"];
-const _hoisted_7 = ["fill"];
-const _hoisted_8 = ["fill"];
-const _hoisted_9 = ["fill"];
-const _hoisted_10 = ["fill"];
-const _sfc_main = {
-  __name: "IconCash",
-  props: {
-    fill: {
-      type: String,
-      default: "currentColor"
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1, [
-        createElementVNode("g", { fill: __props.fill }, [
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m91.926 23.203v42.777h-72.465v-42.777h72.465m3.125-3.125h-78.715v49.027h78.715z"
-          }, null, 8, _hoisted_3),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m86.812 26.766h-9.7812v3.125h9.7812z"
-          }, null, 8, _hoisted_4),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m34.223 26.766h-9.7812v3.125h9.7812z"
-          }, null, 8, _hoisted_5),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m86.812 59.422h-9.7812v3.125h9.7812z"
-          }, null, 8, _hoisted_6),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m34.223 59.422h-9.7812v3.125h9.7812z"
-          }, null, 8, _hoisted_7),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m55.66 37.812c3.7305 0 6.7656 3.0352 6.7656 6.7656s-3.0352 6.7656-6.7656 6.7656c-3.7305 0-6.7656-3.0352-6.7656-6.7656s3.0352-6.7656 6.7656-6.7656m0-3.125c-5.4609 0-9.8906 4.4297-9.8906 9.8906s4.4297 9.8906 9.8906 9.8906c5.4609 0 9.8906-4.4297 9.8906-9.8906s-4.4297-9.8906-9.8906-9.8906z"
-          }, null, 8, _hoisted_8),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m13.008 72.629v-46.105h-3.125v49.23h78.531v-3.125z"
-          }, null, 8, _hoisted_9),
-          createElementVNode("path", {
-            fill: __props.fill,
-            d: "m6.375 79.16v-46.105h-3.125v49.23h78.531v-3.125z"
-          }, null, 8, _hoisted_10)
-        ], 8, _hoisted_2)
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=IconCash.vue.js.map

package/dist/martyrs/src/modules/icons/entities/IconCash.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconCash.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}