@ozdao/martyrs 0.2.519 → 0.2.520

package/dist/martyrs/src/components/Address/{Address.vue2.cjs → Address.vue.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-;/* empty css              */
+;/* empty css               */
 const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
@@ -110,4 +110,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Address.vue2.cjs.map
+//# sourceMappingURL=Address.vue.cjs.map

package/dist/martyrs/src/components/Address/{Address.vue2.js.map → Address.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Address.vue2.js","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":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAe,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;AAEA,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Address.vue.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/Address/{Address.vue2.js → Address.vue.js}

@@ -1,6 +1,6 @@
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, toDisplayString, Transition, withCtx } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
-/* empty css            */
+/* empty css             */
 const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
@@ -110,4 +110,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Address.vue2.js.map
+//# sourceMappingURL=Address.vue.js.map

package/dist/martyrs/src/components/Address/Address.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.vue.js","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":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAe,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;AAEA,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;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/Feed/Feed.vue.cjs

@@ -8,7 +8,6 @@ const Dropdown = require("../Dropdown/Dropdown.vue2.cjs");
 const Calendar = require("../Calendar/Calendar.vue2.cjs");
 const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");
 const BlockSorting = require("../../modules/globals/views/components/blocks/BlockSorting.vue.cjs");
-;/* empty css                       */
 const Filters = require("../../modules/globals/views/components/sections/Filters.vue2.cjs");
 const ButtonSort = require("../../modules/globals/views/components/elements/ButtonSort.vue.cjs");
 const ButtonDate = require("../../modules/globals/views/components/elements/ButtonDate.vue.cjs");

package/dist/martyrs/src/components/Feed/Feed.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.vue.cjs","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <!-- <template\n      v-if=\"filter\"\n    >\n      <div \n        :class=\"filter.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <IconFilter @click=\"() => filter.active = !filter.active\" class=\"w-1r h-auto\"/>\n      </div>\n\n    \n      <BottomSheet\n        :show=\"filter.active\"\n        @toggle=\"() => filter.active = false\"\n        class=\"z-index-10 pos-fixed pos-r-0\"\n        :class=\"{\n          'pos-t-0':  filter.active,\n          'pos-t-100': !filter.active\n        }\"\n      >\n        <BlockFilter\n          v-model:filter=\"filter\"\n          :options=\"filter.options\"\n          @click_filter=\"() => { filter.active = false } \"\n          class=\"h-max w-100 pd-small pd-b-5r bg-light\"\n        />\n      </BottomSheet>  \n    </template> -->\n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default mn-b-thin o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\nimport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["_useModel","ref","computed","search","watch","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2NA,UAAM,SAASA,IAAAA,SAAW,SAAC,QAAQ;AACnC,UAAM,OAAOA,IAAAA,SAAW,SAAC,MAAM;AAC/B,UAAM,SAASA,IAAAA,SAAW,SAAC,QAAQ;AACnC,UAAM,OAAOA,IAAAA,SAAW,SAAC,MAAM;AAC/B,UAAM,QAAQA,IAAAA,SAAW,SAAC,OAAO;AAGjC,UAAM,gBAAgBC,IAAAA,IAAI,CAAA,CAAE;AAG5B,UAAM,YAAYC,IAAAA,SAAS;AAAA,MACzB,KAAK,MAAM,MAAM,SAAS,cAAc;AAAA,MACxC,KAAK,CAAC,QAAQ;AACZ,YAAI,MAAM,UAAU,QAAW;AAC7B,gBAAM,QAAQ;AAAA,QAChB,OAAO;AACL,wBAAc,QAAQ;AAAA,QACxB;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,eAAeA,IAAAA,SAAS,MAAM;AAClC,UAAI,CAAC,OAAO,OAAO,QAAS,QAAO,CAAA;AAEnC,aAAO,OAAO,MAAM,QAAQ,IAAI,UAAQ;AAAA,QACtC,KAAK,IAAI;AAAA,QACT,OAAO,IAAI;AAAA,QACX,MAAM;AAAA,QACN,SAAS,IAAI,WAAW,CAAA;AAAA,QACxB,cAAc;AAAA,MAClB,EAAI;AAAA,IACJ,CAAC;AAGD,UAAM,QAAQ;AAuEd,UAAM,eAAeD,IAAAA,IAAI,KAAK;AAE9B,QAAI,YAAYA,IAAAA,IAAI,IAAI;AACxB,QAAI,iBAAiBA,IAAAA,IAAI,KAAK;AAC9B,QAAI,WAAWA,IAAAA,IAAI,IAAI;AAEvB,QAAI,cAAcA,IAAAA,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,CAAC;AACjE,QAAI,eAAeA,IAAAA,IAAI,MAAM,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,EAAE;AAErE,QAAI,gBAAgBA,IAAAA,IAAI,EAAE;AAC1B,QAAI,cAAcA,IAAAA,IAAI,KAAK;AAE3B,QAAI,YAAY;AAEhB,aAAS,SAAS,IAAI,OAAO;AAC3B,UAAI,YAAY;AAChB,aAAO,IAAI,SAAS;AAClB,qBAAa,SAAS;AACtB,oBAAY,WAAW,MAAM,GAAG,GAAG,IAAI,GAAG,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,UAAM,kBAAkB,SAAS,CAAC,UAAU;AAC1C,kBAAY,QAAQ;AACpB,oBAAc,QAAQ;AACtB,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,iBAAU;AAAA,IACZ,GAAG,GAAG;AAEN,aAAS,aAAaE,SAAQ;AAC5B,sBAAgBA,OAAM;AAAA,IACxB;AAEA,UAAM,mBAAmB,CAAC,QAAQ;AAChC,aAAO,OAAO;AAAA,QACZ,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,SAAS,IAAI;AAAA,MAC5D;AAAA,IACA;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,CAAC,aAAa,SAAS,eAAe,OAAO;AAC/C;AAAA,MACF;AAEA,qBAAe,QAAQ;AAEvB,YAAM,mBAAmB,EAAE;AAE3B,kBAAY,SAAS,aAAa;AAElC,UAAI;AACF,cAAM,YAAY;AAAA,UAChB,MAAM,YAAY;AAAA,UAClB,OAAO,aAAa;AAAA,UACpB,QAAQ,cAAc;AAAA,UACtB,WAAW,KAAK,OAAO;AAAA,UACvB,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,OAAO;AAAA,UACvB,WAAW,KAAK,OAAO;AAAA,UACvB,GAAG,MAAM;AAAA,QACf;AAEI,cAAM,SAAS,iBAAiB,SAAS;AAEzC,cAAM,OAAO,MAAM,MAAM,MAAM,KAAK,MAAM;AAE1C,YAAI,qBAAqB,WAAW;AAClC;AAAA,QACF;AAEA,YAAI,KAAK,WAAW,GAAG;AACrB,uBAAa,QAAQ;AAAA,QACvB,WAAW,KAAK,SAAS,aAAa,OAAO;AAC3C,uBAAa,QAAQ;AAAA,QACvB,OAAO;AACL,uBAAa,QAAQ;AAAA,QACvB;AAGA,kBAAU,QAAQ,CAAC,GAAG,UAAU,OAAO,GAAG,IAAI;AAAA,MAEhD,SAAS,OAAO;AACd,gBAAQ,MAAM,oBAAoB,KAAK;AAAA,MACzC,UAAC;AACC,YAAI,qBAAqB,WAAW;AAClC,yBAAe,QAAQ;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,aAAa,YAAY;AAC7B,gBAAU,QAAQ;AAElB,YAAM,mBAAmB,EAAE;AAE3B,UAAI,YAAY,OAAO;AACrB,kBAAU,QAAQ,CAAA;AAClB,oBAAY,QAAQ;AAAA,MACtB;AAEA,UAAI;AACF,cAAM,YAAY;AAAA,UAChB,MAAM,YAAY;AAAA,UAClB,OAAO,aAAa;AAAA,UACpB,QAAQ,cAAc;AAAA,UACtB,WAAW,KAAK,OAAO;AAAA,UACvB,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,OAAO;AAAA,UACvB,WAAW,KAAK,OAAO;AAAA,UACvB,GAAG,MAAM;AAAA,QACf;AAEI,cAAM,SAAS,iBAAiB,SAAS;AAEzC,cAAM,OAAO,MAAM,MAAM,MAAM,KAAK,MAAM;AAE1C,YAAI,qBAAqB,WAAW;AAClC;AAAA,QACF;AAEA,YAAI,KAAK,WAAW,GAAG;AACrB,uBAAa,QAAQ;AAAA,QACvB,WAAW,KAAK,SAAS,aAAa,OAAO;AAC3C,uBAAa,QAAQ;AAAA,QACvB,OAAO;AACL,uBAAa,QAAQ;AAAA,QACvB;AAGA,kBAAU,QAAQ;AAAA,MAEpB,SAAS,OAAO;AACd,gBAAQ,MAAM,gBAAgB,KAAK;AAAA,MACrC,UAAC;AACC,YAAI,qBAAqB,WAAW;AAClC,oBAAU,QAAQ;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAEAC,QAAAA;AAAAA,MACE,CAAC,MAAM,MAAM,UAAU,MAAM,KAAK,OAAO,OAAO,EAAC,GAAG,KAAK,MAAK,IAAI,OAAO,EAAC,GAAG,MAAM,QAAO,EAAE;AAAA,MAC5F,CAAC,CAAC,aAAa,SAAS,SAAS,UAAU,GAAG,CAAC,aAAa,SAAS,SAAS,UAAU,MAAM;AAC5F,YACE,gBAAgB,eAChB,YAAY,WACZ,SAAS,UAAU,SAAS,SAC5B,SAAS,UAAU,SAAS,SAC5B,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,GACxD;AACA,sBAAY,QAAQ;AACpB,qBAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,EAAE,MAAM,KAAI;AAAA,IACd;AAEA,QAAI,WAAW;AAEfC,QAAAA,UAAU,YAAY;AACpB,YAAM,WAAU;AAEhB,UAAI,OAAO,WAAW,eAAe,CAAC,MAAM,gBAAgB,MAAM,UAAU;AAC1E,mBAAW,IAAI,qBAAqB,aAAW;AAC7C,cAAI,QAAQ,KAAK,WAAS,MAAM,cAAc,GAAG;AAC/C,0BAAa;AAAA,UACf;AAAA,QACF,CAAC;AAED,YAAI,SAAS,MAAO,UAAS,QAAQ,SAAS,KAAK;AAAA,MACrD;AAAA,IACF,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Feed.vue.cjs","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default mn-b-thin o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["_useModel","ref","computed","search","watch","onMounted","onUnmounted"],"mappings":"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"}

