npm - @ozdao/martyrs - Versions diffs - 0.2.495 → 0.2.496 - Mend

@ozdao/martyrs 0.2.495 → 0.2.496

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 (116) hide show

package/dist/martyrs/src/modules/music/components/pages/Track.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Track.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Track.vue"],"sourcesContent":["<!-- components/pages/Track.vue -->\n<template>\n <div class=\"track-page pd-small\">\n <!-- Loading -->\n <div v-if=\"isLoading\" class=\"w-100 h-25r flex-center flex\">\n <Loader />\n </div>\n\n <!-- Not Found -->\n <div v-if=\"hasLoaded && !track\" class=\"t-center pd-big\">\n <h2 class=\"\">Track not found</h2>\n <p class=\"t-transp t-medium\">The track you're looking for doesn't exist or has been removed.</p>\n </div>\n\n <!-- Track Content -->\n <div v-if=\"track\" class=\"track-content cols-2-fit-content mobile:cols-1 gap-big\">\n <!-- Left Column - Cover & Stats -->\n <div class=\"pos-sticky pos-t-0 mobile:pos-relative track-cover-section\">\n <!-- Cover with Play Overlay -->\n <div class=\"cover-container relative mn-b-medium radius-big overflow-hidden shadow-big\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n :alt=\"track.title\"\n class=\"aspect-1x1 w-100 radius-medium o-hidden\"\n />\n <!-- <div class=\"cover-overlay absolute inset-0 bg-black-transp-40 flex-center opacity-0 hover-opacity-100 transition\">\n <Button\n @click=\"playTrack\"\n color=\"white\"\n size=\"big\"\n class=\"w-5r h-5r radius-full shadow-big hover-scale-110\"\n >\n <IconPlay class=\"w-2r h-2r\" />\n </Button>\n </div> -->\n </div>\n\n \n\n <!-- Quick Stats -->\n <div class=\"stats-grid grid cols-2 gap-small\">\n <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n <div class=\" mn-b-thin\">{{ formatNumber(track.playCount) }}</div>\n <div class=\"t-small t-transp t-uppercase\">Plays</div>\n </div>\n <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n <div class=\" mn-b-thin\">{{ formatNumber(track.views) }}</div>\n <div class=\"t-small t-transp t-uppercase\">Views</div>\n </div>\n </div>\n </div>\n\n <!-- Right Column - Track Details -->\n <div class=\"track-details-section\">\n <!-- Track Type Badge -->\n <div class=\"flex items-center gap-small mn-b-small\">\n <span class=\"badge bg-primary-transp-20 t-primary pd-thin-big radius-small t-small t-uppercase\">Single</span>\n <span v-if=\"track.isExplicit\" class=\"badge bg-danger-transp-20 t-danger pd-thin-big radius-small t-small\">Explicit</span>\n </div>\n\n <!-- Track Title -->\n <h1 class=\"h1 mn-b-medium\">{{ track.title }}</h1>\n <!-- Action Buttons -->\n <div class=\"flex gap-small mn-b-medium\">\n <Button\n @click=\"playTrack\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 t-white bg-black radius-thin flex-center gap-thin\"\n >\n <IconPlay fill=\"rgb(var(--white))\" class=\"i-medium\" />\n Play\n </Button>\n\n <Button\n @click=\"addToQueue\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n >\n <IconAdd class=\"i-medium\" />\n Add to Queue\n </Button>\n\n <Button\n @click=\"toggleFavorite\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n >\n <IconLike class=\"i-medium\" :fill=\"isFavorite\" />\n {{isFavorite ? 'Liked' : 'Like'}}\n </Button>\n\n <Dropdown :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\" v-model=\"showDropdown\" class=\"relative\">\n <template #trigger>\n <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n <IconEllipsis class=\"w-1-25r h-1-25r\" />\n </Button>\n </template>\n <template #default>\n <div class=\"dropdown-menu bg-dark pd-small radius-medium shadow-big mn-t-thin\">\n <Button @click=\"showAddToPlaylistModal = true\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Add to Playlist\n </Button>\n <Button @click=\"copyLink\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Copy Link\n </Button>\n <template v-if=\"isOwner\">\n <hr class=\"mn-v-thin border-dark-transp-10\" />\n <Button @click=\"editTrack\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Edit Track\n </Button>\n <Button @click=\"deleteTrack\" color=\"danger\" size=\"small\" class=\"w-100 justify-start\">\n Delete Track\n </Button>\n </template>\n </div>\n </template>\n </Dropdown>\n </div>\n\n <!-- Artist Card -->\n <div class=\"artist-card bg-light pd-medium radius-medium flex items-center gap-medium mn-b-big\">\n <router-link \n :to=\"{ name: 'artist', params: { url: track.artist.url } }\"\n class=\"flex items-center gap-medium flex-1 hover-opacity\"\n >\n <div class=\"artist-avatar\">\n <Media \n v-if=\"track.artist.photoUrl\"\n :src=\"track.artist.photoUrl\"\n :alt=\"track.artist.name\"\n class=\"w-4r h-4r radius-full object-cover\"\n />\n <div v-else class=\"w-4r h-4r radius-full bg-primary flex-center \">\n {{ track.artist.name.charAt(0) }}\n </div>\n </div>\n <div>\n <div class=\"flex items-center gap-thin\">\n <span class=\"t-large \">{{ track.artist.name }}</span>\n <IconVerified v-if=\"track.artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n </div>\n <span class=\"t-small t-transp\">Artist</span>\n </div>\n </router-link>\n <Button \n v-if=\"!isOwner\"\n @click=\"toggleFollowArtist\"\n :color=\"isFollowingArtist ? 'primary' : 'transp'\"\n size=\"small\"\n >\n {{ isFollowingArtist ? 'Following' : 'Follow' }}\n </Button>\n </div>\n\n\n\n <!-- Metadata Cards -->\n <div class=\"metadata-grid grid cols-2 gap-small mn-b-big\">\n <!-- Duration -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <div class=\"icon-wrapper bg-primary-transp-20 w-3r h-3r radius-small flex-center\">\n <IconClock class=\"i-regular t-primary\" />\n </div>\n <div>\n <div class=\"t-small t-transp t-uppercase\">Duration</div>\n <div class=\"t-medium \">{{ formatDuration(track.duration) }}</div>\n </div>\n </div>\n\n <!-- Release Date -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <div class=\"icon-wrapper bg-primary-transp-20 w-3r h-3r radius-small flex-center\">\n <IconCalendar class=\"i-regular t-primary\" />\n </div>\n <div>\n <div class=\"t-small t-transp t-uppercase\">Released</div>\n <div class=\"t-medium \">{{ formatDate(track.releaseDate) }}</div>\n </div>\n </div>\n\n <!-- Status -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <div class=\"icon-wrapper bg-success-transp-20 w-3r h-3r radius-small flex-center\">\n <IconCheck class=\"i-regular t-success\" />\n </div>\n <div>\n <div class=\"t-small t-transp t-uppercase\">Status</div>\n <div class=\"t-medium t-success\">{{ track.status }}</div>\n </div>\n </div>\n\n <!-- Visibility -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <div class=\"icon-wrapper bg-primary-transp-20 w-3r h-3r radius-small flex-center\">\n <IconEye class=\"i-regular t-primary\" />\n </div>\n <div>\n <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n <div class=\"t-medium \">{{ track.isPublic ? 'Public' : 'Private' }}</div>\n </div>\n </div>\n </div>\n\n <!-- Album Info -->\n <div v-if=\"track.album\" class=\"album-card bg-light pd-medium radius-medium mn-b-medium\">\n <div class=\"t-small t-transp t-uppercase mn-b-thin\">From Album</div>\n <router-link \n :to=\"`/album/${track.album.url}`\"\n class=\"flex items-center gap-medium hover-opacity\"\n >\n <Media \n v-if=\"track.album.coverUrl\"\n :src=\"track.album.coverUrl\"\n :alt=\"track.album.title\"\n class=\"w-3r h-3r radius-small object-cover\"\n />\n <span class=\"t-medium \">{{ track.album.title }}</span>\n </router-link>\n </div>\n\n <!-- Genres & Tags -->\n <div v-if=\"(track.genre && track.genre.length) \|\| (track.tags && track.tags.length)\" class=\"tags-section mn-b-medium\">\n <h3 class=\"t-medium mn-b-small\">Genres & Tags</h3>\n <div class=\"flex gap-thin flex-wrap\">\n <span \n v-for=\"genre in track.genre\" \n :key=\"genre\"\n class=\"tag bg-primary-transp-20 t-primary pd-thin-big radius-small t-small hover-bg-primary-transp-30 cursor-pointer\"\n >\n {{ genre }}\n </span>\n <span \n v-for=\"tag in track.tags\" \n :key=\"tag\"\n class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n >\n #{{ tag }}\n </span>\n </div>\n </div>\n\n <!-- Description -->\n <div v-if=\"track.description\" class=\"description-section bg-light pd-medium radius-medium mn-b-medium\">\n <h3 class=\"t-medium mn-b-small\">About</h3>\n <p class=\"t-transp\">{{ track.description }}</p>\n </div>\n\n <!-- Lyrics -->\n <div v-if=\"track.lyrics\" class=\"lyrics-section bg-light pd-medium radius-medium\">\n <h3 class=\"t-medium mn-b-small\">Lyrics</h3>\n <pre class=\"t-transp t-small\">{{ track.lyrics }}</pre>\n </div>\n </div>\n </div>\n\n <!-- Related Tracks -->\n <section v-if=\"track && relatedTracks && relatedTracks.length\" class=\"related-section mn-t-big\">\n <h2 class=\"h2 mn-b-medium\">Related Tracks</h2>\n <Feed\n :store=\"{\n read: () => new Promise(resolve => resolve(relatedTracks \|\| [])),\n state: { isLoading: false }\n }\"\n :external=\"true\"\n :items=\"relatedTracks\"\n :states=\"{\n empty: {\n title: 'No related tracks',\n description: 'Check back later for recommendations',\n class: 'pd-medium bg-light radius-medium'\n }\n }\"\n class=\"grid cols-2 cols-m-3 cols-l-4 gap-medium\"\n >\n <template #default=\"{ items }\">\n <div class=\"bg-light radius-medium o-hidden\">\n <TrackListCard\n v-for=\"(relatedTrack, index) in items\"\n :key=\"relatedTrack._id\"\n :track=\"relatedTrack\"\n :index=\"index\"\n :showAlbum=\"true\"\n :showCover=\"true\"\n />\n </div>\n </template>\n </Feed>\n </section>\n\n <!-- Add to Playlist Modal -->\n <Popup \n v-if=\"showAddToPlaylistModal\" \n @close-popup=\"showAddToPlaylistModal = false\" \n class=\"bg-white pd-medium w-m-25r radius-medium\"\n >\n <h3 class=\"h3 mn-b-medium\">Add to Playlist</h3>\n <!-- <PlaylistSelector \n :trackId=\"track._id\" \n @added=\"showAddToPlaylistModal = false\"\n /> -->\n <p class=\"t-transp\">Playlist selector coming soon...</p>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport TrackListCard from '../cards/TrackListCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\n// Store\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\nconst isFollowingArtist = ref(false);\n\n// Clear state\ntracksState.currentTrack = null;\ntracksState.relatedTracks = [];\n\n// Computed\nconst track = computed(() => tracksState.currentTrack);\nconst relatedTracks = computed(() => tracksState.relatedTracks \|\| []);\n\nconst isOwner = computed(() => {\n return track.value?.owner?.target === authState.user?._id;\n});\n\n// Format helpers\nconst formatDuration = (seconds) => {\n if (!seconds) return '0:00';\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = Math.floor(seconds % 60);\n \n if (h > 0) {\n return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n }\n return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatDate = (dateString) => {\n if (!dateString) return 'Unknown';\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n};\n\nconst formatNumber = (num) => {\n if (!num) return '0';\n if (num >= 1000000) {\n return (num / 1000000).toFixed(1) + 'M';\n } else if (num >= 1000) {\n return (num / 1000).toFixed(1) + 'K';\n }\n return num.toString();\n};\n\n// Actions\nconst playTrack = () => {\n if (track.value) {\n playerActions.setQueue([track.value]);\n }\n};\n\nconst toggleFavorite = () => {\n isFavorite.value = !isFavorite.value;\n // TODO: Implement actual saving\n};\n\nconst toggleFollowArtist = () => {\n isFollowingArtist.value = !isFollowingArtist.value;\n // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n if (track.value) {\n playerActions.addToQueue(track.value);\n }\n};\n\nconst editTrack = () => {\n router.push({ name: 'track-edit', params: { url: track.value.url } });\n};\n\nconst deleteTrack = async () => {\n if (confirm('Are you sure you want to delete this track?')) {\n try {\n await tracksActions.deleteTrack(track.value._id);\n router.push({ name: 'music-library' });\n } catch (error) {\n console.error('Failed to delete track:', error);\n }\n }\n};\n\nconst copyLink = () => {\n navigator.clipboard.writeText(window.location.href);\n showDropdown.value = false;\n};\n\n// Data fetching\nconst fetchTrackData = async () => {\n try {\n await tracksActions.fetchTrackByUrl(route.params.url);\n await tracksActions.fetchRelatedTracks(route.params.url);\n } catch (error) {\n console.error('Error loading track:', error);\n }\n};\n\n// Lifecycle\nonMounted(async () => {\n emits('page-loading');\n \n await fetchTrackData();\n \n hasLoaded.value = true;\n emits('page-loaded');\n});\n</script>\n\n<style scoped>\n</style>"],"names":["tracksState","authState","playerActions","tracksActions"],"mappings":"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"}
1	+ {"version":3,"file":"Track.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Track.vue"],"sourcesContent":["<!-- components/pages/Track.vue -->\n<template>\n <div class=\"track-page pd-small\">\n <!-- Loading -->\n <div v-if=\"isLoading\" class=\"w-100 h-25r flex-center flex\">\n <Loader />\n </div>\n\n <!-- Not Found -->\n <div v-if=\"hasLoaded && !track\" class=\"t-center pd-big\">\n <h2 class=\"\">Track not found</h2>\n <p class=\"t-transp t-medium\">The track you're looking for doesn't exist or has been removed.</p>\n </div>\n\n <!-- Track Content -->\n <div v-if=\"track\" class=\"track-content cols-2-fit-content mobile:cols-1 gap-big\">\n <!-- Left Column - Cover & Stats -->\n <div class=\"pos-sticky pos-t-0 mobile:pos-relative track-cover-section\">\n <!-- Cover with Play Overlay -->\n <div class=\"cover-container pos-relative mn-b-medium radius-big o-hidden\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n :alt=\"track.title\"\n class=\"aspect-1x1 w-100 radius-medium o-hidden\"\n />\n <div class=\"cover-overlay w-100 h-100 pos-absolute pos-t-0 pos-r-0 bg-black-transp-40 flex flex-center\">\n <Button\n @click=\"playTrack\"\n color=\"white\"\n size=\"big\"\n class=\"w-5r h-5r radius-big bg-main shadow-big hover-scale-110\"\n >\n <IconPlay v-if=\"!isPlaying\" fill=\"rgb(var(--white))\" class=\"i-medium\" />\n <IconPause v-else fill=\"rgb(var(--white))\" class=\"i-medium\" />\n </Button>\n </div>\n </div>\n\n \n\n <!-- Quick Stats -->\n <div class=\"stats-grid grid cols-2 gap-small\">\n <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n <div class=\" mn-b-thin\">{{ formatNumber(track.playCount) }}</div>\n <div class=\"t-small t-transp t-uppercase\">Plays</div>\n </div>\n <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n <div class=\" mn-b-thin\">{{ formatNumber(track.views) }}</div>\n <div class=\"t-small t-transp t-uppercase\">Views</div>\n </div>\n </div>\n </div>\n\n <!-- Right Column - Track Details -->\n <div class=\"track-details-section\">\n <!-- Track Type Badge -->\n <div class=\"flex items-center gap-small mn-b-small\">\n <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">Single</span>\n <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">Explicit</span>\n </div>\n\n <!-- Track Title -->\n <h1 class=\"h1 mn-b-medium\">{{ track.title }}</h1>\n <!-- Action Buttons -->\n <div class=\"flex gap-small mn-b-medium\">\n <Button\n @click=\"playTrack\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 t-white bg-black radius-thin flex-center gap-thin\"\n >\n <IconPlay v-if=\"!isPlaying\" fill=\"rgb(var(--white))\" class=\"i-medium\" />\n <IconPause v-else fill=\"rgb(var(--white))\" class=\"i-medium\" />\n {{ !isPlaying ? 'Play' : 'Pause'}}\n </Button>\n\n <Button\n @click=\"addToQueue\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n >\n <IconAdd class=\"i-medium\" />\n Add to Queue\n </Button>\n\n <Button\n @click=\"toggleFavorite\"\n color=\"primary\"\n size=\"medium\"\n class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n >\n <IconLike class=\"i-medium\" :fill=\"isFavorite ? 'rgb(var(--main)':'rgb(var(--black)'\" />\n {{isFavorite ? 'Liked' : 'Like'}}\n </Button>\n\n <Dropdown :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\" v-model=\"showDropdown\" class=\"relative\">\n <template #trigger>\n <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n <IconEllipsis class=\"w-1-25r h-1-25r\" />\n </Button>\n </template>\n <template #default>\n <div class=\"dropdown-menu bg-dark pd-small radius-medium shadow-big mn-t-thin\">\n <Button @click=\"showAddToPlaylistModal = true\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Add to Playlist\n </Button>\n <Button @click=\"copyLink\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Copy Link\n </Button>\n <template v-if=\"isOwner\">\n <hr class=\"mn-v-thin border-dark-transp-10\" />\n <Button @click=\"editTrack\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n Edit Track\n </Button>\n <Button @click=\"deleteTrack\" color=\"danger\" size=\"small\" class=\"w-100 justify-start\">\n Delete Track\n </Button>\n </template>\n </div>\n </template>\n </Dropdown>\n </div>\n\n <!-- Artist Card -->\n <div class=\"artists-section mn-b-medium\">\n <h3 class=\"t-medium mn-b-small\" v-if=\"track.artist\">Artist</h3>\n <div class=\"flex flex-col gap-small\">\n <ArtistCardSmall \n :key=\"track.artist._id\"\n :artist=\"track.artist\"\n :is-following=\"isFollowingArtist\"\n :show-follow-button=\"!isOwner\"\n @toggle-follow=\"toggleFollowArtist\"\n />\n </div>\n </div>\n\n <!-- Metadata Cards -->\n <h3 class=\"t-medium mn-b-small\">Metadata</h3>\n <div class=\"metadata-grid grid cols-2 gap-small mn-b-medium\">\n <!-- Release Date -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <IconCalendar class=\"i-regular t-primary\" />\n <div>\n <div class=\"t-small t-transp t-uppercase\">Released</div>\n <div class=\"t-medium \">{{ formatDate(track.releaseDate) }}</div>\n </div>\n </div>\n\n <!-- Total Duration -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <IconClock class=\"i-regular t-primary\" />\n <div>\n <div class=\"t-small t-transp t-uppercase\">Duration</div>\n <div class=\"t-medium \">{{ formatDuration(track.duration) }}</div>\n </div>\n </div>\n\n <!-- Label -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <IconCheck class=\"i-regular t-primary\" />\n <div>\n <div class=\"t-small t-transp t-uppercase\">Status</div>\n <div class=\"t-medium \">{{ track.status }}</div>\n </div>\n </div>\n\n <!-- Visibility -->\n <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-medium\">\n <IconEye class=\"i-regular t-primary\" />\n <div>\n <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n <div class=\"t-medium \">{{ track.isPublic ? 'Public' : 'Private' }}</div>\n </div>\n </div>\n </div>\n\n\n <!-- Album Info -->\n <h3 v-if=\"track.album\" class=\"t-medium mn-b-small\">From Album</h3>\n <div v-if=\"track.album\" class=\"album-card bg-light pd-medium radius-medium mn-b-medium\">\n \n <router-link \n :to=\"`/album/${track.album.url}`\"\n class=\"flex flex-v-center gap-thin hover-opacity\"\n >\n <Media \n :url=\"track.album.coverArt \|\| '/logo/logo-placeholder.jpg'\"\n :alt=\"track.album.title\"\n class=\"w-3r h-3r radius-thin o-hidden object-cover\"\n />\n <span class=\"t-medium \">{{ track.album.title }}</span>\n </router-link>\n </div>\n\n <!-- Genres & Tags -->\n <div v-if=\"(track.genre && track.genre.length) \|\| (track.tags && track.tags.length)\" class=\"tags-section mn-b-medium\">\n <h3 class=\"t-medium mn-b-small\">Genres & Tags</h3>\n <div class=\"flex gap-thin flex-wrap\">\n <span \n v-for=\"genre in track.genre\" \n :key=\"genre\"\n class=\"tag bg-main t-medium pd-thin radius-thin t-small cursor-pointer\"\n >\n {{ genre.name \|\| genre }}\n </span>\n <span \n v-for=\"tag in track.tags\" \n :key=\"tag\"\n class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n >\n #{{ tag.name \|\| tag }}\n </span>\n </div>\n </div>\n\n <!-- Description -->\n <div v-if=\"track.description\" class=\"description-section bg-light pd-medium radius-medium mn-b-medium\">\n <h3 class=\"t-medium mn-b-small\">About</h3>\n <p class=\"t-transp\">{{ track.description }}</p>\n </div>\n\n <!-- Lyrics -->\n <div v-if=\"track.lyrics\" class=\"lyrics-section bg-light pd-medium radius-medium\">\n <h3 class=\"t-medium mn-b-small\">Lyrics</h3>\n <pre class=\"t-transp t-small\">{{ track.lyrics }}</pre>\n </div>\n </div>\n </div>\n\n <!-- Related Tracks -->\n <section v-if=\"track && relatedTracks && relatedTracks.length\" class=\"related-section mn-t-big\">\n <h2 class=\"h2 mn-b-medium\">Related Tracks</h2>\n <Feed\n :store=\"{\n read: () => new Promise(resolve => resolve(relatedTracks \|\| [])),\n state: { isLoading: false }\n }\"\n :external=\"true\"\n :items=\"relatedTracks\"\n :states=\"{\n empty: {\n title: 'No related tracks',\n description: 'Check back later for recommendations',\n class: 'pd-medium bg-light radius-medium'\n }\n }\"\n class=\"grid cols-2 cols-m-3 cols-l-4 gap-medium\"\n >\n <template #default=\"{ items }\">\n <div class=\"bg-light radius-medium o-hidden\">\n <TrackListCard\n v-for=\"(relatedTrack, index) in items\"\n :key=\"relatedTrack._id\"\n :track=\"relatedTrack\"\n :index=\"index\"\n :showAlbum=\"true\"\n :showCover=\"true\"\n />\n </div>\n </template>\n </Feed>\n </section>\n\n <!-- Add to Playlist Modal -->\n <Popup \n v-if=\"showAddToPlaylistModal\" \n @close-popup=\"showAddToPlaylistModal = false\" \n class=\"bg-white pd-medium w-m-25r radius-medium\"\n >\n <h3 class=\"h3 mn-b-medium\">Add to Playlist</h3>\n <!-- <PlaylistSelector \n :trackId=\"track._id\" \n @added=\"showAddToPlaylistModal = false\"\n /> -->\n <p class=\"t-transp\">Playlist selector coming soon...</p>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport TrackListCard from '../cards/TrackListCard.vue';\nimport ArtistCardSmall from '../cards/ArtistCardSmall.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\n// Store\nimport { state as tracksState, actions as tracksActions } from '../../store/tracks.js';\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst isPlaying = computed(() => playerState.isPlaying);\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\nconst isFollowingArtist = ref(false);\n\n// Clear state\ntracksState.currentTrack = null;\ntracksState.relatedTracks = [];\n\n// Computed\nconst track = computed(() => tracksState.currentTrack);\nconst relatedTracks = computed(() => tracksState.relatedTracks \|\| []);\n\nconst isOwner = computed(() => {\n return track.value?.owner?.target === authState.user?._id;\n});\n\n// Format helpers\nconst formatDuration = (seconds) => {\n if (!seconds) return '0:00';\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n const s = Math.floor(seconds % 60);\n \n if (h > 0) {\n return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n }\n return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatDate = (dateString) => {\n if (!dateString) return 'Unknown';\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n};\n\nconst formatNumber = (num) => {\n if (!num) return '0';\n if (num >= 1000000) {\n return (num / 1000000).toFixed(1) + 'M';\n } else if (num >= 1000) {\n return (num / 1000).toFixed(1) + 'K';\n }\n return num.toString();\n};\n\n// Actions\nconst playTrack = () => {\n if (track.value) {\n playerActions.setQueue([track.value]);\n }\n};\n\nconst toggleFavorite = () => {\n isFavorite.value = !isFavorite.value;\n // TODO: Implement actual saving\n};\n\nconst toggleFollowArtist = () => {\n isFollowingArtist.value = !isFollowingArtist.value;\n // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n if (track.value) {\n playerActions.addToQueue(track.value);\n }\n};\n\nconst editTrack = () => {\n router.push({ name: 'track-edit', params: { url: track.value.url } });\n};\n\nconst deleteTrack = async () => {\n if (confirm('Are you sure you want to delete this track?')) {\n try {\n await tracksActions.deleteTrack(track.value._id);\n router.push({ name: 'music-library' });\n } catch (error) {\n console.error('Failed to delete track:', error);\n }\n }\n};\n\nconst copyLink = () => {\n navigator.clipboard.writeText(window.location.href);\n showDropdown.value = false;\n};\n\n// Data fetching\nconst fetchTrackData = async () => {\n try {\n await tracksActions.fetchTrackByUrl(route.params.url);\n await tracksActions.fetchRelatedTracks(route.params.url);\n } catch (error) {\n console.error('Error loading track:', error);\n }\n};\n\n// Lifecycle\nonMounted(async () => {\n emits('page-loading');\n \n await fetchTrackData();\n \n hasLoaded.value = true;\n emits('page-loaded');\n});\n</script>\n\n<style scoped>\n</style>"],"names":["playerState","tracksState","authState","playerActions","tracksActions"],"mappings":"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"}

