npm - @ozdao/martyrs - Versions diffs - 0.2.570 → 0.2.572 - Mend

@ozdao/martyrs 0.2.570 → 0.2.572

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (832) hide show

package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventsHot.vue.js","sources":["../../../../../../../src/modules/events/components/sections/EventsHot.vue"],"sourcesContent":["<template>\n <Carousel\n :store=\"{\n read: (options) => events.read({ \n skip, \n limit,\n status \n })\n }\"\n :text=\"{\n en: {\n title: 'No Featured Events Found',\n description: 'Currently, there are no featured events available.'\n }\n }\"\n class=\"slider-hotpost flex-child-default\"\n >\n <template v-slot=\"{ item }\">\n <router-link\n :to=\"getEventPath(item)\"\n class=\"cursor-pointer pos-relative flex flex-justify-end flex-column h-25r bg-semi radius-medium o-hidden pd-medium t-white bg-dark\"\n >\n <Media \n :url=\"(FILE_SERVER_URL \|\| '') + item.cover\"\n class=\"pos-absolute pos-t-0 pos-r-0 z-index-1 w-100 h-100 object-fit-cover bg-light\"\n />\n <div class=\"pos-relative z-index-2\">\n <h3 \n class=\"mn-b-small\"\n >\n {{ item.name }}\n </h3>\n <span v-if=\"item.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <span class=\"t-semi t-black\" > \n {{item.location}} / {{formatDate(item.date.start, { language: $i18n.locale, monthName: true, })}} \n </span>\n </span> \n </div>\n </router-link>\n </template>\n </Carousel>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, computed } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Carousel from '@martyrs/src/components/Feed/Carousel.vue'\nimport Media from '@martyrs/src/components/Media/Media.vue'\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst route = useRoute()\n\nconst props = defineProps({\n skip: {\n type: Number,\n default: 0\n },\n limit: {\n type: Number,\n default: 8\n },\n userId: {\n type: String,\n default: () => auth.state.user._id\n },\n period: {\n type: String,\n default: 'year'\n },\n status: {\n type: String,\n default: 'featured'\n },\n organization: {\n type: String\n }\n})\n\nconst getEventPath = (item) => {\n if (route.meta.context === 'backoffice') {\n return `/backoffice/events/${item.url}`\n }\n if (route.meta.context === 'organization' \|\| props.organization) {\n const orgId = props.organization \|\| route.params._id\n return `/organizations/${orgId}/events/${item.url}`\n }\n return `/events/${item.url}`\n}\n</script>\n\n<style lang=\"scss\">\n.slider-hotpost .embla__slide {\n flex: 0 0 75%;\n}\n@media screen and (max-width: 1025px) {\n .slider-hotpost .embla__slide {\n flex: 0 0 75%;\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AA0Bd,UAAM,eAAe,CAAC,SAAS;AAC7B,UAAI,MAAM,KAAK,YAAY,cAAc;AACvC,eAAO,sBAAsB,KAAK,GAAG;AAAA,MACvC;AACA,UAAI,MAAM,KAAK,YAAY,kBAAkB,MAAM,cAAc;AAC/D,cAAM,QAAQ,MAAM,gBAAgB,MAAM,OAAO;AACjD,eAAO,kBAAkB,KAAK,WAAW,KAAK,GAAG;AAAA,MACnD;AACA,aAAO,WAAW,KAAK,GAAG;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"EventsHot.vue.js","sources":["../../../../../../../src/modules/events/components/sections/EventsHot.vue"],"sourcesContent":["<template>\n <Carousel\n :store=\"{\n read: (options) => events.read({ \n skip, \n limit,\n status \n })\n }\"\n :text=\"{\n en: {\n title: 'No Featured Events Found',\n description: 'Currently, there are no featured events available.'\n }\n }\"\n class=\"slider-hotpost flex-child-default\"\n >\n <template v-slot=\"{ item }\">\n <router-link\n :to=\"getEventPath(item)\"\n class=\"cursor-pointer pos-relative flex flex-justify-end flex-column h-25r bg-semi radius-medium o-hidden pd-medium t-white bg-dark\"\n >\n <Media \n :url=\"(FILE_SERVER_URL \|\| '') + item.cover\"\n class=\"pos-absolute pos-t-0 pos-r-0 z-index-1 w-100 h-100 object-fit-cover bg-light\"\n />\n <div class=\"pos-relative z-index-2\">\n <h3 \n class=\"mn-b-small\"\n >\n {{ item.name }}\n </h3>\n <span v-if=\"item.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white\">\n <span class=\"fw-semi t-black\" > \n {{item.location}} / {{formatDate(item.date.start, { language: $i18n.locale, monthName: true, })}} \n </span>\n </span> \n </div>\n </router-link>\n </template>\n </Carousel>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, computed } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Carousel from '@martyrs/src/components/Feed/Carousel.vue'\nimport Media from '@martyrs/src/components/Media/Media.vue'\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst route = useRoute()\n\nconst props = defineProps({\n skip: {\n type: Number,\n default: 0\n },\n limit: {\n type: Number,\n default: 8\n },\n userId: {\n type: String,\n default: () => auth.state.user._id\n },\n period: {\n type: String,\n default: 'year'\n },\n status: {\n type: String,\n default: 'featured'\n },\n organization: {\n type: String\n }\n})\n\nconst getEventPath = (item) => {\n if (route.meta.context === 'backoffice') {\n return `/backoffice/events/${item.url}`\n }\n if (route.meta.context === 'organization' \|\| props.organization) {\n const orgId = props.organization \|\| route.params._id\n return `/organizations/${orgId}/events/${item.url}`\n }\n return `/events/${item.url}`\n}\n</script>\n\n<style lang=\"scss\">\n.slider-hotpost .embla__slide {\n flex: 0 0 75%;\n}\n@media screen and (max-width: 1025px) {\n .slider-hotpost .embla__slide {\n flex: 0 0 75%;\n }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AA0Bd,UAAM,eAAe,CAAC,SAAS;AAC7B,UAAI,MAAM,KAAK,YAAY,cAAc;AACvC,eAAO,sBAAsB,KAAK,GAAG;AAAA,MACvC;AACA,UAAI,MAAM,KAAK,YAAY,kBAAkB,MAAM,cAAc;AAC/D,cAAM,QAAQ,MAAM,gBAAgB,MAAM,OAAO;AACjD,eAAO,kBAAkB,KAAK,WAAW,KAAK,GAAG;AAAA,MACnD;AACA,aAAO,WAAW,KAAK,GAAG;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/List.vue.js CHANGED Viewed

@@ -91,7 +91,7 @@ const _sfc_main = {
                 event,
                 user: __props.user,
                 class: normalizeClass(["pd-small mobile:pd-thin", {
-                  "br-b br-solid br-black-transp-10": index !== eventsList.value.length - 1
+                  "br-b-1px br-black-transp-10": index !== eventsList.value.length - 1
                 }])
               }, null, 8, ["onClick", "event", "user", "class"]);
             }), 128))

