@ozdao/martyrs 0.2.519 → 0.2.520

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

@@ -24,7 +24,7 @@
           :to="{
           name: 'Spot Edit',
           params: {
-            _id: props.organization._id || props.organization,
+            _id: props.organization?._id || props.organization,
             spot: spot._id
           }
         }"

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

@@ -15,135 +15,7 @@
       </button>
     </header>
 
-    <div class="cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative">
-
-      <div class="o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative">
-        <div class="w-100 o-y-scroll h-100">
-          <!-- Categories -->
-          <div class="mn-b-medium" v-if="currentCategories.length > 0">
-            <h4 class="mn-b-small">
-              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}
-            </h4>
-            <div class="gap-micro">
-              <div
-                v-for="category in currentCategories"
-                :key="category._id"
-                @click="selectCategory(category)"
-                class="pd-small radius-small cursor-pointer hover-bg-light transition-all"
-              >
-                {{ category.name }}
-              </div>
-            </div>
-          </div>
-
-          <!-- Location Filter -->
-          <Spoiler 
-            class="o-hidden mn-b-medium"
-            :status="true"
-          >
-            <template #header="{ isOpen }">
-              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
-                <h4 class="w-100">Location</h4>
-                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
-                </div>
-              </div>
-            </template>
-
-            <template #content>
-              <div class="mn-t-small">
-                <Field
-                  v-model="searchLocation"
-                  placeholder="Search location..."
-                  type="text"
-                  class="w-100 bg-light pd-small radius-small mn-b-small"
-                />
-                <Checkbox 
-                  v-for="location in locationOptions"
-                  :key="location"
-                  v-model:radio="selectedLocation"
-                  :label="location"
-                  :value="location"
-                  mode="radio"
-                  class="mn-b-micro"
-                />
-              </div>
-            </template>
-          </Spoiler>
-
-          <!-- Delivery Options -->
-          <Spoiler 
-            class="o-hidden mn-b-medium"
-            :status="true"
-          >
-            <template #header="{ isOpen }">
-              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
-                <h4 class="w-100">Delivery Options</h4>
-                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
-                </div>
-              </div>
-            </template>
-
-            <template #content>
-              <div class="mn-t-small">
-                <Checkbox 
-                  v-for="option in deliveryOptions"
-                  :key="option.value"
-                  v-model:checkbox="selectedDeliveryOptions"
-                  :label="option.label"
-                  :value="option.value"
-                  mode="checkbox"
-                  class="mn-b-micro"
-                />
-              </div>
-            </template>
-          </Spoiler>
-
-          <!-- Payment Options -->
-          <Spoiler 
-            class="o-hidden mn-b-medium"
-            :status="true"
-          >
-            <template #header="{ isOpen }">
-              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
-                <h4 class="w-100">Payment Options</h4>
-                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
-                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
-                </div>
-              </div>
-            </template>
-
-            <template #content>
-              <div class="mn-t-small">
-                <Checkbox 
-                  v-for="option in paymentOptions"
-                  :key="option.value"
-                  v-model:checkbox="selectedPaymentOptions"
-                  :label="option.label"
-                  :value="option.value"
-                  mode="checkbox"
-                  class="mn-b-micro"
-                />
-              </div>
-            </template>
-          </Spoiler>
-
-          <!-- Clear Filters Button -->
-          <button 
-            @click="clearFilters"
-            class="bg-main w-100 button mn-t-medium"
-          >
-            Clear Filters
-          </button>
-        </div>
-      </div>
-
-      <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
-        <Filters
-          v-model:filters="availableFilters"
-          v-model:selected="selectedFilters"
-        />
+    <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
         
         <div class="mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular">
           <div class="gap-thin flex-nowrap flex">
@@ -177,15 +49,12 @@
             limit: 12,
             organization: route.params._id || null,
             user: auth.state.user._id,
-            location: selectedLocation,
-            deliveryOptions: selectedDeliveryOptions,
-            paymentOptions: selectedPaymentOptions,
             search: route.query.search
           }"
           v-slot="{ 
             items 
           }"