package/dist/martyrs/src/modules/music/router/music.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ require("../../globals/views/store/globals.cjs");
 ;/* empty css                                       */
 ;/* empty css                                     */
 ;/* empty css                                          */
-;/* empty css                                           */
+;/* empty css                                          */
 ;/* empty css                                          */
 ;/* empty css                                     */
 ;/* empty css                                        */
@@ -16,7 +16,7 @@ require("../../globals/views/store/globals.cjs");
 ;/* empty css                                                                */
 ;/* empty css                                                    */
 ;/* empty css                                   */
-;/* empty css                                        */
+;/* empty css                                         */
 require("axios");
 ;/* empty css                                                            */
 require("../store/playlists.cjs");

package/dist/martyrs/src/modules/music/router/music.js CHANGED Viewed

@@ -6,7 +6,7 @@ import "../../globals/views/store/globals.js";
 /* empty css                                     */
 /* empty css                                   */
 /* empty css                                        */
-/* empty css                                         */
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                   */
 /* empty css                                      */
@@ -14,7 +14,7 @@ import "../../globals/views/store/globals.js";
 /* empty css                                                              */
 /* empty css                                                  */
 /* empty css                                 */
-/* empty css                                      */
+/* empty css                                       */
 import "axios";
 /* empty css                                                          */
 import "../store/playlists.js";

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue.cjs");
 const IconStatusCreated = require("../icons/IconStatusCreated.vue.cjs");
 const IconStatusConfirmed = require("../icons/IconStatusConfirmed.vue.cjs");
 const IconStatusInUse = require("../icons/IconStatusInUse.vue.cjs");

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from "vue";
-import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue.js";
 import _sfc_main$6 from "../icons/IconStatusCreated.vue.js";
 import _sfc_main$5 from "../icons/IconStatusConfirmed.vue.js";
 import _sfc_main$2 from "../icons/IconStatusInUse.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs CHANGED Viewed