package/dist/martyrs/src/components/Feed/Feed.vue.js

@@ -6,7 +6,6 @@ import _sfc_main$2 from "../Dropdown/Dropdown.vue2.js";
 import Calendar from "../Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$5 from "../../modules/globals/views/components/blocks/BlockSorting.vue.js";
-/* empty css                     */
 import Filters from "../../modules/globals/views/components/sections/Filters.vue2.js";
 import _sfc_main$4 from "../../modules/globals/views/components/elements/ButtonSort.vue.js";
 import _sfc_main$3 from "../../modules/globals/views/components/elements/ButtonDate.vue.js";

package/dist/martyrs/src/components/Feed/Feed.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.vue.js","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <!-- <template\n      v-if=\"filter\"\n    >\n      <div \n        :class=\"filter.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <IconFilter @click=\"() => filter.active = !filter.active\" class=\"w-1r h-auto\"/>\n      </div>\n\n    \n      <BottomSheet\n        :show=\"filter.active\"\n        @toggle=\"() => filter.active = false\"\n        class=\"z-index-10 pos-fixed pos-r-0\"\n        :class=\"{\n          'pos-t-0':  filter.active,\n          'pos-t-100': !filter.active\n        }\"\n      >\n        <BlockFilter\n          v-model:filter=\"filter\"\n          :options=\"filter.options\"\n          @click_filter=\"() => { filter.active = false } \"\n          class=\"h-max w-100 pd-small pd-b-5r bg-light\"\n        />\n      </BottomSheet>  \n    </template> -->\n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default mn-b-thin o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\nimport BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["_useModel","search"],"mappings":"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"}
+{"version":3,"file":"Feed.vue.js","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n  <div v-if=\"search || date || (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative z-index-2 pos-relative flex-nowrap flex gap-thin\">\n\n    <BlockSearch \n      v-if=\"search\"\n      :placeholder=\"search.placeholder || 'Search...'\"\n      :class=\"search.class || 'bg-light'\"\n      @search=\"updateSearch\"\n      :autofocus=\"search.autofocus\"\n    />\n\n    <FiltersBar\n      v-if=\"filter\"\n      v-model=\"filter.selected\"\n      :filters=\"filterConfig\"\n      :class=\"filter.class || 'mobile-only'\"\n    />\n\n    <Dropdown \n      v-if=\"date\"\n      :label=\"{\n        component: ButtonDate,\n        props: { date: date }\n      }\" \n      :class=\"date.class || 'bg-light'\"\n      class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"true\"\n        class=\"radius-medium w-100 o-hidden bg-light\"\n      />\n    </Dropdown> \n\n    <Dropdown \n      v-if=\"sort && !sort.hideButton\"\n      :label=\"{\n        component: ButtonSort,\n        props: { order: sort.order },\n        class: 'w-1r'\n      }\" \n      :class=\"sort.class || 'bg-light'\"\n      class=\"radius-medium aspect-1x1 h-100\"\n      :align=\"search ? 'right' : 'left'\"\n    >\n\n      <BlockSorting\n        v-model:param=\"sort.param\"\n        v-model:order=\"sort.order\"\n        :options=\"sort.options\"\n        class=\"h-100 pd-small radius-medium t-white bg-black\"\n      />\n    </Dropdown> \n\n    <!-- Actions -->\n    <template\n      v-if=\"actions.length\"\n    >\n      <template v-for=\"action in actions\" :key=\"action.key\">\n        <div \n        :class=\"action.class || 'bg-light'\"\n        class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n      >\n        <component\n          :is=\"action.component\"\n          @click=\"action.handler\"\n          class=\"w-1r h-auto\"\n        >\n        </component>\n\n      </div>\n      </template>\n    </template>\n  </div>\n\n  <TransitionGroup \n    v-if=\"isLoading && !keepSlotVisible\"\n    tag=\"ul\" \n    name=\"scaleTransition\" \n    class=\"pos-relative z-index-1\"\n   :class=\"$attrs.class\"\n  >\n    <Skeleton\n      v-if=\"isLoading && !skeleton?.hide\"\n      v-for=\"i in currentLimit\" \n      :structure=\"skeleton.structure\"\n      :horizontal=\"skeleton.horizontal\"\n      :loading=\"skeleton.apply_to_slot\"\n      :key=\"'skeleton-' + i\"\n      :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default mn-b-thin o-hidden d-block', skeleton.class)\"\n    />\n    <Loader v-if=\"isLoading && skeleton?.hide\"/>\n  </TransitionGroup>\n\n  <TransitionGroup \n    tag=\"ul\" \n    v-else-if=\"itemsList.length < 1\"\n    name=\"feed\"\n  >\n    <EmptyState\n      v-if=\"!isLoading && itemsList.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n   </TransitionGroup>\n\n  <TransitionGroup \n    v-else-if=\"!keepSlotVisible || !isLoading\"\n    tag=\"ul\" \n    name=\"feed\"\n    :class=\"$attrs.class\"\n  >\n    <slot\n      :items=\"itemsList\"\n    >\n    </slot>\n  </TransitionGroup>\n\n  <!-- Slot visible with overlay loader -->\n  <div v-else class=\"pos-relative\">\n    <TransitionGroup \n      tag=\"ul\" \n      name=\"feed\"\n      :class=\"$attrs.class\"\n    >\n      <slot\n        :items=\"itemsList\"\n      >\n      </slot>\n    </TransitionGroup>\n    \n    <!-- Overlay loader -->\n    <div \n      v-if=\"isLoading && keepSlotVisible\"\n      class=\"pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center bg-white-transp-90 z-index-10\"\n    >\n      <Loader />\n    </div>\n  </div>\n\n  <button\n    v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n    @click=\"loadMoreItems\"\n    class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n  >\n    Load More\n  </button>\n\n  <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n  <div\n    v-if=\"isLoadingExtra\"\n    class=\"col-w-100 w-100 pos-relative\"\n  >\n    <Loader/>\n  </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n  get: () => items.value ?? internalItems.value,\n  set: (val) => {\n    if (items.value !== undefined) {\n      items.value = val\n    } else {\n      internalItems.value = val\n    }\n  }\n})\n\nconst filterConfig = computed(() => {\n  if (!filter.value?.options) return []\n  \n  return filter.value.options.map(opt => ({\n    key: opt.value,\n    title: opt.title,\n    type: 'options',\n    options: opt.options || [],\n    defaultValue: null\n  }))\n})\n\n// Пропсы\nconst props = defineProps({\n  showLoadMore: {\n    type: Boolean,\n    default: true\n  },\n  LoadMore: {\n    type: Boolean,\n    default: true\n  },\n  search: {\n    type: [Boolean, Object],\n    default: false\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  actions: {\n    type: Array,\n    default: () => []\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: false,\n      structure: [\n        { block: 'text', size: 'medium' },\n        { block: 'text', size: 'large' },\n        { block: 'button', size: 'small' }\n      ]\n    }),\n   \n  },\n  store: {\n    type: Object,\n    default: () => ({\n      read: Function,\n      state: Object,\n    }),\n  },\n  external: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      category: null,\n      limit: 10, \n      skip: 0 ,\n      owner:  null,\n      creator:  null,\n      customer:  null,\n      user:  null,\n      status: null,\n      period:  null,\n      contain:  null,\n    }),\n  },\n  keepSlotVisible: {\n    type: Boolean,\n    default: false\n  },\n});\n  \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((value) => {\n  isSearching.value = true;\n  currentSearch.value = value;\n  currentSkip.value = 0;\n  currentLimit.value = 10;\n  fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n  debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, value]) => value != null)\n  );\n};\n\nconst loadMoreItems = async () => {\n  if (!hasMoreItems.value || isLoadingExtra.value) {\n    return;\n  }\n  \n  isLoadingExtra.value = true;\n  \n  const currentRequestId = ++requestId;\n\n  currentSkip.value += currentLimit.value;\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = [...itemsList.value, ...data];\n    \n  } catch (error) {\n    console.error('Load more error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoadingExtra.value = false;\n    }\n  }\n};\n\nconst fetchItems = async () => {\n  isLoading.value = true;\n  \n  const currentRequestId = ++requestId;\n  \n  if (isSearching.value) {\n    itemsList.value = [];\n    isSearching.value = false;\n  }\n  \n  try {\n    const allParams = {\n      skip: currentSkip.value,\n      limit: currentLimit.value,\n      search: currentSearch.value,\n      dateStart: date.value?.start,\n      dateEnd: date.value?.end,\n      sortParam: sort.value?.param,\n      sortOrder: sort.value?.order,\n      ...props.options\n    };\n\n    const params = removeNullValues(allParams);\n\n    const data = await props.store.read(params);\n\n    if (currentRequestId !== requestId) {\n      return;\n    }\n\n    if (data.length === 0) {\n      hasMoreItems.value = false;\n    } else if (data.length < currentLimit.value) {\n      hasMoreItems.value = false;\n    } else {\n      hasMoreItems.value = true;\n    }\n\n    // Элегантное обновление через computed setter\n    itemsList.value = data;\n    \n  } catch (error) {\n    console.error('Fetch error:', error);\n  } finally {\n    if (currentRequestId === requestId) {\n      isLoading.value = false;\n    }\n  }\n};\n\nwatch(\n  [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n  ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n    if (\n      newExternal !== oldExternal ||\n      newDate !== oldDate ||\n      newSort?.order !== oldSort?.order ||\n      newSort?.param !== oldSort?.param ||\n      JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n    ) {\n      currentSkip.value = 0;\n      fetchItems();\n    }\n  },\n  { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n  await fetchItems()\n\n  if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n    observer = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        loadMoreItems()\n      }\n    })\n\n    if (sentinel.value) observer.observe(sentinel.value)\n  }\n});\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect();\n  }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n  transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.feed-leave-active {\n  position: absolute;\n}\n</style>"],"names":["_useModel","search"],"mappings":"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"}