-          class="cols-3 pos-relative w-100 rows-1 gap-thin"
+          class="cols-1 pos-relative w-100 rows-1 gap-thin"
         >
           <CardSpot
             v-for="(spot, index) in items"
@@ -206,14 +75,6 @@
           />
         </Feed>
 
-        <button
-          v-if="hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)"
-          @click="$router.push(`/spots/${route.params._id}/spots/create`)"
-          class="mn-t-medium bg-main button w-100"
-        >
-          Add New Spot
-        </button>
-      </div>
     </div>
   </div>
 </template>
@@ -225,15 +86,10 @@
 
   // Import components
   import Feed from '@martyrs/src/components/Feed/Feed.vue'
-  import Filters from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'
-  import Spoiler from "@martyrs/src/components/Spoiler/Spoiler.vue"
-  import Field from "@martyrs/src/components/Field/Field.vue"
-  import Checkbox from "@martyrs/src/components/Checkbox/Checkbox.vue"
 
   import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'
 
   import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'
-  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'
 
   // Accessing router and store
   import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
@@ -254,70 +110,14 @@
     }
   })
 
-  // Categories
+  // Categories for mobile view
   const currentCategories = ref([]);
-  const searchLocation = ref('');
-  const selectedLocation = ref('All');
-  const locationOptions = ref(['All', 'Phuket', 'Bangkok', 'Chiang Mai', 'Pattaya']);
-
-  // Delivery options
-  const deliveryOptions = ref([
-    { label: 'Pickup', value: 'pickup' },
-    { label: 'Delivery', value: 'delivery' },
-    { label: 'Dine-in', value: 'dinein' }
-  ]);
-  const selectedDeliveryOptions = ref([]);
-
-  // Payment options
-  const paymentOptions = ref([
-    { label: 'Cash', value: 'cash' },
-    { label: 'Card', value: 'card' },
-    { label: 'Crypto', value: 'crypto' },
-    { label: 'Bank Transfer', value: 'transfer' }
-  ]);
-  const selectedPaymentOptions = ref([]);
-
-  const availableFilters = ref([
-    {
-      title: 'Location',
-      value: 'location',
-      type: 'radio',
-      options: locationOptions.value.map(loc => ({ label: loc, value: loc }))
-    },
-    {
-      title: 'Type',
-      value: 'type',
-      type: 'checkbox',
-      options: [
-        { label: 'Restaurant', value: 'restaurant' },
-        { label: 'Cafe', value: 'cafe' },
-        { label: 'Bar', value: 'bar' },
-        { label: 'Club', value: 'club' }
-      ]
-    }
-  ])
-
-  const selectedFilters = ref({
-    location: 'All',
-    type: []
-  })
 
   const selectCategory = (category) => {
     // Implementation for category selection
     console.log('Category selected:', category);
   };
 