@@ -10,7 +10,7 @@ const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const ChatPage = require("../../../chats/components/pages/ChatPage.vue.cjs");
 const PriceTotal = require("../elements/PriceTotal.vue.cjs");
-;/* empty css                                           */
+;/* empty css                                            */
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const orders = require("../../store/orders.cjs");

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.js CHANGED Viewed

@@ -8,7 +8,7 @@ import _sfc_main$3 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$5 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$6 from "../../../chats/components/pages/ChatPage.vue.js";
 import _sfc_main$4 from "../elements/PriceTotal.vue.js";
-/* empty css                                         */
+/* empty css                                          */
 import { state } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state as state$2, getters, mutations } from "../../store/orders.js";

package/dist/martyrs/src/modules/orders/components/sections/FormDelivery.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 ;/* empty css                                         */
 ;/* empty css                                             */
-;/* empty css                                              */
+;/* empty css                                             */
 ;/* empty css                                             */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Radio = require("../../../../components/Radio/Radio.vue.cjs");

package/dist/martyrs/src/modules/orders/components/sections/FormDelivery.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { watch, onMounted, computed, createBlock, openBlock, withCtx, createElem
 import { useRoute } from "vue-router";
 /* empty css                                       */
 /* empty css                                           */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                           */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";

package/dist/martyrs/src/modules/organizations/components/blocks/CardOrganization.vue.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const PlaceholderOrganizationPic = require("../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 const IconShopcart = require("../../../icons/entities/IconShopcart.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/blocks/CardOrganization.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString, withCtx, createVNode, Fragment, renderList, withModifiers } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$4 from "../../../orders/components/blocks/CardOrderItem.vue.js";
-import _sfc_main$1 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$1 from "../../../../components/Chips/Chips.vue2.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconShopcart.vue.js";
 import IconClock from "../../../icons/entities/IconTime.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs CHANGED Viewed

@@ -4,11 +4,11 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                   */
-;/* empty css                                           */
+;/* empty css                                            */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
-;/* empty css                                     */
+;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const CardDepartment = require("../blocks/CardDepartment.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js CHANGED Viewed

@@ -2,11 +2,11 @@ import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlo
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                 */
-/* empty css                                         */
+/* empty css                                          */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                     */
+;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                             */
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$7 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                           */
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                   */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                 */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, renderSlot, withCtx, toDisplayString, unref } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$7 from "../../../../components/Text/Text.vue.js";
-import _sfc_main$8 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$8 from "../../../../components/Chips/Chips.vue2.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/organizations/router/organizations.cjs CHANGED Viewed

@@ -11,7 +11,7 @@ const gallery_backoffice_router = require("../../gallery/router/gallery.backoffi
 const payments_router = require("../../wallet/views/router/payments.router.cjs");
 const auth_validation = require("../../auth/views/middlewares/auth.validation.cjs");
 require("vue");
-;/* empty css                                  */
+;/* empty css                                   */
 require("../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                */
 require("vue-router");

package/dist/martyrs/src/modules/organizations/router/organizations.js CHANGED Viewed

@@ -9,7 +9,7 @@ import gallery from "../../gallery/router/gallery.backoffice.router.js";
 import payments from "../../wallet/views/router/payments.router.js";
 import { requiresAuth } from "../../auth/views/middlewares/auth.validation.js";
 import "vue";
-/* empty css                                */
+/* empty css                                 */
 import "../../../components/Menu/MenuItem.vue.js";
 /* empty css                                              */
 import "vue-router";

package/dist/martyrs/src/modules/pages/views/components/pages/PageEdit.vue.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ const pages = require("../../store/pages.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                           */
 ;/* empty css                        */
-;/* empty css                                              */
+;/* empty css                                               */
 const Constructor = require("../../../../constructor/components/sections/Constructor.vue.cjs");
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/pages/views/components/pages/PageEdit.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { actions, state } from "../../store/pages.js";
 import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 /* empty css                                         */
 /* empty css                      */
-/* empty css                                            */
+/* empty css                                             */
 import _sfc_main$1 from "../../../../constructor/components/sections/Constructor.vue.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.cjs CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconDiscount = require("../../../icons/entities/IconDiscount.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
-const Tooltip = require("../../../../components/Tooltip/Tooltip.vue2.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
+const Tooltip = require("../../../../components/Tooltip/Tooltip.vue.cjs");
 ;/* empty css                        */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { key: 0 };

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../icons/entities/IconDiscount.vue.js";
-import _sfc_main$3 from "../../../../components/Chips/Chips.vue.js";
-import _sfc_main$2 from "../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$3 from "../../../../components/Chips/Chips.vue2.js";
+import _sfc_main$2 from "../../../../components/Tooltip/Tooltip.vue.js";
 /* empty css                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { key: 0 };

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.cjs CHANGED Viewed

@@ -9,7 +9,7 @@ const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.
 const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                         */
 ;/* empty css                                             */
-;/* empty css                                              */
+;/* empty css                                             */
 ;/* empty css                                             */
 const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 ;/* empty css                                           */

package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.js CHANGED Viewed

@@ -7,7 +7,7 @@ import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                       */
 /* empty css                                           */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                           */
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                                         */

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 const dayjs_min = require("../../../../../../../../_virtual/dayjs.min.cjs");
 const Tab = require("../../../../../../components/Tab/Tab.vue2.cjs");
 const Button = require("../../../../../../components/Button/Button.vue.cjs");
-const Dropdown = require("../../../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Calendar = require("../../../../../../components/Calendar/Calendar.vue2.cjs");
 const DateLabel = require("./DateLabel.vue.cjs");
 const IconChevronRight = require("../../../../../icons/navigation/IconChevronRight.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { computed, ref, watch, createElementBlock, openBlock, createElementVNode
 import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
 import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
-import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue2.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.vue.js";
 import IconNext from "../../../../../icons/navigation/IconChevronRight.vue.js";

package/dist/martyrs/src/modules/spots/components/blocks/CardSpot.vue.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const Map = require("../../../../components/Map/Map.vue.cjs");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/spots/components/blocks/CardSpot.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createVNode, createBlock, withCtx, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCheckmark.vue.js";
-import _sfc_main$3 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$3 from "../../../../components/Chips/Chips.vue2.js";
 import Map from "../../../../components/Map/Map.vue.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const vueI18n = require("vue-i18n");
 ;/* empty css                                           */
 ;/* empty css                                        */
 ;/* empty css                                                   */
-;/* empty css                                              */
+;/* empty css                                             */
 const globals = require("../../../globals/views/store/globals.cjs");
 const categories = require("../../../products/store/categories.cjs");
 const marketplace = require("../../../marketplace/views/store/marketplace.cjs");

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useI18n } from "vue-i18n";
 /* empty css                                         */
 /* empty css                                      */
 /* empty css                                                 */
-/* empty css                                            */
+/* empty css                                           */
 import { state as state$1 } from "../../../globals/views/store/globals.js";
 import { actions, state as state$2 } from "../../../products/store/categories.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.cjs CHANGED Viewed

@@ -8,14 +8,14 @@ const wallet = require("../../localization/wallet.json.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("vue-router");
-;/* empty css                                              */
-;/* empty css                                                 */
+;/* empty css                                               */
+;/* empty css                                                */
 ;/* empty css                                            */
 require("../../../../reports/store/reports.cjs");
 require("../../../../auth/views/store/auth.cjs");
 require("../../../../organizations/store/memberships.cjs");
 require("../../../../community/store/reactions.cjs");
-;/* empty css                                           */
+;/* empty css                                          */
 const ConnectMetamask = require("../elements/ConnectMetamask.vue.cjs");
 const CashDeposit = require("../blocks/CashDeposit.vue.cjs");
 const CardDeposit = require("../blocks/CardDeposit.vue.cjs");

package/dist/martyrs/src/modules/wallet/views/components/pages/Wallet.vue.js CHANGED Viewed

@@ -6,14 +6,14 @@ import text from "../../localization/wallet.json.js";
 import _sfc_main$3 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "vue-router";
-/* empty css                                            */
-/* empty css                                               */
+/* empty css                                             */
+/* empty css                                              */
 /* empty css                                          */
 import "../../../../reports/store/reports.js";
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
 import "../../../../community/store/reactions.js";
-/* empty css                                         */
+/* empty css                                        */
 import _sfc_main$2 from "../elements/ConnectMetamask.vue.js";
 import _sfc_main$4 from "../blocks/CashDeposit.vue.js";
 import _sfc_main$5 from "../blocks/CardDeposit.vue.js";