package/dist/martyrs/src/components/LocationMarker/{LocationMarker.vue2.cjs → LocationMarker.vue.cjs}

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const index = require("../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
 const Loader = require("../Loader/Loader.vue2.cjs");
-;/* empty css                     */
+;/* empty css                      */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {
   key: 0,
@@ -163,4 +163,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=LocationMarker.vue2.cjs.map
+//# sourceMappingURL=LocationMarker.vue.cjs.map

package/dist/martyrs/src/components/LocationMarker/{LocationMarker.vue2.js.map → LocationMarker.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LocationMarker.vue2.js","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":["GMLoader"],"mappings":"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"}
+{"version":3,"file":"LocationMarker.vue.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/LocationMarker/{LocationMarker.vue2.js → LocationMarker.vue.js}

@@ -1,7 +1,7 @@
 import { ref, onMounted, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
 import Loader$1 from "../Loader/Loader.vue2.js";
-/* empty css                   */
+/* empty css                    */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {
   key: 0,
@@ -163,4 +163,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=LocationMarker.vue2.js.map
+//# sourceMappingURL=LocationMarker.vue.js.map

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMarker.vue.js","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":["GMLoader"],"mappings":"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"}

package/dist/martyrs/src/components/Select/{Select.vue2.cjs → Select.vue.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const clickOutside = require("../FieldPhone/click-outside.cjs");
-;/* empty css             */
+;/* empty css              */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 0,
@@ -131,4 +131,4 @@ const _sfc_main = {
 };
 const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-849e5dfe"]]);
 exports.default = Select;
-//# sourceMappingURL=Select.vue2.cjs.map
+//# sourceMappingURL=Select.vue.cjs.map

package/dist/martyrs/src/components/Select/{Select.vue2.js.map → Select.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select.vue2.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgB;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACD,UAAM,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,cAAM,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Select.vue.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/components/Select/{Select.vue2.js → Select.vue.js}

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, Fragment, withDirectives, createVNode, normalizeClass, withModifiers, createCommentVNode, createElementVNode, toDisplayString, Transition, withCtx, renderList, vShow, unref, nextTick } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
-/* empty css           */
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
@@ -131,4 +131,4 @@ const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849
 export {
   Select as default
 };
-//# sourceMappingURL=Select.vue2.js.map
+//# sourceMappingURL=Select.vue.js.map

package/dist/martyrs/src/components/Select/Select.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgB;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACD,UAAM,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,cAAM,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/auth/views/components/blocks/CardUser.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "h4" };
+const _hoisted_3 = { class: "h4 mn-b-thin" };
 const _hoisted_4 = { class: "t-transp mn-r-small" };
 const _hoisted_5 = {
   key: 2,
@@ -12,7 +12,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
   key: 0,
-  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin bg-main"
 };
 const _sfc_main = {
   __name: "CardUser",

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.js

@@ -2,7 +2,7 @@ import { createElementBlock, openBlock, createCommentVNode, createBlock, createE
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "h4" };
+const _hoisted_3 = { class: "h4 mn-b-thin" };
 const _hoisted_4 = { class: "t-transp mn-r-small" };
 const _hoisted_5 = {
   key: 2,
@@ -10,7 +10,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
   key: 0,
-  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin bg-main"
 };
 const _sfc_main = {
   __name: "CardUser",

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const SliderFeatures = require("../sections/SliderFeatures.vue.cjs");
 const vueRouter = require("vue-router");
 const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small" };
-const _hoisted_2 = { class: "w-100 desktop-only o-hidden radius-big bg-black t-white" };
+const _hoisted_2 = { class: "w-100 h-100 desktop-only o-hidden radius-big bg-black t-white" };
 const _sfc_main = {
   __name: "Auth",
   setup(__props) {

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":["useRoute"],"mappings":";;;;;;;;;;AA+BcA,cAAAA,SAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Auth.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 h-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":["useRoute"],"mappings":";;;;;;;;;;AA+BcA,cAAAA,SAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -2,7 +2,7 @@ import { resolveComponent, createElementBlock, openBlock, createVNode, createEle
 import _sfc_main$1 from "../sections/SliderFeatures.vue.js";
 import { useRoute } from "vue-router";
 const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small" };
-const _hoisted_2 = { class: "w-100 desktop-only o-hidden radius-big bg-black t-white" };
+const _hoisted_2 = { class: "w-100 h-100 desktop-only o-hidden radius-big bg-black t-white" };
 const _sfc_main = {
   __name: "Auth",
   setup(__props) {

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":[],"mappings":";;;;;;;;AA+Bc,aAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Auth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 h-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":[],"mappings":";;;;;;;;AA+Bc,aAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.cjs

@@ -6,7 +6,7 @@ const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");
-const invites = require("../../../../organizations/store/invites.cjs");
+const invites_store = require("../../../../organizations/store/invites.store.cjs");
 const inputs_validation = require("../../validations/inputs.validation.cjs");
 ;/* empty css              */
 const _hoisted_1 = { class: "t-left pd-medium" };
@@ -18,7 +18,7 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     vue.onMounted(async () => {
-      await invites.actions.readOne(route.query.inviteCode);
+      await invites_store.default.read({ code: route.query.inviteCode });
     });
     async function onSubmit() {
       try {

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Invite.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/Invite.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">You have been invited to the organization</h3>\n\t\t<p class=\"mn-b-semi t-transp\">Please provide a password to complete the registration.</p>\n\t\t\n\t\t<!-- Form -->\n\t\t<div  class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\tlabel=\"Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"mn-b-thin bg-light pd-medium radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\tlabel=\"Repeat Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main mn-b-big\">\n\t\t\t<span>Join</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth \t\tfrom '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Lifecycles\nonMounted(async () => {\n\tawait invites.actions.readOne(route.query.inviteCode)\n})\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n\t\tawait auth.actions.signup(auth.state.user, route.query.type, route.query.inviteCode)\n\t} catch (err) {\n\t\tconsole.log(err)\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'User Profile', \n\t\tparams: { \n\t\t\t_id: auth.state.user._id \n\t\t},\n\t\tquery: { \n\t\t\tafterAuth: 'true' \n\t\t}})\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["ref","useRoute","useRouter","onMounted","invites.actions","inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;AAgDA,UAAM,sBAAsBA,IAAAA,IAAI,IAAI;AAEpC,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExBC,QAAAA,UAAU,YAAY;AACrB,YAAMC,gBAAgB,QAAQ,MAAM,MAAM,UAAU;AAAA,IACrD,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMC,kBAAAA;AAAAA,UACL;AAAA,UACAC,kBAAAA;AAAAA,UACAC,KAAAA,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACH,cAAMC,KAAAA,QAAa,OAAOD,KAAAA,MAAW,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU;AAAA,MACpF,SAAS,KAAK;AACb,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QAAE,MAAM;AAAA,QACnB,QAAQ;AAAA,UACP,KAAKA,KAAAA,MAAW,KAAK;AAAA,QACxB;AAAA,QACE,OAAO;AAAA,UACN,WAAW;AAAA,QACd;AAAA,MAAG,CAAC;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Invite.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/Invite.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">You have been invited to the organization</h3>\n\t\t<p class=\"mn-b-semi t-transp\">Please provide a password to complete the registration.</p>\n\t\t\n\t\t<!-- Form -->\n\t\t<div  class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\tlabel=\"Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"mn-b-thin bg-light pd-medium radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\tlabel=\"Repeat Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main mn-b-big\">\n\t\t\t<span>Join</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth \t\tfrom '@martyrs/src/modules/auth/views/store/auth.js'\nimport invitesStore from '@martyrs/src/modules/organizations/store/invites.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Lifecycles\nonMounted(async () => {\n\tawait invitesStore.read({ code: route.query.inviteCode })\n})\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n\t\tawait auth.actions.signup(auth.state.user, route.query.type, route.query.inviteCode)\n\t} catch (err) {\n\t\tconsole.log(err)\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'User Profile', \n\t\tparams: { \n\t\t\t_id: auth.state.user._id \n\t\t},\n\t\tquery: { \n\t\t\tafterAuth: 'true' \n\t\t}})\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["ref","useRoute","useRouter","onMounted","invitesStore","inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;AAgDA,UAAM,sBAAsBA,IAAAA,IAAI,IAAI;AAEpC,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExBC,QAAAA,UAAU,YAAY;AACrB,YAAMC,cAAAA,QAAa,KAAK,EAAE,MAAM,MAAM,MAAM,WAAU,CAAE;AAAA,IACzD,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMC,kBAAAA;AAAAA,UACL;AAAA,UACAC,kBAAAA;AAAAA,UACAC,KAAAA,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACH,cAAMC,KAAAA,QAAa,OAAOD,KAAAA,MAAW,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU;AAAA,MACpF,SAAS,KAAK;AACb,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QAAE,MAAM;AAAA,QACnB,QAAQ;AAAA,UACP,KAAKA,KAAAA,MAAW,KAAK;AAAA,QACxB;AAAA,QACE,OAAO;AAAA,UACN,WAAW;AAAA,QACd;AAAA,MAAG,CAAC;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}