-  const clearFilters = () => {
-    selectedLocation.value = 'All';
-    selectedDeliveryOptions.value = [];
-    selectedPaymentOptions.value = [];
-    searchLocation.value = '';
-    selectedFilters.value = {
-      location: 'All',
-      type: []
-    };
-  };
-
   globals.state.navigation_bar.actions = [{
     component: IconPlus,
     props: {

package/src/styles/base/all.scss

@@ -15,21 +15,6 @@
 .unactive { opacity: 0.0; }
 .hide { display: block; position: absolute; opacity: 0; pointer-events: none; }
 
-.t-truncate {
-  overflow: hidden; /* Скрывает все, что выходит за пределы блока */
-  text-overflow: ellipsis; /* Добавляет многоточие, если текст обрезается */
-  display: -webkit-box; /* Устанавливает элемент как блочный контейнер */
-  -webkit-line-clamp: 1; /* Ограничивает количество строк до 3 */
-  -webkit-box-orient: vertical; /* Устанавливает вертикальное направление расположения строк */
-}
-
-.t-trimmed {
-  overflow: hidden; /* Скрывает все, что выходит за пределы блока */
-  text-overflow: ellipsis clip;
-  display: -webkit-box; /* Устанавливает элемент как блочный контейнер */
-  -webkit-line-clamp: 1; /* Ограничивает количество строк до 3 */
-  -webkit-box-orient: vertical; /* Устанавливает вертикальное направление расположения строк */
-}
 
 
 body { 

package/src/styles/typography.scss

@@ -29,8 +29,6 @@ h1,h2,h3,h4,h5,span,p {
   text-box-trim: none;
 }
 
-
-
 .text-box-trim {
   text-box: trim-both cap alphabetic;
 }
@@ -101,6 +99,23 @@ a:hover   { cursor: pointer;}
 .lh-regular { line-height: 1.125; }
 .lh-light  	{ line-height: 1.000; }
 
+.t-truncate {
+  overflow: hidden; 
+  text-overflow: ellipsis; /* Добавляет многоточие, если текст обрезается */
+  display: -webkit-box; /* Устанавливает элемент как блочный контейнер */
+  -webkit-line-clamp: 1; /* Ограничивает количество строк до 3 */
+  -webkit-box-orient: vertical; /* Устанавливает вертикальное направление расположения строк */
+}
+
+.t-trimmed {
+/*  overflow: hidden;*/
+  text-overflow: ellipsis clip;
+  display: -webkit-box; /* Устанавливает элемент как блочный контейнер */
+  -webkit-line-clamp: 1; /* Ограничивает количество строк до 3 */
+  -webkit-box-orient: vertical; /* Устанавливает вертикальное направление расположения строк */
+}
+
+
 .t-trim {
   white-space: nowrap;
   overflow: hidden;
@@ -110,21 +125,21 @@ a:hover   { cursor: pointer;}
 .t-trim-1 {
 	display: -webkit-box;
   -webkit-box-orient: vertical;  
-  overflow: hidden;
+/*  overflow: hidden;*/
   -webkit-line-clamp: 1;
 }
 
 .t-trim-2 {
 	display: -webkit-box;
   -webkit-box-orient: vertical;  
-  overflow: hidden;
+/*  overflow: hidden;*/
   -webkit-line-clamp: 2;
 }
 
 .t-trim-3 {
 	display: -webkit-box;
   -webkit-box-orient: vertical;  
-  overflow: hidden;
+/*  overflow: hidden;*/
   -webkit-line-clamp: 3;
 }
 

package/dist/martyrs/src/components/Address/Address.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Address.vue2.cjs","sources":["../../../../../src/components/Address/Address.vue"],"sourcesContent":["<template>\n  <div :class=\"$attrs.class\" class=\"flex-nowrap flex\"> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input\n      ref=\"addressInput\"\n      class=\"w-100\"\n      :placeholder=\"placeholder\"\n      :value=\"address\"\n      @input=\"onInput\"\n    />\n  <!-- ////////////////////////// -->\n  <!-- Validation -->\n  <!-- ////////////////////////// -->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n        * {{validation.message}}\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style>\n.pac-container {\n  position: absolute;\n  background-color: white;\n  z-index: 1000;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n</style>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  apiKey: {\n    type: String,\n    required: true,\n  },\n  label: null,\n  placeholder: 'Enter something here',\n  field: null,\n  location: {\n    type: Object,\n    default:  { lat: 48.6900735, lng: 41.16202390 }\n  },\n  address: {\n    type: String,\n    default: \"\"\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  }\n});\n\nconst emit = defineEmits(['update:address', 'update:location', 'update:country', 'update:state', 'update:city']);\n\nconst addressInput = ref(null);\n\nlet autocomplete;\n\nconst onPlaceChanged = () => {\n  const place = autocomplete.getPlace();\n\n  if (!place.geometry || !place.address_components) {\n    return;\n  }\n\n  let country = '', state = '', city = '';\n\n  for (let i = 0; i < place.address_components.length; i++) {\n\n    let addr = place.address_components[i];\n\n    if (addr.types.includes('country')) {\n      country = addr.long_name;\n    }\n    if (addr.types.includes('administrative_area_level_1')) {\n      state = addr.long_name;\n    }\n    if (addr.types.includes('locality')) {\n      city = addr.long_name;\n    }\n  }\n  \n  const newAddress = place.formatted_address;\n  const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };\n\n  emit('update:address', newAddress);\n  emit('update:location', newLocation);\n  \n  // Add new emits\n  emit('update:country', country);\n  emit('update:state', state);\n  emit('update:city', city);\n};\n\nonMounted(() => {  \n  const loader = new GMLoader({  \n    apiKey: props.apiKey,  \n    version: \"weekly\",  \n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {  \n    autocomplete = new google.maps.places.Autocomplete(addressInput.value);  \n    autocomplete.addListener('place_changed', onPlaceChanged);  \n  }).catch(e => {  \n    console.error(e);  \n  });  \n});\n</script>"],"names":["ref","onMounted","GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,QAAI;AAEJ,UAAM,iBAAiB,MAAM;AAC3B,YAAM,QAAQ,aAAa,SAAQ;AAEnC,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,oBAAoB;AAChD;AAAA,MACF;AAEA,UAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,eAAS,IAAI,GAAG,IAAI,MAAM,mBAAmB,QAAQ,KAAK;AAExD,YAAI,OAAO,MAAM,mBAAmB,CAAC;AAErC,YAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,oBAAU,KAAK;AAAA,QACjB;AACA,YAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,kBAAQ,KAAK;AAAA,QACf;AACA,YAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,iBAAO,KAAK;AAAA,QACd;AAAA,MACF;AAEA,YAAM,aAAa,MAAM;AACzB,YAAM,cAAc,EAAE,KAAK,MAAM,SAAS,SAAS,IAAG,GAAI,KAAK,MAAM,SAAS,SAAS,IAAG,EAAE;AAE5F,WAAK,kBAAkB,UAAU;AACjC,WAAK,mBAAmB,WAAW;AAGnC,WAAK,kBAAkB,OAAO;AAC9B,WAAK,gBAAgB,KAAK;AAC1B,WAAK,eAAe,IAAI;AAAA,IAC1B;AAEAC,QAAAA,UAAU,MAAM;AACd,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,uBAAe,IAAI,OAAO,KAAK,OAAO,aAAa,aAAa,KAAK;AACrE,qBAAa,YAAY,iBAAiB,cAAc;AAAA,MAC1D,CAAC,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocationMarker.vue2.cjs","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n    <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n      <transition name=\"ScaleOut\" mode=\"out-in\"> \n        <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n          <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/>      \n        </svg>\n\n        <Loader v-else  class=\"pos-t-0 pos-l-0 i-small\"/>\n      </transition>\n\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(mapContainer.value, {\n      center: props.location,\n      zoom: 15,\n      mapTypeControl: false,\n      fullscreenControl: false,\n      disableDefaultUI: true\n    });\n\n    marker = new google.maps.Marker({\n      position: props.location,\n      map,\n      draggable: true,\n    });\n\n    marker.addListener(\"dragend\", (e) => {\n      const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n      emit('update:location', newLocation);\n\n      getAddressFromLocation(newLocation);\n    });\n  }).catch(e => {\n    console.error(e);\n  });\n});\n\nwatchEffect(() => {\n  if (props.location && marker) {\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n});\n\nwatchEffect(() => {\n  if (props.location && map) {\n    const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n    \n    map.setCenter(newCenter);\n    map.setZoom(15);\n  }\n});\n\nfunction getAddressFromLocation(location) {\n  \n  const geocoder = new google.maps.Geocoder;\n\n  geocoder.geocode({ 'location': location }, (results, status) => {\n    if (status === 'OK') {\n      if (results[0]) {\n        emit('update:address', results[0].formatted_address);\n\n        let country = '', state = '', city = '';\n\n        results[0].address_components.forEach((addr) => {\n          if (addr.types.includes('country')) {\n            country = addr.long_name;\n          }\n          if (addr.types.includes('administrative_area_level_1')) {\n            state = addr.long_name;\n          }\n          if (addr.types.includes('locality')) {\n            city = addr.long_name;\n          }\n        });\n\n        emit('update:country', country);\n        emit('update:state', state);\n        emit('update:city', city);\n      } else {\n        console.error('No results found');\n      }\n    } else {\n      console.error('Geocoder failed due to: ' + status);\n    }\n  });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n  locationLoading.value = true\n  \n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition((position) => {\n      const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n      emit('update:location', newLocation);\n      getAddressFromLocation(newLocation);\n      locationLoading.value = false\n    }, () => {\n      console.error('Error getting location');\n      locationLoading.value = false\n    });\n  } else {\n    console.error('Geolocation is not supported by this browser.');\n    locationLoading.value = false\n  }\n}\n</script>\n\n\n<style >\n.my-location-button {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["ref","onMounted","GMLoader","watchEffect"],"mappings":"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"}

package/dist/martyrs/src/components/Select/Select.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.vue2.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    ref=\"fieldWrapper\"\n    tabindex=\"0\"\n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 pd-small radius-small bg-white mn-t-thin w-100\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"radius-thin hover-bg-light pd-thin text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<script setup>\nimport { ref, computed, watch, nextTick } from 'vue'\nimport clickOutside from '../FieldPhone/click-outside.js';\nlet vClickOutside = clickOutside\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\nconst showMenu = ref(false)\nconst fieldWrapper = ref(null)\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\nconst toggleMenu = async () => {\n  showMenu.value = !showMenu.value\n  \n  if (showMenu.value) {\n    await nextTick()\n    fieldWrapper.value?.focus()\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n}\nfunction clickedOutside () {\n  showMenu.value = false\n}\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n  ul li {\n    line-height: 2;\n  }\n  .field-wrapper:focus {\n    outline: none;\n  }\n</style>"],"names":["clickOutside","ref","computed","watch","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgBA,aAAAA;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAWC,IAAAA,IAAI,KAAK;AAC1B,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,kBAAkBA,IAAAA;AAAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AACD,UAAM,aAAa,YAAY;AAC7B,eAAS,QAAQ,CAAC,SAAS;AAE3B,UAAI,SAAS,OAAO;AAClB,cAAMC,IAAAA,SAAQ;AACd,qBAAa,OAAO,MAAK;AACzB,aAAK,OAAO;AAAA,MACd,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AACA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AACV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC7D,OAAO;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC7C;AAAA,IACF;AACA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.cjs

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
-const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue2.cjs");
-const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
-const _hoisted_1 = { class: "w-100 o-scroll" };
-const _hoisted_2 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "w-100" };
-const _hoisted_4 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
-const _sfc_main = {
-  __name: "BlockFilter",
-  props: /* @__PURE__ */ vue.mergeModels({
-    title: {
-      type: String,
-      default: "Sorting Options"
-    },
-    options: {
-      type: Array
-    }
-  }, {
-    "filter": {},
-    "filterModifiers": {}
-  }),
-  emits: /* @__PURE__ */ vue.mergeModels([
-    "click_filter"
-  ], ["update:filter"]),
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const filter = vue.useModel(__props, "filter");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (filterOption) => {
-          return vue.openBlock(), vue.createBlock(Spoiler.default, {
-            class: "o-hidden",
-            status: true
-          }, {
-            header: vue.withCtx(({ isOpen }) => [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode("h4", _hoisted_3, vue.toDisplayString(filterOption.title), 1),
-                vue.createElementVNode("div", _hoisted_4, [
-                  vue.createVNode(IconChevronBottom.default, {
-                    class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-regular"]),
-                    fill: "rgb(var(--black))"
-                  }, null, 8, ["class"])
-                ])
-              ])
-            ]),
-            content: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterOption.options, (checkbox, index) => {
-                return vue.openBlock(), vue.createBlock(Checkbox.default, {
-                  key: index,
-                  label: checkbox.label,
-                  value: checkbox.value,
-                  class: "w-100 mn-t-small mn-b-small br-1px br-solid br-light radius-small pd-small",
-                  radio: filter.value.selected[filterOption.value],
-                  "onUpdate:radio": (event) => {
-                    filter.value.selected[filterOption.value] = event;
-                    emits("click_filter", filterOption.value);
-                  }
-                }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
-              }), 128))
-            ]),
-            _: 2
-          }, 1024);
-        }), 256)),
-        vue.createElementVNode("button", {
-          onClick: _cache[0] || (_cache[0] = () => filter.value.selected = {}),
-          class: "bg-main w-100 button"
-        }, "Reset Filters")
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=BlockFilter.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockFilter.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,IAAAA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.js