package/dist/martyrs/src/modules/events/components/sections/List.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.vue.js","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-small\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n \n <EmptyState \n v-else-if=\"eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium h-100 bg-light radius-small\"\n />\n <CardEventShort\n v-else\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\"\n v-for=\"(event,index) in eventsList\"\n :key=\"event._id\"\n :event=\"event\"\n :user=\"user\"\n class=\"pd-small mobile:pd-thin\"\n :class=\"{\n 'br-b br-~~solid~~ br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@martyrs/src/components/Loader/Loader.vue';\n import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\n import CardEventShort from '@martyrs/src/modules/events/components/blocks/CardEventShort.vue';\n\n import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@martyrs/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n },\n sortParam: {\n type: String,\n default: null\n },\n sortOrder: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(3);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status,\n sortParam: props.sortParam,\n sortOrder: props.sortOrder\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDE,UAAM,QAAQ;AAuCd,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AAEnB,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,MACvB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"List.vue.js","sources":["../../../../../../../src/modules/events/components/sections/List.vue"],"sourcesContent":["<template>\n <section \n class=\"today-events\"\n >\n\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-small\">\n <SkeletonEventShort\n v-if=\"isLoading\"\n v-for=\"i in limit\" :key=\"i\"\n />\n \n <EmptyState \n v-else-if=\"eventsList.length < 1\"\n title=\"No Planned Events \"\n description=\"No events available. Please check back later.\"\n class=\"pd-medium h-100 bg-light radius-small\"\n />\n <CardEventShort\n v-else\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\"\n v-for=\"(event,index) in eventsList\"\n :key=\"event._id\"\n :event=\"event\"\n :user=\"user\"\n class=\"pd-small mobile:pd-thin\"\n :class=\"{\n 'br-b-1px br-black-transp-10': index !== eventsList.length - 1\n }\"\n />\n </TransitionGroup>\n \n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n\n import Loader from '@martyrs/src/components/Loader/Loader.vue';\n import EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\n import CardEventShort from '@martyrs/src/modules/events/components/blocks/CardEventShort.vue';\n\n import SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n import SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue'\n\n import * as events from '@martyrs/src/modules/events/store/events.js';\n\n const props = defineProps({\n category: {\n type: String,\n default: null\n },\n status: {\n type: String,\n default: null\n },\n organization: {\n type: String,\n default: null\n },\n owner: {\n type: String,\n default: null\n },\n user: {\n type: [String, Number],\n default: null\n },\n period: {\n type: String,\n default: null\n },\n phase: {\n type: String,\n default: null\n },\n sortParam: {\n type: String,\n default: null\n },\n sortOrder: {\n type: String,\n default: null\n }\n });\n\n const eventsList = ref([]);\n const isLoading = ref(true);\n\n const skip = ref(0);\n const limit = ref(3);\n\n onMounted(async () => {\n const data = await events.read({\n skip: skip.value,\n limit: limit.value,\n sortOrder: 'desc',\n category: props.category,\n user: props.user,\n owner: props.owner,\n organization: props.organization,\n period: props.period,\n phase: props.phase,\n status: props.status,\n sortParam: props.sortParam,\n sortOrder: props.sortOrder\n });\n\n eventsList.value = data;\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["events.read"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDE,UAAM,QAAQ;AAuCd,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AAEnB,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY;AAAA,QAC7B,MAAM,KAAK;AAAA,QACX,OAAO,MAAM;AAAA,QACb,WAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,cAAc,MAAM;AAAA,QACpB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,MACvB,CAAK;AAED,iBAAW,QAAQ;AACnB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ const _hoisted_1 = { class: "gap-regular radius-medium mn-b-semi" };
 const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = { class: "cols-3 mobile:cols-1 mobile:cols-2 gap-thin" };
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "mn-b-small p-medium t-medium" };
+const _hoisted_5 = { class: "mn-b-small p-medium fw-medium" };
 const _hoisted_6 = { class: "p-regular t-transp" };
 const _sfc_main = {
   __name: "SelectDate",

package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDate.vue.js","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n <div class=\"gap-regular radius-medium mn-b-semi\">\n <h3 class=\"mn-b-small\">\n {{ title }}\n </h3>\n \n <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n <div \n v-for=\"(date, index) in computedDateOptions\" \n :key=\"index\"\n class=\"bg-light radius-medium pd-medium cursor-pointer\"\n @click=\"handleDateSelect(date)\"\n >\n <p class=\"mn-b-small p-medium t-medium\">{{ date.label }}</p>\n <div class=\"p-regular t-transp\">{{ date.range }}</div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n title: {\n type: String,\n default: 'Explore by Date'\n },\n locale: {\n type: String,\n default: 'en-US'\n },\n labels: {\n type: Object,\n default: () => ({\n today: 'Today',\n tomorrow: 'Tomorrow',\n thisWeekend: 'This Weekend',\n thisWeek: 'This Week',\n nextWeekend: 'Next Weekend',\n nextWeek: 'Next Week',\n thisMonth: 'This Month',\n customDate: 'Custom Date',\n pickRange: 'Pick Range'\n })\n },\n customDateOptions: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n // Получаем отдельные форматированные части\n const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n \n // Собираем в нужном порядке: день недели, число месяца\n return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n const sameMonth = startDate.getMonth() === endDate.getMonth();\n \n // Форматируем начало и конец диапазона\n const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n \n if (sameMonth) {\n // Если один и тот же месяц: \"1 - 2 Jan\"\n return `${startDay} - ${endDay} ${startMonth}`;\n } else {\n // Если разные месяцы: \"30 Dec - 5 Jan\"\n return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n const result = new Date(date);\n result.setHours(0, 0, 0, 0);\n return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n const result = new Date(date);\n result.setHours(23, 59, 59, 999);\n return result;\n};\n\nconst computedDateOptions = computed(() => {\n if (props.customDateOptions.length > 0) {\n return props.customDateOptions;\n }\n \n const today = new Date();\n const tomorrow = new Date(today);\n tomorrow.setDate(tomorrow.getDate() + 1);\n \n // Расчет текущих выходных (следующие суббота и воскресенье)\n const thisWeekendStart = new Date(today);\n const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n \n const thisWeekendEnd = new Date(thisWeekendStart);\n thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n \n // Расчет текущей недели (воскресенье - суббота)\n const thisWeekStart = new Date(today);\n thisWeekStart.setDate(today.getDate() - today.getDay());\n \n const thisWeekEnd = new Date(thisWeekStart);\n thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n \n // Расчет следующих выходных\n const nextWeekendStart = new Date(thisWeekendStart);\n nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n \n const nextWeekendEnd = new Date(nextWeekendStart);\n nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n \n // Расчет следующей недели\n const nextWeekStart = new Date(thisWeekStart);\n nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n \n const nextWeekEnd = new Date(nextWeekStart);\n nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n \n // Расчет текущего месяца\n const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n \n return [\n { \n label: props.labels.today, \n range: formatSingleDate(today),\n data: { \n startDate: setStartOfDay(today), \n endDate: setEndOfDay(today) \n }\n },\n { \n label: props.labels.tomorrow, \n range: formatSingleDate(tomorrow),\n data: { \n startDate: setStartOfDay(tomorrow), \n endDate: setEndOfDay(tomorrow) \n }\n },\n { \n label: props.labels.thisWeekend, \n range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n data: { \n startDate: setStartOfDay(thisWeekendStart), \n endDate: setEndOfDay(thisWeekendEnd) \n }\n },\n { \n label: props.labels.thisWeek, \n range: formatDateRange(thisWeekStart, thisWeekEnd),\n data: { \n startDate: setStartOfDay(thisWeekStart), \n endDate: setEndOfDay(thisWeekEnd) \n }\n },\n { \n label: props.labels.nextWeekend, \n range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n data: { \n startDate: setStartOfDay(nextWeekendStart), \n endDate: setEndOfDay(nextWeekendEnd) \n }\n },\n { \n label: props.labels.nextWeek, \n range: formatDateRange(nextWeekStart, nextWeekEnd),\n data: { \n startDate: setStartOfDay(nextWeekStart), \n endDate: setEndOfDay(nextWeekEnd) \n }\n },\n // { \n // label: props.labels.thisMonth, \n // range: formatDateRange(thisMonthStart, thisMonthEnd),\n // data: { \n // startDate: setStartOfDay(thisMonthStart), \n // endDate: setEndOfDay(thisMonthEnd) \n // }\n // },\n // { \n // label: props.labels.customDate, \n // range: props.labels.pickRange,\n // data: { \n // startDate: null, \n // endDate: null,\n // isCustom: true\n // }\n // }\n ];\n});\n\nconst handleDateSelect = (date) => {\n emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"SelectDate.vue.js","sources":["../../../../../../../src/modules/events/components/sections/SelectDate.vue"],"sourcesContent":["<template>\n <div class=\"gap-regular radius-medium mn-b-semi\">\n <h3 class=\"mn-b-small\">\n {{ title }}\n </h3>\n \n <div class=\"cols-3 mobile:cols-1 mobile:cols-2 gap-thin\">\n <div \n v-for=\"(date, index) in computedDateOptions\" \n :key=\"index\"\n class=\"bg-light radius-medium pd-medium cursor-pointer\"\n @click=\"handleDateSelect(date)\"\n >\n <p class=\"mn-b-small p-medium fw-medium\">{{ date.label }}</p>\n <div class=\"p-regular t-transp\">{{ date.range }}</div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { computed, defineProps, defineEmits } from 'vue'\n\nconst props = defineProps({\n title: {\n type: String,\n default: 'Explore by Date'\n },\n locale: {\n type: String,\n default: 'en-US'\n },\n labels: {\n type: Object,\n default: () => ({\n today: 'Today',\n tomorrow: 'Tomorrow',\n thisWeekend: 'This Weekend',\n thisWeek: 'This Week',\n nextWeekend: 'Next Weekend',\n nextWeek: 'Next Week',\n thisMonth: 'This Month',\n customDate: 'Custom Date',\n pickRange: 'Pick Range'\n })\n },\n customDateOptions: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['date-selected']);\n\n// Форматирование одиночной даты с месяцем после числа\nconst formatSingleDate = (date) => {\n // Получаем отдельные форматированные части\n const weekday = new Intl.DateTimeFormat(props.locale, { weekday: 'short' }).format(date);\n const day = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(date);\n const month = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(date);\n \n // Собираем в нужном порядке: день недели, число месяца\n return `${weekday}, ${day} ${month}`;\n};\n\n// Форматирование диапазона дат с месяцем после числа\nconst formatDateRange = (startDate, endDate) => {\n const sameMonth = startDate.getMonth() === endDate.getMonth();\n \n // Форматируем начало и конец диапазона\n const startDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(startDate);\n const endDay = new Intl.DateTimeFormat(props.locale, { day: 'numeric' }).format(endDate);\n const startMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(startDate);\n const endMonth = new Intl.DateTimeFormat(props.locale, { month: 'short' }).format(endDate);\n \n if (sameMonth) {\n // Если один и тот же месяц: \"1 - 2 Jan\"\n return `${startDay} - ${endDay} ${startMonth}`;\n } else {\n // Если разные месяцы: \"30 Dec - 5 Jan\"\n return `${startDay} ${startMonth} - ${endDay} ${endMonth}`;\n }\n};\n\n// Вспомогательная функция для установки времени на начало дня (00:00:00)\nconst setStartOfDay = (date) => {\n const result = new Date(date);\n result.setHours(0, 0, 0, 0);\n return result;\n};\n\n// Вспомогательная функция для установки времени на конец дня (23:59:59.999)\nconst setEndOfDay = (date) => {\n const result = new Date(date);\n result.setHours(23, 59, 59, 999);\n return result;\n};\n\nconst computedDateOptions = computed(() => {\n if (props.customDateOptions.length > 0) {\n return props.customDateOptions;\n }\n \n const today = new Date();\n const tomorrow = new Date(today);\n tomorrow.setDate(tomorrow.getDate() + 1);\n \n // Расчет текущих выходных (следующие суббота и воскресенье)\n const thisWeekendStart = new Date(today);\n const daysUntilWeekend = (6 - today.getDay()); // 6 - суббота\n thisWeekendStart.setDate(today.getDate() + (daysUntilWeekend <= 0 ? daysUntilWeekend + 7 : daysUntilWeekend));\n \n const thisWeekendEnd = new Date(thisWeekendStart);\n thisWeekendEnd.setDate(thisWeekendStart.getDate() + 1);\n \n // Расчет текущей недели (воскресенье - суббота)\n const thisWeekStart = new Date(today);\n thisWeekStart.setDate(today.getDate() - today.getDay());\n \n const thisWeekEnd = new Date(thisWeekStart);\n thisWeekEnd.setDate(thisWeekStart.getDate() + 6);\n \n // Расчет следующих выходных\n const nextWeekendStart = new Date(thisWeekendStart);\n nextWeekendStart.setDate(nextWeekendStart.getDate() + 7);\n \n const nextWeekendEnd = new Date(nextWeekendStart);\n nextWeekendEnd.setDate(nextWeekendStart.getDate() + 1);\n \n // Расчет следующей недели\n const nextWeekStart = new Date(thisWeekStart);\n nextWeekStart.setDate(nextWeekStart.getDate() + 7);\n \n const nextWeekEnd = new Date(nextWeekStart);\n nextWeekEnd.setDate(nextWeekStart.getDate() + 6);\n \n // Расчет текущего месяца\n const thisMonthStart = new Date(today.getFullYear(), today.getMonth(), 1);\n const thisMonthEnd = new Date(today.getFullYear(), today.getMonth() + 1, 0);\n \n return [\n { \n label: props.labels.today, \n range: formatSingleDate(today),\n data: { \n startDate: setStartOfDay(today), \n endDate: setEndOfDay(today) \n }\n },\n { \n label: props.labels.tomorrow, \n range: formatSingleDate(tomorrow),\n data: { \n startDate: setStartOfDay(tomorrow), \n endDate: setEndOfDay(tomorrow) \n }\n },\n { \n label: props.labels.thisWeekend, \n range: formatDateRange(thisWeekendStart, thisWeekendEnd),\n data: { \n startDate: setStartOfDay(thisWeekendStart), \n endDate: setEndOfDay(thisWeekendEnd) \n }\n },\n { \n label: props.labels.thisWeek, \n range: formatDateRange(thisWeekStart, thisWeekEnd),\n data: { \n startDate: setStartOfDay(thisWeekStart), \n endDate: setEndOfDay(thisWeekEnd) \n }\n },\n { \n label: props.labels.nextWeekend, \n range: formatDateRange(nextWeekendStart, nextWeekendEnd),\n data: { \n startDate: setStartOfDay(nextWeekendStart), \n endDate: setEndOfDay(nextWeekendEnd) \n }\n },\n { \n label: props.labels.nextWeek, \n range: formatDateRange(nextWeekStart, nextWeekEnd),\n data: { \n startDate: setStartOfDay(nextWeekStart), \n endDate: setEndOfDay(nextWeekEnd) \n }\n },\n // { \n // label: props.labels.thisMonth, \n // range: formatDateRange(thisMonthStart, thisMonthEnd),\n // data: { \n // startDate: setStartOfDay(thisMonthStart), \n // endDate: setEndOfDay(thisMonthEnd) \n // }\n // },\n // { \n // label: props.labels.customDate, \n // range: props.labels.pickRange,\n // data: { \n // startDate: null, \n // endDate: null,\n // isCustom: true\n // }\n // }\n ];\n});\n\nconst handleDateSelect = (date) => {\n emit('date-selected', date.data);\n};\n</script>\n\n<style lang=\"scss\">\n/* Стили остаются неизменными */\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/gallery/components/pages/Gallery.vue.js CHANGED Viewed

@@ -89,7 +89,7 @@ const _sfc_main = {
             status: "published",
             ...tab.value !== "all" && { tags: tab.value }
           },
-          class: "cols-4 gap-thin"
+          class: "cols-4 mobile:cols-2 gap-thin"
         }, {
           default: withCtx(({
             items

package/dist/martyrs/src/modules/gallery/components/pages/Gallery.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.vue.js","sources":["../../../../../../../src/modules/gallery/components/pages/Gallery.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-1 bg-white gap-thin pd-thin\">\n\t\t<SectionPageTitle\n :title=\"$t('gallery.title')\"\n @update:tabs_current=\"(update) => tab = update\"\n :tabs_current=\"tab\"\n :tabs=\"[\n { name: 'All', value: 'all' },\n { name: 'Place', value: 'place' },\n { name: 'Drinks', value: 'drinks' },\n { name: 'People', value: 'people' },\n { name: 'Events', value: 'events' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-big\"\n />\n <Popup \n @close-popup=\"closePreviewPopup\" \n :isPopupOpen=\"isOpenPreviewPopup\"\n class=\"bg-black o-hidden w-100 h-100 radius-big\"\n >\n <PhotoViewer\n :photoUrl=\"((FILE_SERVER_URL \|\| '') + selectedPhoto.image)\"\n />\n </Popup>\n\n\t\t<Feed\n v-model:items=\"photos\"\n v-model:sort=\"sort\"\n v-model:date=\"date\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Photos Found',\n description: 'Currently, there are no photos in gallery.'\n },\n }\"\n :store=\"{\n read: (options) => gallery.read(options)\n }\"\n :options=\"{\n limit: 15,\n status: 'published',\n ...(tab !== 'all' && { tags: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-4 gap-thin\"\n >\n <div v-for=\"item in items\" :key=\"item._id\" class=\"bg-light radius-medium o-hidden flex-column pos-relative flex-wrap\">\n <div class=\"w-100 h-100 h-min-10r h-max-20r pos-relative\">\n <img loading=\"lazy\" \n :src=\"((FILE_SERVER_URL \|\| '') + item.cover)\" \n class=\"w-100 h-100 object-fit-cover bg-black \" @click=\"openPreviewPopup(item)\" \n />\n </div>\n \t</div>\n </Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, computed } from 'vue'\n\n\timport Title from '@martyrs/src/modules/core/views/components/sections/Title.vue';\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\timport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\n\timport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n\timport gallery from '@martyrs/src/modules/gallery/store/gallery.js';\n\n\tconst photos = ref([])\n\n\tconst tab = ref('all')\n\n\tlet sort = ref({\n\t param: 'createdAt',\n\t order: 'desc',\n\t options: [{\n\t label: 'Date',\n\t value: 'createdAt'\n\t },{\n\t label: 'Popularity',\n\t value: 'views'\n\t },{\n\t label: 'Creator',\n\t value: 'creator'\n\t }]\n\t})\n\t// Date\n\tlet date = ref({\n\t start: null,\n\t end: null\n\t})\n\n\tconst selectedPhoto = ref(null);\n\n\t// Preview Photo\n\tconst isOpenPreviewPopup = ref(false);\n\tfunction openPreviewPopup(photo) {\n\t isOpenPreviewPopup.value = true;\n\t selectedPhoto.value = photo;\n\t}\n\tfunction closePreviewPopup() {\n\t isOpenPreviewPopup.value = false;\n\t selectedPhoto.value = null;\n\t}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AA0EC,UAAM,SAAS,IAAI,CAAA,CAAE;AAErB,UAAM,MAAM,IAAI,KAAK;AAErB,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACR,CAAE;AAED,UAAM,gBAAgB,IAAI,IAAI;AAG9B,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Gallery.vue.js","sources":["../../../../../../../src/modules/gallery/components/pages/Gallery.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-1 bg-white gap-thin pd-thin\">\n\t\t<SectionPageTitle\n :title=\"$t('gallery.title')\"\n @update:tabs_current=\"(update) => tab = update\"\n :tabs_current=\"tab\"\n :tabs=\"[\n { name: 'All', value: 'all' },\n { name: 'Place', value: 'place' },\n { name: 'Drinks', value: 'drinks' },\n { name: 'People', value: 'people' },\n { name: 'Events', value: 'events' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-big\"\n />\n <Popup \n @close-popup=\"closePreviewPopup\" \n :isPopupOpen=\"isOpenPreviewPopup\"\n class=\"bg-black o-hidden w-100 h-100 radius-big\"\n >\n <PhotoViewer\n :photoUrl=\"((FILE_SERVER_URL \|\| '') + selectedPhoto.image)\"\n />\n </Popup>\n\n\t\t<Feed\n v-model:items=\"photos\"\n v-model:sort=\"sort\"\n v-model:date=\"date\"\n :showLoadMore=\"false\"\n :states=\"{\n empty: {\n title: 'No Photos Found',\n description: 'Currently, there are no photos in gallery.'\n },\n }\"\n :store=\"{\n read: (options) => gallery.read(options)\n }\"\n :options=\"{\n limit: 15,\n status: 'published',\n ...(tab !== 'all' && { tags: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-4 mobile:cols-2 gap-thin\"\n >\n <div v-for=\"item in items\" :key=\"item._id\" class=\"bg-light radius-medium o-hidden flex-column pos-relative flex-wrap\">\n <div class=\"w-100 h-100 h-min-10r h-max-20r pos-relative\">\n <img loading=\"lazy\" \n :src=\"((FILE_SERVER_URL \|\| '') + item.cover)\" \n class=\"w-100 h-100 object-fit-cover bg-black \" @click=\"openPreviewPopup(item)\" \n />\n </div>\n \t</div>\n </Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, computed } from 'vue'\n\n\timport Title from '@martyrs/src/modules/core/views/components/sections/Title.vue';\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\timport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\n\timport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n\timport gallery from '@martyrs/src/modules/gallery/store/gallery.js';\n\n\tconst photos = ref([])\n\n\tconst tab = ref('all')\n\n\tlet sort = ref({\n\t param: 'createdAt',\n\t order: 'desc',\n\t options: [{\n\t label: 'Date',\n\t value: 'createdAt'\n\t },{\n\t label: 'Popularity',\n\t value: 'views'\n\t },{\n\t label: 'Creator',\n\t value: 'creator'\n\t }]\n\t})\n\t// Date\n\tlet date = ref({\n\t start: null,\n\t end: null\n\t})\n\n\tconst selectedPhoto = ref(null);\n\n\t// Preview Photo\n\tconst isOpenPreviewPopup = ref(false);\n\tfunction openPreviewPopup(photo) {\n\t isOpenPreviewPopup.value = true;\n\t selectedPhoto.value = photo;\n\t}\n\tfunction closePreviewPopup() {\n\t isOpenPreviewPopup.value = false;\n\t selectedPhoto.value = null;\n\t}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AA0EC,UAAM,SAAS,IAAI,CAAA,CAAE;AAErB,UAAM,MAAM,IAAI,KAAK;AAErB,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,GAAK;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACZ,CAAI;AAAA,IACJ,CAAE;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACR,CAAE;AAED,UAAM,gBAAgB,IAAI,IAAI;AAG9B,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { ref, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-/* empty css                                     */
-import _sfc_main$8 from "../../../../components/Button/Button.vue.js";
-/* empty css                                       */
+/* empty css                                      */
+import _sfc_main$8 from "../../../../components/Button/Button.vue2.js";
+/* empty css                                        */
 import _sfc_main$4 from "../../../../components/Chips/Chips.vue.js";
-/* empty css                                                  */
+/* empty css                                                 */
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import PhotoViewer from "../../../../components/PhotoViewer/PhotoViewer.vue.js";
@@ -17,7 +17,7 @@ import _sfc_main$7 from "../../../../components/FieldTags/BlockTags.vue.js";
 const _hoisted_1 = { class: "cols-1 gap-thin pd-thin" };
 const _hoisted_2 = { class: "pos-relative" };
 const _hoisted_3 = ["src", "onClick"];
-const _hoisted_4 = { class: "pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra" };
+const _hoisted_4 = { class: "pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra" };
 const _hoisted_5 = { class: "pd-small" };
 const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "flex-nowrap flex gap-thin" };

package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackofficeGallery.vue.js","sources":["../../../../../../../src/modules/gallery/components/sections/BackofficeGallery.vue"],"sourcesContent":["<template>\n <div class=\"cols-1 gap-thin pd-thin\">\n <SectionPageTitle\n title=\"Gallery\"\n @update:tabs_current=\"(update) => tab = update\"\n :tabs_current=\"tab\"\n :tabs=\"[\n { name: 'All', value: 'all' },\n { name: 'Featured', value: 'featured' },\n { name: 'Published', value: 'published' },\n { name: 'Draft', value: 'draft' },\n { name: 'Archived', value: 'archived' }\n ]\"\n :actions=\"[\n ...(hasAccess(route.params._id, 'gallery', 'create', auth.state.accesses, auth.state.access.roles) ? [{ method: () => openPhotoPopup(null), label: 'Add Photo' }] : [])\n ]\"\n class=\"mn-b-small bg-light bg-light radius-big\"\n />\n\n <Feed\n v-model:items=\"photos\"\n v-model:sort=\"sort\"\n v-model:date=\"date\"\n :states=\"{\n empty: {\n title: 'No Photos Found',\n description: 'Currently, there are no photos in gallery.'\n },\n }\"\n :store=\"{\n read: (options) => gallery.read(options)\n }\"\n :options=\"{\n limit: 15,\n owner: route.params._id,\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-3 mobile:cols-1 gap-thin\"\n >\n <div v-for=\"item in items\" :key=\"item._id\" class=\"bg-light radius-small flex-column pos-relative flex-wrap\">\n\n <CardHeader \n :entity=\"item\"\n :entityType=\"'photo'\"\n :user=\"auth.state.user._id\"\n :owner=\"item.creator\" \n :creator=\"item.creator\"\n :date=\"item.createdAt\"\n :actions=\"[\n ...(hasAccess(route.params._id, 'gallery', 'delete', auth.state.accesses, auth.state.access.roles) ? [{ method: () => deletePhoto(item), label: 'Delete' }] : []),\n ...(hasAccess(route.params._id, 'gallery', 'edit', auth.state.accesses, auth.state.access.roles) ? [\n ...(item.status !== 'archived' ? [{ method: () => changeStatus(item, 'archived'), label: 'Archive' }] : []),\n ...(item.status !== 'published' ? [{ method: () => changeStatus(item, 'published'), label: 'Publish' }] : []),\n ...(item.status !== 'draft' ? [{ method: () => changeStatus(item, 'draft'), label: 'Draft' }] : [])\n ] : [])\n ]\"\n class=\"pd-small mn-b-small\"\n />\n\n <div class=\"pos-relative\">\n <img loading=\"lazy\" \n :src=\"(FILE_SERVER_URL \|\| '') + item.cover\" \n class=\"w-100 h-20r object-fit-contain bg-black \" @click=\"openPreviewPopup(item)\" \n />\n <div \n class=\"pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra\"\n >\n {{item.status}}\n </div>\n </div>\n \n <div class=\"pd-small\">\n <Chips \n v-if=\"item.tags?.length > 0\" \n :chips=\"item.tags\"\n />\n </div>\n </div>\n </Feed>\n\n <Popup \n @close-popup=\"closePreviewPopup\" \n :isPopupOpen=\"isOpenPreviewPopup\"\n class=\"bg-black o-hidden w-100 h-100 radius-big\"\n >\n <PhotoViewer\n :photoUrl=\"selectedPhoto.image\"\n />\n </Popup>\n\n <Popup \n title=\"Add Photo\" \n @close-popup=\"closePhotoPopup\" \n :isPopupOpen=\"isOpenPhotoPopup\"\n class=\"bg-white w-max-30r radius-big pd-big\"\n >\n <img loading=\"lazy\" \n v-if=\"selectedImage.cover\" \n :src=\"selectedImage.cover\" \n class=\"radius-small w-100 mn-b-small h-20r object-fit-cover \" \n />\n\n <EditImages \n :images=\"uploadedImages\" \n :uploadPath=\"'/photos'\" \n @update:images=\"onUpdatedImages\" \n class=\"mn-b-semi bg-light radius-medium\"\n />\n\n <BlockTags\n @tags-changed=\"newTags => selectedImage.tags = newTags\"\n :tags=\"selectedImage.tags\"\n :tagsSuggested=\"[\n {text: 'people' },\n {text: 'events' },\n {text: 'place' },\n {text: 'food' },\n {text: 'drinks' },\n {text: 'special' },\n ]\"\n class=\"mn-b-semi\"\n />\n\n <div class=\"flex-nowrap flex gap-thin\">\n <Button \n :submit=\"() => createPhoto('draft')\" \n :callback=\"closePhotoPopup\" \n class=\"t-nowrap bg-second w-100\"\n >\n To drafts\n </Button>\n <Button \n :submit=\"() => createPhoto('published')\" \n :callback=\"closePhotoPopup\" \n class=\"bg-main w-100\"\n >\n Publish\n </Button>\n </div>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, reactive, computed } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Chips from '@martyrs/src/components/Chips/Chips.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n \nimport gallery from '@martyrs/src/modules/gallery/store/gallery.js';\n\nimport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue';\n\nconst route = useRoute();\n\n// Tabs\nconst tab = ref('all')\n// Sort\nlet sort = ref({\n param: 'createdAt',\n order: 'desc',\n options: [{\n label: 'Date',\n value: 'createdAt'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Creator',\n value: 'creator'\n }]\n})\n// Date\nlet date = ref({\n start: null,\n end: null\n})\n// Popup\n// Preview Photo\nconst isOpenPreviewPopup = ref(false);\nfunction openPreviewPopup(photo) {\n isOpenPreviewPopup.value = true;\n selectedPhoto.value = photo;\n}\nfunction closePreviewPopup() {\n isOpenPreviewPopup.value = false;\n selectedPhoto.value = null;\n}\n// Add Photo\nconst isOpenPhotoPopup = ref(false);\nfunction openPhotoPopup(photo) {\n isOpenPhotoPopup.value = true;\n selectedPhoto.value = photo;\n}\nfunction closePhotoPopup() {\n isOpenPhotoPopup.value = false;\n selectedPhoto.value = null;\n uploadedImages.value = [];\n selectedImage.value = { tags: null, image: null };\n}\n// Selected Photo\nconst selectedPhoto = ref(null);\nconst selectedCategory = ref('all')\nconst selectedImage = ref({\n tags: null,\n image: null\n})\nconst uploadedImages = ref([])\nconst onUpdatedImages = (newImages) => {\n uploadedImages.value = newImages\n}\n// Gallery Grid\nconst photos = ref([])\n\nconst deletePhoto = async (item) => {\n let deletedPhoto = JSON.parse(JSON.stringify(item));\n\n deletedPhoto.owner.target = deletedPhoto.owner.target._id\n deletedPhoto.creator.target = deletedPhoto.creator.target._id\n\n await gallery.delete(deletedPhoto);\n\n gallery.removeItem(deletedPhoto, photos.value)\n};\n\nconst changeStatus = async (item, status) => {\n let updatedPhoto = JSON.parse(JSON.stringify(item));\n\n updatedPhoto.status = status\n\n updatedPhoto.owner.target = updatedPhoto.owner.target._id\n updatedPhoto.creator.target = updatedPhoto.creator.target._id\n\n updatedPhoto = await gallery.update(updatedPhoto)\n gallery.updateItem(updatedPhoto, photos.value)\n}\n\nconst createPhoto = async (status) => {\n if (uploadedImages.length < 1) {\n alert('Upload at least 1 image')\n return\n }\n\n let createdPhotos = await gallery.create({\n images: uploadedImages.value,\n tags: selectedImage.value.tags,\n status: status,\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n }\n })\n\n for (let createdPhoto of createdPhotos) {\n gallery.addItem(createdPhoto, photos.value)\n }\n}\n</script>\n\n<style scoped>\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2KA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,MAAM,IAAI,KAAK;AAErB,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACX,GAAI;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACX,GAAI;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACP,CAAC;AAGD,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,mBAAmB,IAAI,KAAK;AAClC,aAAS,eAAe,OAAO;AAC7B,uBAAiB,QAAQ;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,kBAAkB;AACzB,uBAAiB,QAAQ;AACzB,oBAAc,QAAQ;AACtB,qBAAe,QAAQ,CAAA;AACvB,oBAAc,QAAQ,EAAE,MAAM,MAAM,OAAO,KAAI;AAAA,IACjD;AAEA,UAAM,gBAAgB,IAAI,IAAI;AACL,QAAI,KAAK;AAClC,UAAM,gBAAgB,IAAI;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AACD,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAC7B,UAAM,kBAAkB,CAAC,cAAc;AACrC,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,SAAS,IAAI,CAAA,CAAE;AAErB,UAAM,cAAc,OAAO,SAAS;AAClC,UAAI,eAAe,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAElD,mBAAa,MAAM,SAAS,aAAa,MAAM,OAAO;AACtD,mBAAa,QAAQ,SAAS,aAAa,QAAQ,OAAO;AAE1D,YAAM,QAAQ,OAAO,YAAY;AAEjC,cAAQ,WAAW,cAAc,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,eAAe,OAAO,MAAM,WAAW;AAC3C,UAAI,eAAe,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAElD,mBAAa,SAAS;AAEtB,mBAAa,MAAM,SAAS,aAAa,MAAM,OAAO;AACtD,mBAAa,QAAQ,SAAS,aAAa,QAAQ,OAAO;AAE1D,qBAAe,MAAM,QAAQ,OAAO,YAAY;AAChD,cAAQ,WAAW,cAAc,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,cAAc,OAAO,WAAW;AACpC,UAAI,eAAe,SAAS,GAAG;AAC7B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AAEA,UAAI,gBAAgB,MAAM,QAAQ,OAAO;AAAA,QACvC,QAAQ,eAAe;AAAA,QACvB,MAAM,cAAc,MAAM;AAAA,QAC1B;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC3B;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,MACA,CAAG;AAED,eAAS,gBAAgB,eAAe;AACtC,gBAAQ,QAAQ,cAAc,OAAO,KAAK;AAAA,MAC5C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"BackofficeGallery.vue.js","sources":["../../../../../../../src/modules/gallery/components/sections/BackofficeGallery.vue"],"sourcesContent":["<template>\n <div class=\"cols-1 gap-thin pd-thin\">\n <SectionPageTitle\n title=\"Gallery\"\n @update:tabs_current=\"(update) => tab = update\"\n :tabs_current=\"tab\"\n :tabs=\"[\n { name: 'All', value: 'all' },\n { name: 'Featured', value: 'featured' },\n { name: 'Published', value: 'published' },\n { name: 'Draft', value: 'draft' },\n { name: 'Archived', value: 'archived' }\n ]\"\n :actions=\"[\n ...(hasAccess(route.params._id, 'gallery', 'create', auth.state.accesses, auth.state.access.roles) ? [{ method: () => openPhotoPopup(null), label: 'Add Photo' }] : [])\n ]\"\n class=\"mn-b-small bg-light bg-light radius-big\"\n />\n\n <Feed\n v-model:items=\"photos\"\n v-model:sort=\"sort\"\n v-model:date=\"date\"\n :states=\"{\n empty: {\n title: 'No Photos Found',\n description: 'Currently, there are no photos in gallery.'\n },\n }\"\n :store=\"{\n read: (options) => gallery.read(options)\n }\"\n :options=\"{\n limit: 15,\n owner: route.params._id,\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"cols-3 mobile:cols-1 gap-thin\"\n >\n <div v-for=\"item in items\" :key=\"item._id\" class=\"bg-light radius-small flex-column pos-relative flex-wrap\">\n\n <CardHeader \n :entity=\"item\"\n :entityType=\"'photo'\"\n :user=\"auth.state.user._id\"\n :owner=\"item.creator\" \n :creator=\"item.creator\"\n :date=\"item.createdAt\"\n :actions=\"[\n ...(hasAccess(route.params._id, 'gallery', 'delete', auth.state.accesses, auth.state.access.roles) ? [{ method: () => deletePhoto(item), label: 'Delete' }] : []),\n ...(hasAccess(route.params._id, 'gallery', 'edit', auth.state.accesses, auth.state.access.roles) ? [\n ...(item.status !== 'archived' ? [{ method: () => changeStatus(item, 'archived'), label: 'Archive' }] : []),\n ...(item.status !== 'published' ? [{ method: () => changeStatus(item, 'published'), label: 'Publish' }] : []),\n ...(item.status !== 'draft' ? [{ method: () => changeStatus(item, 'draft'), label: 'Draft' }] : [])\n ] : [])\n ]\"\n class=\"pd-small mn-b-small\"\n />\n\n <div class=\"pos-relative\">\n <img loading=\"lazy\" \n :src=\"(FILE_SERVER_URL \|\| '') + item.cover\" \n class=\"w-100 h-20r object-fit-contain bg-black \" @click=\"openPreviewPopup(item)\" \n />\n <div \n class=\"pos-absolute pos-t-0 pos-r-0 pd-micro t-white uppercase fw-semi p-small flex-center flex pd-r-small pd-l-small mn-r-small mn-t-small w-min bg-second radius-extra\"\n >\n {{item.status}}\n </div>\n </div>\n \n <div class=\"pd-small\">\n <Chips \n v-if=\"item.tags?.length > 0\" \n :chips=\"item.tags\"\n />\n </div>\n </div>\n </Feed>\n\n <Popup \n @close-popup=\"closePreviewPopup\" \n :isPopupOpen=\"isOpenPreviewPopup\"\n class=\"bg-black o-hidden w-100 h-100 radius-big\"\n >\n <PhotoViewer\n :photoUrl=\"selectedPhoto.image\"\n />\n </Popup>\n\n <Popup \n title=\"Add Photo\" \n @close-popup=\"closePhotoPopup\" \n :isPopupOpen=\"isOpenPhotoPopup\"\n class=\"bg-white w-max-30r radius-big pd-big\"\n >\n <img loading=\"lazy\" \n v-if=\"selectedImage.cover\" \n :src=\"selectedImage.cover\" \n class=\"radius-small w-100 mn-b-small h-20r object-fit-cover \" \n />\n\n <EditImages \n :images=\"uploadedImages\" \n :uploadPath=\"'/photos'\" \n @update:images=\"onUpdatedImages\" \n class=\"mn-b-semi bg-light radius-medium\"\n />\n\n <BlockTags\n @tags-changed=\"newTags => selectedImage.tags = newTags\"\n :tags=\"selectedImage.tags\"\n :tagsSuggested=\"[\n {text: 'people' },\n {text: 'events' },\n {text: 'place' },\n {text: 'food' },\n {text: 'drinks' },\n {text: 'special' },\n ]\"\n class=\"mn-b-semi\"\n />\n\n <div class=\"flex-nowrap flex gap-thin\">\n <Button \n :submit=\"() => createPhoto('draft')\" \n :callback=\"closePhotoPopup\" \n class=\"t-nowrap bg-second w-100\"\n >\n To drafts\n </Button>\n <Button \n :submit=\"() => createPhoto('published')\" \n :callback=\"closePhotoPopup\" \n class=\"bg-main w-100\"\n >\n Publish\n </Button>\n </div>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, reactive, computed } from 'vue'\nimport { useRoute } from 'vue-router'\n\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Chips from '@martyrs/src/components/Chips/Chips.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n \nimport gallery from '@martyrs/src/modules/gallery/store/gallery.js';\n\nimport CardHeader from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue';\n\nconst route = useRoute();\n\n// Tabs\nconst tab = ref('all')\n// Sort\nlet sort = ref({\n param: 'createdAt',\n order: 'desc',\n options: [{\n label: 'Date',\n value: 'createdAt'\n },{\n label: 'Popularity',\n value: 'views'\n },{\n label: 'Creator',\n value: 'creator'\n }]\n})\n// Date\nlet date = ref({\n start: null,\n end: null\n})\n// Popup\n// Preview Photo\nconst isOpenPreviewPopup = ref(false);\nfunction openPreviewPopup(photo) {\n isOpenPreviewPopup.value = true;\n selectedPhoto.value = photo;\n}\nfunction closePreviewPopup() {\n isOpenPreviewPopup.value = false;\n selectedPhoto.value = null;\n}\n// Add Photo\nconst isOpenPhotoPopup = ref(false);\nfunction openPhotoPopup(photo) {\n isOpenPhotoPopup.value = true;\n selectedPhoto.value = photo;\n}\nfunction closePhotoPopup() {\n isOpenPhotoPopup.value = false;\n selectedPhoto.value = null;\n uploadedImages.value = [];\n selectedImage.value = { tags: null, image: null };\n}\n// Selected Photo\nconst selectedPhoto = ref(null);\nconst selectedCategory = ref('all')\nconst selectedImage = ref({\n tags: null,\n image: null\n})\nconst uploadedImages = ref([])\nconst onUpdatedImages = (newImages) => {\n uploadedImages.value = newImages\n}\n// Gallery Grid\nconst photos = ref([])\n\nconst deletePhoto = async (item) => {\n let deletedPhoto = JSON.parse(JSON.stringify(item));\n\n deletedPhoto.owner.target = deletedPhoto.owner.target._id\n deletedPhoto.creator.target = deletedPhoto.creator.target._id\n\n await gallery.delete(deletedPhoto);\n\n gallery.removeItem(deletedPhoto, photos.value)\n};\n\nconst changeStatus = async (item, status) => {\n let updatedPhoto = JSON.parse(JSON.stringify(item));\n\n updatedPhoto.status = status\n\n updatedPhoto.owner.target = updatedPhoto.owner.target._id\n updatedPhoto.creator.target = updatedPhoto.creator.target._id\n\n updatedPhoto = await gallery.update(updatedPhoto)\n gallery.updateItem(updatedPhoto, photos.value)\n}\n\nconst createPhoto = async (status) => {\n if (uploadedImages.length < 1) {\n alert('Upload at least 1 image')\n return\n }\n\n let createdPhotos = await gallery.create({\n images: uploadedImages.value,\n tags: selectedImage.value.tags,\n status: status,\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n }\n })\n\n for (let createdPhoto of createdPhotos) {\n gallery.addItem(createdPhoto, photos.value)\n }\n}\n</script>\n\n<style scoped>\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2KA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,MAAM,IAAI,KAAK;AAErB,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS,CAAC;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MACX,GAAI;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACX,GAAI;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;AAED,QAAI,OAAO,IAAI;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,IACP,CAAC;AAGD,UAAM,qBAAqB,IAAI,KAAK;AACpC,aAAS,iBAAiB,OAAO;AAC/B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,mBAAmB,IAAI,KAAK;AAClC,aAAS,eAAe,OAAO;AAC7B,uBAAiB,QAAQ;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,kBAAkB;AACzB,uBAAiB,QAAQ;AACzB,oBAAc,QAAQ;AACtB,qBAAe,QAAQ,CAAA;AACvB,oBAAc,QAAQ,EAAE,MAAM,MAAM,OAAO,KAAI;AAAA,IACjD;AAEA,UAAM,gBAAgB,IAAI,IAAI;AACL,QAAI,KAAK;AAClC,UAAM,gBAAgB,IAAI;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AACD,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAC7B,UAAM,kBAAkB,CAAC,cAAc;AACrC,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,SAAS,IAAI,CAAA,CAAE;AAErB,UAAM,cAAc,OAAO,SAAS;AAClC,UAAI,eAAe,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAElD,mBAAa,MAAM,SAAS,aAAa,MAAM,OAAO;AACtD,mBAAa,QAAQ,SAAS,aAAa,QAAQ,OAAO;AAE1D,YAAM,QAAQ,OAAO,YAAY;AAEjC,cAAQ,WAAW,cAAc,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,eAAe,OAAO,MAAM,WAAW;AAC3C,UAAI,eAAe,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAElD,mBAAa,SAAS;AAEtB,mBAAa,MAAM,SAAS,aAAa,MAAM,OAAO;AACtD,mBAAa,QAAQ,SAAS,aAAa,QAAQ,OAAO;AAE1D,qBAAe,MAAM,QAAQ,OAAO,YAAY;AAChD,cAAQ,WAAW,cAAc,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,cAAc,OAAO,WAAW;AACpC,UAAI,eAAe,SAAS,GAAG;AAC7B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AAEA,UAAI,gBAAgB,MAAM,QAAQ,OAAO;AAAA,QACvC,QAAQ,eAAe;AAAA,QACvB,MAAM,cAAc,MAAM;AAAA,QAC1B;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC3B;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,MACA,CAAG;AAED,eAAS,gBAAgB,eAAe;AACtC,gBAAQ,QAAQ,cAAc,OAAO,KAAK;AAAA,MAC5C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js CHANGED Viewed

@@ -11,7 +11,7 @@ const _hoisted_2 = {
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center" };
 const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = { class: "t-small t-truncate w-100 t-center" };
+const _hoisted_6 = { class: "t-small truncate w-100 t-center" };
 const _hoisted_7 = {
   key: 1,
   class: "mn-t-medium pd-small bg-danger radius-medium t-white"
@@ -204,14 +204,14 @@ const _sfc_main = {
                 read: (options) => store.read(options)
               },
               options: { limit: 50 },
-              class: "cols-4 gap-small icon-grid"
+              class: "cols-4 mobile:cols-2 gap-small icon-grid"
             }, {
               default: withCtx(({ items }) => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (icon) => {
                   return openBlock(), createElementBlock("div", {
                     key: icon.id,
                     onClick: ($event) => selectIcon(icon),
-                    class: "icon-item aspect-1x1 radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+                    class: "icon-item aspect-1x1 radius-medium flex-center flex-v-center flex-column cursor-pointer hover:scale-[1.05] pd-small"
                   }, [
                     createElementVNode("div", _hoisted_4, [
                       createElementVNode("div", {
@@ -233,7 +233,7 @@ const _sfc_main = {
     };
   }
 };
-const IconSearchPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e52420b2"]]);
+const IconSearchPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3479d8be"]]);
 export {
   IconSearchPopup as default
 };

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconSearchPopup.vue.js","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n <div class=\"icon-search-popup\">\n <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n <input \n v-model=\"iconName\" \n type=\"text\" \n placeholder=\"Icon name (e.g., IconCart)\"\n class=\"pd-small radius-medium border-light\"\n />\n <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n <option value=\"\">Select category</option>\n <option value=\"navigation\">Navigation</option>\n <option value=\"entities\">Entities</option>\n <option value=\"actions\">Actions</option>\n <option value=\"socials\">Socials</option>\n </select>\n </div>\n\n <Feed\n :search=\"true\"\n :showLoadMore=\"true\"\n :skeleton=\"{\n hide: false,\n horizontal: false,\n structure: [\n { block: 'image', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No icons found',\n description: 'Try searching for different terms'\n }\n }\"\n :store=\"{\n read: (options) => store.read(options)\n }\"\n :options=\"{ limit: 50 }\"\n v-slot=\"{ items }\"\n class=\"cols-4 gap-small icon-grid\"\n >\n <div \n v-for=\"icon in items\" \n :key=\"icon.id\"\n @click=\"selectIcon(icon)\"\n class=\"icon-item aspect-1x1 radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small\"\n >\n <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n <div \n class=\"icon-svg w-100 h-100\"\n v-html=\"getIconSvg(icon)\"\n ></div>\n </div>\n <div class=\"t-small t-truncate w-100 t-center\">{{ icon.term }}</div>\n </div>\n </Feed>\n\n <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n {{ error }}\n </div>\n </div>\n </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n isOpen: {\n type: Boolean,\n default: false\n },\n mode: {\n type: String,\n default: 'add', // 'add' or 'replace'\n validator: (value) => ['add', 'replace'].includes(value)\n },\n currentIcon: {\n type: Object,\n default: null\n }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component with pagination support\nconst paginationState = ref({ next_page: null, currentSearch: null });\n\nconst store = {\n async read(params = {}) {\n try {\n if (!params.search) {\n return [];\n }\n\n // Сбросить пагинацию при новом поиске\n if (paginationState.value.currentSearch !== params.search) {\n paginationState.value = { next_page: null, currentSearch: params.search };\n }\n\n const requestBody = {\n search: params.search,\n limit: params.limit \|\| 50\n };\n\n // Feed использует skip-based пагинацию, конвертируем в token-based\n // Если skip > 0, используем сохранённый next_page токен\n if (params.skip && params.skip > 0 && paginationState.value.next_page) {\n requestBody.next_page = paginationState.value.next_page;\n }\n\n const response = await fetch('/api/icons/search', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(requestBody)\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new Error(data.error \|\| 'Failed to search icons');\n }\n\n // Сохранить next_page для следующего запроса Load More\n if (data.pagination && data.pagination.next_page) {\n paginationState.value.next_page = data.pagination.next_page;\n } else {\n // Если нет next_page, значит больше страниц нет\n paginationState.value.next_page = null;\n }\n\n // Feed ожидает массив, не объект\n return data.icons \|\| [];\n } catch (err) {\n console.error('Search error:', err);\n error.value = err.message;\n return [];\n }\n }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n if (newVal && props.mode === 'replace' && props.currentIcon) {\n iconName.value = props.currentIcon.name;\n category.value = props.currentIcon.category;\n // Set initial search term (remove Icon prefix)\n searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n // Use the PNG preview from Noun Project but apply CSS filter to make it black\n if (icon.preview_url) {\n return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n }\n \n // Fallback SVG placeholder\n return `\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n ${icon.term.slice(0, 3)}\n </text>\n </svg>\n `;\n}\n\nasync function selectIcon(icon) {\n if (props.mode === 'add' && (!iconName.value \|\| !category.value)) {\n error.value = 'Please enter icon name and select category';\n return;\n }\n\n loading.value = true;\n error.value = '';\n\n try {\n const response = await fetch('/api/icons/save', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n iconId: icon.id,\n category: category.value,\n iconName: iconName.value,\n mode: props.mode,\n currentIconName: props.currentIcon?.name\n })\n });\n\n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error \|\| 'Failed to save icon');\n }\n\n emit('icon-selected', {\n ...data,\n icon: {\n name: iconName.value,\n category: category.value,\n term: icon.term\n }\n });\n \n closePopup();\n } catch (err) {\n console.error('Save error:', err);\n error.value = err.message;\n } finally {\n loading.value = false;\n }\n}\n\nfunction closePopup() {\n error.value = '';\n iconName.value = '';\n category.value = '';\n searchValue.value = '';\n emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n min-height: 500px;\n}\n\n.icon-grid {\n min-height: 400px;\n}\n\n.icon-item {\n transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n background-color: rgb(var(--light-hover));\n transform: scale(1.05);\n}\n\n.icon-preview {\n background: rgb(var(--light));\n border-radius: 8px;\n}\n\n.icon-svg {\n filter: none;\n}\n\n.w-max-800 {\n max-width: 800px;\n width: 90vw;\n}\n\n::v-deep(.feed-enter-active),\n::v-deep(.feed-leave-active) {\n transition: all 0.3s ease;\n}\n\n::v-deep(.feed-enter-from),\n::v-deep(.feed-leave-to) {\n opacity: 0;\n transform: scale(0.9);\n}\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"IconSearchPopup.vue.js","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n <div class=\"icon-search-popup\">\n <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n <input \n v-model=\"iconName\" \n type=\"text\" \n placeholder=\"Icon name (e.g., IconCart)\"\n class=\"pd-small radius-medium border-light\"\n />\n <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n <option value=\"\">Select category</option>\n <option value=\"navigation\">Navigation</option>\n <option value=\"entities\">Entities</option>\n <option value=\"actions\">Actions</option>\n <option value=\"socials\">Socials</option>\n </select>\n </div>\n\n <Feed\n :search=\"true\"\n :showLoadMore=\"true\"\n :skeleton=\"{\n hide: false,\n horizontal: false,\n structure: [\n { block: 'image', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No icons found',\n description: 'Try searching for different terms'\n }\n }\"\n :store=\"{\n read: (options) => store.read(options)\n }\"\n :options=\"{ limit: 50 }\"\n v-slot=\"{ items }\"\n class=\"cols-4 mobile:cols-2 gap-small icon-grid\"\n >\n <div \n v-for=\"icon in items\" \n :key=\"icon.id\"\n @click=\"selectIcon(icon)\"\n class=\"icon-item aspect-1x1 radius-medium flex-center flex-v-center flex-column cursor-pointer hover:scale-[1.05] pd-small\"\n >\n <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n <div \n class=\"icon-svg w-100 h-100\"\n v-html=\"getIconSvg(icon)\"\n ></div>\n </div>\n <div class=\"t-small truncate w-100 t-center\">{{ icon.term }}</div>\n </div>\n </Feed>\n\n <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n {{ error }}\n </div>\n </div>\n </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n isOpen: {\n type: Boolean,\n default: false\n },\n mode: {\n type: String,\n default: 'add', // 'add' or 'replace'\n validator: (value) => ['add', 'replace'].includes(value)\n },\n currentIcon: {\n type: Object,\n default: null\n }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component with pagination support\nconst paginationState = ref({ next_page: null, currentSearch: null });\n\nconst store = {\n async read(params = {}) {\n try {\n if (!params.search) {\n return [];\n }\n\n // Сбросить пагинацию при новом поиске\n if (paginationState.value.currentSearch !== params.search) {\n paginationState.value = { next_page: null, currentSearch: params.search };\n }\n\n const requestBody = {\n search: params.search,\n limit: params.limit \|\| 50\n };\n\n // Feed использует skip-based пагинацию, конвертируем в token-based\n // Если skip > 0, используем сохранённый next_page токен\n if (params.skip && params.skip > 0 && paginationState.value.next_page) {\n requestBody.next_page = paginationState.value.next_page;\n }\n\n const response = await fetch('/api/icons/search', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(requestBody)\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n throw new Error(data.error \|\| 'Failed to search icons');\n }\n\n // Сохранить next_page для следующего запроса Load More\n if (data.pagination && data.pagination.next_page) {\n paginationState.value.next_page = data.pagination.next_page;\n } else {\n // Если нет next_page, значит больше страниц нет\n paginationState.value.next_page = null;\n }\n\n // Feed ожидает массив, не объект\n return data.icons \|\| [];\n } catch (err) {\n console.error('Search error:', err);\n error.value = err.message;\n return [];\n }\n }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n if (newVal && props.mode === 'replace' && props.currentIcon) {\n iconName.value = props.currentIcon.name;\n category.value = props.currentIcon.category;\n // Set initial search term (remove Icon prefix)\n searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n // Use the PNG preview from Noun Project but apply CSS filter to make it black\n if (icon.preview_url) {\n return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n }\n \n // Fallback SVG placeholder\n return `\n <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n ${icon.term.slice(0, 3)}\n </text>\n </svg>\n `;\n}\n\nasync function selectIcon(icon) {\n if (props.mode === 'add' && (!iconName.value \|\| !category.value)) {\n error.value = 'Please enter icon name and select category';\n return;\n }\n\n loading.value = true;\n error.value = '';\n\n try {\n const response = await fetch('/api/icons/save', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n iconId: icon.id,\n category: category.value,\n iconName: iconName.value,\n mode: props.mode,\n currentIconName: props.currentIcon?.name\n })\n });\n\n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error \|\| 'Failed to save icon');\n }\n\n emit('icon-selected', {\n ...data,\n icon: {\n name: iconName.value,\n category: category.value,\n term: icon.term\n }\n });\n \n closePopup();\n } catch (err) {\n console.error('Save error:', err);\n error.value = err.message;\n } finally {\n loading.value = false;\n }\n}\n\nfunction closePopup() {\n error.value = '';\n iconName.value = '';\n category.value = '';\n searchValue.value = '';\n emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n min-height: 500px;\n}\n\n.icon-grid {\n min-height: 400px;\n}\n\n.icon-item {\n transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n background-color: rgb(var(--light-hover));\n transform: scale(1.05);\n}\n\n.icon-preview {\n background: rgb(var(--light));\n border-radius: 8px;\n}\n\n.icon-svg {\n filter: none;\n}\n\n.w-max-800 {\n max-width: 800px;\n width: 90vw;\n}\n\n::v-deep(.feed-enter-active),\n::v-deep(.feed-leave-active) {\n transition: all 0.3s ease;\n}\n\n::v-deep(.feed-enter-from),\n::v-deep(.feed-leave-to) {\n opacity: 0;\n transform: scale(0.9);\n}\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/icons/navigation/IconSort.vue.js CHANGED Viewed

@@ -31,7 +31,7 @@ const _sfc_main = {
           height: "5",
           rx: "2.5",
           fill: __props.fill,
-          class: "transition-linear"
+          class: "ease-linear"
         }, null, 8, _hoisted_2),
         createElementVNode("rect", {
           y: "9",
@@ -39,7 +39,7 @@ const _sfc_main = {
           height: "5",
           rx: "2.5",
           fill: __props.fill,
-          class: "transition-linear"
+          class: "ease-linear"
         }, null, 8, _hoisted_3),
         createElementVNode("rect", {
           y: "18",
@@ -47,7 +47,7 @@ const _sfc_main = {
           height: "5",
           rx: "2.5",
           fill: __props.fill,
-          class: "transition-linear"
+          class: "ease-linear"
         }, null, 8, _hoisted_4),
         createElementVNode("rect", {
           y: "27",
@@ -55,7 +55,7 @@ const _sfc_main = {
           height: "5",
           rx: "2.5",
           fill: __props.fill,
-          class: "transition-linear"
+          class: "ease-linear"
         }, null, 8, _hoisted_5)
       ]);
     };

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.js CHANGED Viewed

@@ -90,11 +90,11 @@ import SkeletonEvent from "../skeletons/SkeletonEvent.vue.js";
 /* empty css               */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "pd-medium" };
-const _hoisted_2 = { class: "mn-b-medium t-medium" };
+const _hoisted_2 = { class: "mn-b-medium fw-medium" };
 const _hoisted_3 = { class: "cols-6 gap-thin" };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = { class: "flex-center flex h-60" };
-const _hoisted_6 = { class: "pd-t-thin pd-b-thin t-center t-small t-truncate" };
+const _hoisted_6 = { class: "pd-t-thin pd-b-thin t-center t-small truncate" };
 const _hoisted_7 = {
   key: 0,
   class: "pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin"
@@ -271,11 +271,11 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", { class: "flex-between mn-b-medium" }, [
+        createElementVNode("div", { class: "flex-justify-between mn-b-medium" }, [
           _cache[1] || (_cache[1] = createElementVNode("h2", null, "Martyrs Icons Gallery", -1)),
           createElementVNode("button", {
             onClick: openAddIconPopup,
-            class: "pd-small pd-medium bg-second t-white radius-medium hover-scale-1 cursor-pointer border-none"
+            class: "pd-small pd-medium bg-second t-white radius-medium hover:scale-[1.05] cursor-pointer border-none"
           }, " Add New Icon ")
         ]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(categories.value, (category, index) => {
@@ -288,7 +288,7 @@ const _sfc_main = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(category.icons, (icon, iconIndex) => {
                 return openBlock(), createElementBlock("div", {
                   key: iconIndex,
-                  class: "icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer pos-relative",
+                  class: "icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover:scale-[1.05] cursor-pointer pos-relative",
                   onClick: ($event) => copyIconName(icon.name, category.name)
                 }, [
                   createElementVNode("div", _hoisted_5, [
@@ -298,7 +298,7 @@ const _sfc_main = {
                   copiedIcon.value === icon.name ? (openBlock(), createElementBlock("div", _hoisted_7, " Copied! ")) : createCommentVNode("", true),
                   createElementVNode("button", {
                     onClick: withModifiers(($event) => openReplaceIconPopup(icon, category.name), ["stop"]),
-                    class: "replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover-scale-1 cursor-pointer border-none",
+                    class: "replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover:scale-[1.05] cursor-pointer border-none",
                     title: "Replace icon"
                   }, [
                     createVNode(_sfc_main$R, {
@@ -323,7 +323,7 @@ const _sfc_main = {
     };
   }
 };
-const IconsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c38b132b"]]);
+const IconsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac4d495b"]]);
 export {
   IconsPage as default
 };

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconsPage.vue.js","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n <div class=\"pd-medium\">\n <div class=\"flex-between mn-b-medium\">\n <h2>Martyrs Icons Gallery</h2>\n <button @click=\"openAddIconPopup\" class=\"pd-small pd-medium bg-second t-white radius-medium hover-scale-1 cursor-pointer border-none\">\n Add New Icon\n </button>\n </div>\n \n <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n <h3 class=\"mn-b-medium t-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n <div class=\"cols-6 gap-thin\">\n <div \n v-for=\"(icon, iconIndex) in category.icons\" \n :key=\"iconIndex\" \n class=\"icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer pos-relative\"\n @click=\"copyIconName(icon.name, category.name)\"\n >\n <div class=\"flex-center flex h-60\">\n <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n </div>\n <div class=\"pd-t-thin pd-b-thin t-center t-small t-truncate\">\n {{ icon.name }}\n </div>\n <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n Copied!\n </div>\n <button \n @click.stop=\"openReplaceIconPopup(icon, category.name)\"\n class=\"replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover-scale-1 cursor-pointer border-none\"\n title=\"Replace icon\"\n >\n <IconRefresh class=\"w-1r h-1r\" :fill=\"'rgb(var(--white))'\" />\n </button>\n </div>\n </div>\n </div>\n\n <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n {{ notificationMessage }}\n </div>\n\n <IconSearchPopup \n :isOpen=\"showSearchPopup\" \n :mode=\"popupMode\"\n :currentIcon=\"currentIconForReplace\"\n @close=\"showSearchPopup = false\"\n @icon-selected=\"handleIconSelected\"\n />\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport IconSearchPopup from '../components/IconSearchPopup.vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconHeart from '@martyrs/src/modules/icons/navigation/IconHeart.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\nimport IconLock from '@martyrs/src/modules/icons/entities/IconLock.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconOpenLink from '@martyrs/src/modules/icons/actions/IconOpenLink.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\n// Icons map to avoid duplication\nconst iconsMap = {\n navigation: {\n IconInfo,\n IconMinus,\n IconEllipsis,\n IconPlus,\n IconHeart,\n IconCheckmark,\n IconPause,\n IconAdd,\n IconVolume,\n IconUnMute,\n IconCross,\n IconDoubleCheck,\n IconSearch,\n IconChevronRight,\n IconLike,\n IconDelete,\n IconCheck,\n IconFilter,\n IconAttach,\n IconRefresh,\n IconUpload,\n IconSort,\n IconChevronBottom,\n IconChevronLeft,\n IconEdit,\n IconMute,\n IconSend,\n IconArrow,\n IconPlay,\n IconShuffle\n },\n entities: {\n IconInfo: IconInfoEntities,\n IconPrice,\n IconCalendar,\n IconPayments,\n IconBell,\n IconTime,\n IconCommunity,\n IconGallery,\n IconFile,\n IconFollowing,\n IconEvents,\n IconHome,\n IconProducts,\n IconCatalog,\n IconShopcart,\n IconRecent,\n IconList,\n IconSettings,\n IconPhone,\n IconEmail,\n IconAddress,\n IconEarn,\n IconPopular,\n IconDiscount,\n IconDate,\n IconFeatured,\n IconLeftovers,\n IconOrders,\n IconMusic,\n IconProfile,\n IconGroups,\n IconLock\n },\n placeholders: {\n PlaceholderOrganizationPic,\n PlaceholderChat,\n PlaceholderImage,\n PlaceholderUserpic\n },\n socials: {\n vk: Vk,\n instagram: Instagram,\n telegram: Telegram,\n twitter: Twitter,\n linkedin: Linkedin,\n reddit: Reddit,\n dribbble: Dribbble,\n facebook: Facebook,\n youtube: Youtube,\n line: Line\n },\n actions: {\n IconDuplicate,\n IconOpenLink,\n IconShopcartAdd,\n IconShow\n },\n labels: {\n LabelGooglePlay,\n LabelAppStore\n },\n logos: {\n Logotype\n },\n skeletons: {\n SkeletonEventShort,\n SkeletonBlogpost,\n SkeletonOrganization,\n SkeletonEvent\n }\n};\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\nconst showSearchPopup = ref(false);\nconst popupMode = ref('add');\nconst currentIconForReplace = ref(null);\n\nonMounted(() => {\n loadIcons();\n});\n\nfunction loadIcons() {\n categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({\n name: categoryName,\n icons: Object.entries(icons).map(([name, component]) => ({\n name,\n component\n }))\n }));\n}\n\nfunction formatCategoryName(name) {\n return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n navigator.clipboard.writeText(importStatement);\n \n copiedIcon.value = iconName;\n notificationMessage.value = `Copied: ${importStatement}`;\n displayNotification.value = true;\n \n setTimeout(() => {\n copiedIcon.value = '';\n setTimeout(() => {\n displayNotification.value = false;\n }, 2000);\n }, 1000);\n}\n\nfunction openAddIconPopup() {\n popupMode.value = 'add';\n currentIconForReplace.value = null;\n showSearchPopup.value = true;\n}\n\nfunction openReplaceIconPopup(icon, categoryName) {\n popupMode.value = 'replace';\n currentIconForReplace.value = {\n name: icon.name,\n category: categoryName,\n component: icon.component\n };\n showSearchPopup.value = true;\n}\n\nfunction handleIconSelected(data) {\n // Reload icons after successful save\n loadIcons();\n \n // Show success notification\n notificationMessage.value = data.mode === 'add' \n ? `Added new icon: ${data.icon.name}` \n : `Replaced icon: ${data.icon.name}`;\n displayNotification.value = true;\n \n setTimeout(() => {\n displayNotification.value = false;\n }, 3000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n height: 60%;\n}\n\n.notification {\n z-index: 100;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.icon-card .replace-btn {\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.icon-card:hover .replace-btn {\n opacity: 1;\n}\n\n.flex-between {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n</style>"],"names":["IconInfo","IconMinus","IconEllipsis","IconPlus","IconHeart","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconChevronRight","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconChevronLeft","IconEdit","IconMute","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconList","IconSettings","IconPhone","IconEmail","IconAddress","IconEarn","IconPopular","IconDiscount","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","IconLock","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconOpenLink","IconShopcartAdd","IconShow"],"mappings":"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"}
1	+ {"version":3,"file":"IconsPage.vue.js","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n <div class=\"pd-medium\">\n <div class=\"flex-justify-between mn-b-medium\">\n <h2>Martyrs Icons Gallery</h2>\n <button @click=\"openAddIconPopup\" class=\"pd-small pd-medium bg-second t-white radius-medium hover:scale-[1.05] cursor-pointer border-none\">\n Add New Icon\n </button>\n </div>\n \n <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n <h3 class=\"mn-b-medium fw-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n <div class=\"cols-6 gap-thin\">\n <div \n v-for=\"(icon, iconIndex) in category.icons\" \n :key=\"iconIndex\" \n class=\"icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover:scale-[1.05] cursor-pointer pos-relative\"\n @click=\"copyIconName(icon.name, category.name)\"\n >\n <div class=\"flex-center flex h-60\">\n <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n </div>\n <div class=\"pd-t-thin pd-b-thin t-center t-small truncate\">\n {{ icon.name }}\n </div>\n <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n Copied!\n </div>\n <button \n @click.stop=\"openReplaceIconPopup(icon, category.name)\"\n class=\"replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover:scale-[1.05] cursor-pointer border-none\"\n title=\"Replace icon\"\n >\n <IconRefresh class=\"w-1r h-1r\" :fill=\"'rgb(var(--white))'\" />\n </button>\n </div>\n </div>\n </div>\n\n <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n {{ notificationMessage }}\n </div>\n\n <IconSearchPopup \n :isOpen=\"showSearchPopup\" \n :mode=\"popupMode\"\n :currentIcon=\"currentIconForReplace\"\n @close=\"showSearchPopup = false\"\n @icon-selected=\"handleIconSelected\"\n />\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport IconSearchPopup from '../components/IconSearchPopup.vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconHeart from '@martyrs/src/modules/icons/navigation/IconHeart.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\nimport IconLock from '@martyrs/src/modules/icons/entities/IconLock.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconOpenLink from '@martyrs/src/modules/icons/actions/IconOpenLink.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\n// Icons map to avoid duplication\nconst iconsMap = {\n navigation: {\n IconInfo,\n IconMinus,\n IconEllipsis,\n IconPlus,\n IconHeart,\n IconCheckmark,\n IconPause,\n IconAdd,\n IconVolume,\n IconUnMute,\n IconCross,\n IconDoubleCheck,\n IconSearch,\n IconChevronRight,\n IconLike,\n IconDelete,\n IconCheck,\n IconFilter,\n IconAttach,\n IconRefresh,\n IconUpload,\n IconSort,\n IconChevronBottom,\n IconChevronLeft,\n IconEdit,\n IconMute,\n IconSend,\n IconArrow,\n IconPlay,\n IconShuffle\n },\n entities: {\n IconInfo: IconInfoEntities,\n IconPrice,\n IconCalendar,\n IconPayments,\n IconBell,\n IconTime,\n IconCommunity,\n IconGallery,\n IconFile,\n IconFollowing,\n IconEvents,\n IconHome,\n IconProducts,\n IconCatalog,\n IconShopcart,\n IconRecent,\n IconList,\n IconSettings,\n IconPhone,\n IconEmail,\n IconAddress,\n IconEarn,\n IconPopular,\n IconDiscount,\n IconDate,\n IconFeatured,\n IconLeftovers,\n IconOrders,\n IconMusic,\n IconProfile,\n IconGroups,\n IconLock\n },\n placeholders: {\n PlaceholderOrganizationPic,\n PlaceholderChat,\n PlaceholderImage,\n PlaceholderUserpic\n },\n socials: {\n vk: Vk,\n instagram: Instagram,\n telegram: Telegram,\n twitter: Twitter,\n linkedin: Linkedin,\n reddit: Reddit,\n dribbble: Dribbble,\n facebook: Facebook,\n youtube: Youtube,\n line: Line\n },\n actions: {\n IconDuplicate,\n IconOpenLink,\n IconShopcartAdd,\n IconShow\n },\n labels: {\n LabelGooglePlay,\n LabelAppStore\n },\n logos: {\n Logotype\n },\n skeletons: {\n SkeletonEventShort,\n SkeletonBlogpost,\n SkeletonOrganization,\n SkeletonEvent\n }\n};\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\nconst showSearchPopup = ref(false);\nconst popupMode = ref('add');\nconst currentIconForReplace = ref(null);\n\nonMounted(() => {\n loadIcons();\n});\n\nfunction loadIcons() {\n categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({\n name: categoryName,\n icons: Object.entries(icons).map(([name, component]) => ({\n name,\n component\n }))\n }));\n}\n\nfunction formatCategoryName(name) {\n return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n navigator.clipboard.writeText(importStatement);\n \n copiedIcon.value = iconName;\n notificationMessage.value = `Copied: ${importStatement}`;\n displayNotification.value = true;\n \n setTimeout(() => {\n copiedIcon.value = '';\n setTimeout(() => {\n displayNotification.value = false;\n }, 2000);\n }, 1000);\n}\n\nfunction openAddIconPopup() {\n popupMode.value = 'add';\n currentIconForReplace.value = null;\n showSearchPopup.value = true;\n}\n\nfunction openReplaceIconPopup(icon, categoryName) {\n popupMode.value = 'replace';\n currentIconForReplace.value = {\n name: icon.name,\n category: categoryName,\n component: icon.component\n };\n showSearchPopup.value = true;\n}\n\nfunction handleIconSelected(data) {\n // Reload icons after successful save\n loadIcons();\n \n // Show success notification\n notificationMessage.value = data.mode === 'add' \n ? `Added new icon: ${data.icon.name}` \n : `Replaced icon: ${data.icon.name}`;\n displayNotification.value = true;\n \n setTimeout(() => {\n displayNotification.value = false;\n }, 3000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n height: 60%;\n}\n\n.notification {\n z-index: 100;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.icon-card .replace-btn {\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.icon-card:hover .replace-btn {\n opacity: 1;\n}\n\n.flex-justify-between {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n</style>"],"names":["IconInfo","IconMinus","IconEllipsis","IconPlus","IconHeart","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconChevronRight","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconChevronLeft","IconEdit","IconMute","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconList","IconSettings","IconPhone","IconEmail","IconAddress","IconEarn","IconPopular","IconDiscount","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","IconLock","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconOpenLink","IconShopcartAdd","IconShow"],"mappings":"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"}

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
-import Field from "../../../../components/Field/Field.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";
@@ -145,7 +145,7 @@ const _sfc_main = {
           ])
         ]),
         productVariants.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-small fw-medium" }, "Select Variant", -1)),
           createVNode(Select, {
             select: selectedVariant.value,
             "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedVariant.value = $event),
@@ -157,7 +157,7 @@ const _sfc_main = {
           }, null, 8, ["select", "options"])
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_5, [
-          _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
+          _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-small fw-medium" }, "Select Storage", -1)),
           createVNode(Select, {
             select: selectedStorage.value,
             "onUpdate:select": _cache[2] || (_cache[2] = ($event) => selectedStorage.value = $event),
@@ -169,7 +169,7 @@ const _sfc_main = {
           }, null, 8, ["select", "options"])
         ]),
         createElementVNode("div", _hoisted_6, [
-          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small fw-medium" }, "Adjustment Reason", -1)),
           createElementVNode("div", _hoisted_7, [
             (openBlock(), createElementBlock(Fragment, null, renderList(adjustmentReasons, (reason) => {
               return createElementVNode("div", {