@@ -1,76 +0,0 @@
-import { mergeModels, useModel, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString, createVNode, normalizeClass } from "vue";
-import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue2.js";
-import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
-const _hoisted_1 = { class: "w-100 o-scroll" };
-const _hoisted_2 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "w-100" };
-const _hoisted_4 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
-const _sfc_main = {
-  __name: "BlockFilter",
-  props: /* @__PURE__ */ mergeModels({
-    title: {
-      type: String,
-      default: "Sorting Options"
-    },
-    options: {
-      type: Array
-    }
-  }, {
-    "filter": {},
-    "filterModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels([
-    "click_filter"
-  ], ["update:filter"]),
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const filter = useModel(__props, "filter");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (filterOption) => {
-          return openBlock(), createBlock(_sfc_main$1, {
-            class: "o-hidden",
-            status: true
-          }, {
-            header: withCtx(({ isOpen }) => [
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("h4", _hoisted_3, toDisplayString(filterOption.title), 1),
-                createElementVNode("div", _hoisted_4, [
-                  createVNode(IconChevronBottom, {
-                    class: normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-regular"]),
-                    fill: "rgb(var(--black))"
-                  }, null, 8, ["class"])
-                ])
-              ])
-            ]),
-            content: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(filterOption.options, (checkbox, index) => {
-                return openBlock(), createBlock(_sfc_main$2, {
-                  key: index,
-                  label: checkbox.label,
-                  value: checkbox.value,
-                  class: "w-100 mn-t-small mn-b-small br-1px br-solid br-light radius-small pd-small",
-                  radio: filter.value.selected[filterOption.value],
-                  "onUpdate:radio": (event) => {
-                    filter.value.selected[filterOption.value] = event;
-                    emits("click_filter", filterOption.value);
-                  }
-                }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
-              }), 128))
-            ]),
-            _: 2
-          }, 1024);
-        }), 256)),
-        createElementVNode("button", {
-          onClick: _cache[0] || (_cache[0] = () => filter.value.selected = {}),
-          class: "bg-main w-100 button"
-        }, "Reset Filters")
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=BlockFilter.vue.js.map

package/dist/martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockFilter.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/blocks/BlockFilter.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nconst props = defineProps({\n  title: {\n    type: String,\n    default: 'Sorting Options'\n  },\n  options: {\n    type: Array\n  }\n});\n\nconst emits = defineEmits([\n  'click_filter'\n])\n\nconst filter = defineModel('filter')\n</script>\n\n<template>\n  <div class=\"w-100 o-scroll\">\n    <Spoiler \n      v-for=\"filterOption in options\"\n      class=\"o-hidden\"\n      :status=\"true\"\n    >\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h4 class=\"w-100\" >{{ filterOption.title }}</h4>\n          <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n          </div>\n         \n        </div>\n      </template>\n\n      <template #content>\n        <Checkbox \n          v-for=\"(checkbox, index) in  filterOption.options\"\n          :key=\"index\"\n          :label=\"checkbox.label\"\n          :value=\"checkbox.value\"\n          class=\"w-100 mn-t-small mn-b-small br-1px br-solid br-light  radius-small pd-small\"\n          :radio=\"filter.selected[filterOption.value]\"\n          @update:radio=\"event =>  { filter.selected[filterOption.value] = event; emits('click_filter', filterOption.value) } \"\n        />\n      </template>\n\n      \n    </Spoiler>\n\n    <button @click=\"() => filter.selected = {}\"  class=\"bg-main w-100 button\">Reset Filters</button>\n  </div>\n</template>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAId,UAAM,SAASA,SAAW,SAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}