@ozdao/martyrs 0.2.506 → 0.2.507

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

@@ -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 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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"}
+{"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-column 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyTA,UAAM,YAAY,SAAS,MAAMA,MAAY,SAAS;AAEtD,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAGxB,UAAM,QAAQ;AAGd,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,KAAK;AAC9B,UAAM,yBAAyB,IAAI,KAAK;AACxC,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,oBAAoB,IAAI,KAAK;AAGnCC,YAAY,eAAe;AAC3BA,YAAY,gBAAgB,CAAA;AAG5B,UAAM,QAAQ,SAAS,MAAMA,QAAY,YAAY;AACrD,UAAM,gBAAgB,SAAS,MAAMA,QAAY,iBAAiB,CAAA,CAAE;AAEpE,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM,OAAO,OAAO,WAAWC,QAAU,MAAM;AAAA,IACxD,CAAC;AAGD,UAAM,iBAAiB,CAAC,YAAY;AAClC,UAAI,CAAC,QAAS,QAAO;AACrB,YAAM,IAAI,KAAK,MAAM,UAAU,IAAI;AACnC,YAAM,IAAI,KAAK,MAAO,UAAU,OAAQ,EAAE;AAC1C,YAAM,IAAI,KAAK,MAAM,UAAU,EAAE;AAEjC,UAAI,IAAI,GAAG;AACT,eAAO,GAAG,CAAC,IAAI,EAAE,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,EAAE,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,MAC/E;AACA,aAAO,GAAG,CAAC,IAAI,EAAE,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IAC9C;AAEA,UAAM,aAAa,CAAC,eAAe;AACjC,UAAI,CAAC,WAAY,QAAO;AACxB,aAAO,IAAI,KAAK,UAAU,EAAE,mBAAmB,SAAS;AAAA,QACtD,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MACT,CAAG;AAAA,IACH;AAEA,UAAM,eAAe,CAAC,QAAQ;AAC5B,UAAI,CAAC,IAAK,QAAO;AACjB,UAAI,OAAO,KAAS;AAClB,gBAAQ,MAAM,KAAS,QAAQ,CAAC,IAAI;AAAA,MACtC,WAAW,OAAO,KAAM;AACtB,gBAAQ,MAAM,KAAM,QAAQ,CAAC,IAAI;AAAA,MACnC;AACA,aAAO,IAAI,SAAQ;AAAA,IACrB;AAGA,UAAM,YAAY,MAAM;AACtB,UAAI,MAAM,OAAO;AACfC,kBAAc,SAAS,CAAC,MAAM,KAAK,CAAC;AAAA,MACtC;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,qBAAqB,MAAM;AAC/B,wBAAkB,QAAQ,CAAC,kBAAkB;AAAA,IAE/C;AAEA,UAAM,aAAa,MAAM;AACvB,UAAI,MAAM,OAAO;AACfA,kBAAc,WAAW,MAAM,KAAK;AAAA,MACtC;AAAA,IACF;AAEA,UAAM,YAAY,MAAM;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,QAAQ,EAAE,KAAK,MAAM,MAAM,IAAG,EAAE,CAAE;AAAA,IACtE;AAEA,UAAM,cAAc,YAAY;AAC9B,UAAI,QAAQ,6CAA6C,GAAG;AAC1D,YAAI;AACF,gBAAMC,QAAc,YAAY,MAAM,MAAM,GAAG;AAC/C,iBAAO,KAAK,EAAE,MAAM,gBAAe,CAAE;AAAA,QACvC,SAAS,OAAO;AACd,kBAAQ,MAAM,2BAA2B,KAAK;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAM;AACrB,gBAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAClD,mBAAa,QAAQ;AAAA,IACvB;AAGA,UAAM,iBAAiB,YAAY;AACjC,UAAI;AACF,cAAMA,QAAc,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,QAAc,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACzD,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAGA,cAAU,YAAY;AACpB,YAAM,cAAc;AAEpB,YAAM,eAAc;AAEpB,gBAAU,QAAQ;AAClB,YAAM,aAAa;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 ;/* empty css                                          */
-;/* empty css                                          */
+;/* empty css                                         */
 const TrackForm = require("../forms/TrackForm.vue.cjs");
 require("../../../auth/views/store/auth.cjs");
 const _hoisted_1 = { class: "track-create-page" };

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode } from "vue";
 import { useRouter } from "vue-router";
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$1 from "../forms/TrackForm.vue.js";
 import "../../../auth/views/store/auth.js";
 const _hoisted_1 = { class: "track-create-page" };

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const TrackProgress = require("./TrackProgress.vue.cjs");
 const VolumeControl = require("./VolumeControl.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, withCtx, createBlock } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconPlay.vue.js";

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

@@ -5,15 +5,13 @@ require("vue-router");
 require("../../globals/views/store/globals.cjs");
 ;/* empty css                                                     */
 ;/* empty css                                       */
-;/* empty css                                       */
+;/* empty css                                      */
 ;/* empty css                                     */
 ;/* empty css                                          */
 ;/* empty css                                          */
 ;/* empty css                                          */
 ;/* empty css                                     */
-;/* empty css                                         */
-;/* empty css                                       */
-;/* empty css                                                                */
+;/* empty css                                        */
 ;/* empty css                                                    */
 ;/* empty css                                   */
 ;/* empty css                                        */

package/dist/martyrs/src/modules/music/router/music.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"music.cjs","sources":["../../../../../../src/modules/music/router/music.js"],"sourcesContent":["import SidebarMusic from '../components/SidebarMusic.vue';\nimport MusicBottomPlayer from '../components/layouts/MusicBottomPlayer.vue';\n\n\n// router/music.js\nimport artistRoutes from './artists.js';\nimport albumRoutes from './albums.js';\nimport trackRoutes from './tracks.js';\nimport playlistRoutes from './playlists.js';\n\nexport default {\n  path: 'music',\n  meta: {\n    // sidebar_navigation: SidebarMusic,\n     player: MusicBottomPlayer, \n  },\n  children: [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import('../components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import('../components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import('../components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    // Artists routes\n    ...artistRoutes,\n    // Albums routes\n    ...albumRoutes,\n    // Tracks routes\n    ...trackRoutes,\n    // Playlists routes\n    ...playlistRoutes,\n  ],\n};"],"names":["MusicBottomPlayer","artistRoutes","albumRoutes","trackRoutes","playlistRoutes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEH,QAAQA,kBAAAA;AAAAA,EACb;AAAA,EACE,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,uCAAmC,CAAA;AAAA,MAC3D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,2CAAuC,CAAA;AAAA,MAC/D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,0CAAsC,CAAA;AAAA,MAC9D,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,MACtB;AAAA,IACA;AAAA;AAAA,IAEI,GAAGC,QAAAA;AAAAA;AAAAA,IAEH,GAAGC,OAAAA;AAAAA;AAAAA,IAEH,GAAGC,OAAAA;AAAAA;AAAAA,IAEH,GAAGC,UAAAA;AAAAA,EACP;AACA;;"}
+{"version":3,"file":"music.cjs","sources":["../../../../../../src/modules/music/router/music.js"],"sourcesContent":["import SidebarMusic from '../components/SidebarMusic.vue';\nimport MusicBottomPlayer from '../components/layouts/MusicBottomPlayer.vue';\n\n\n// router/music.js\nimport artistRoutes from './artists.js';\nimport albumRoutes from './albums.js';\nimport trackRoutes from './tracks.js';\nimport playlistRoutes from './playlists.js';\n\nexport default {\n  path: 'music',\n  meta: {\n    // sidebar_navigation: SidebarMusic,\n     player: MusicBottomPlayer, \n  },\n  children: [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import('../components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import('../components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import('../components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    // Artists routes\n    ...artistRoutes,\n    // Albums routes\n    ...albumRoutes,\n    // Tracks routes\n    ...trackRoutes,\n    // Playlists routes\n    ...playlistRoutes,\n  ],\n};"],"names":["MusicBottomPlayer","artistRoutes","albumRoutes","trackRoutes","playlistRoutes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEH,QAAQA,kBAAAA;AAAAA,EACb;AAAA,EACE,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,uCAAmC,CAAA;AAAA,MAC3D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,2CAAuC,CAAA;AAAA,MAC/D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,0CAAsC,CAAA;AAAA,MAC9D,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,MACtB;AAAA,IACA;AAAA;AAAA,IAEI,GAAGC,QAAAA;AAAAA;AAAAA,IAEH,GAAGC,OAAAA;AAAAA;AAAAA,IAEH,GAAGC,OAAAA;AAAAA;AAAAA,IAEH,GAAGC,UAAAA;AAAAA,EACP;AACA;;"}

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

@@ -3,15 +3,13 @@ import "vue-router";
 import "../../globals/views/store/globals.js";
 /* empty css                                                   */
 /* empty css                                     */
-/* empty css                                     */
+/* empty css                                    */
 /* empty css                                   */
 /* empty css                                        */
 /* empty css                                        */
 /* empty css                                        */
 /* empty css                                   */
-/* empty css                                       */
-/* empty css                                     */
-/* empty css                                                              */
+/* empty css                                      */
 /* empty css                                                  */
 /* empty css                                 */
 /* empty css                                      */

package/dist/martyrs/src/modules/music/router/music.js.map

@@ -1 +1 @@
-{"version":3,"file":"music.js","sources":["../../../../../../src/modules/music/router/music.js"],"sourcesContent":["import SidebarMusic from '../components/SidebarMusic.vue';\nimport MusicBottomPlayer from '../components/layouts/MusicBottomPlayer.vue';\n\n\n// router/music.js\nimport artistRoutes from './artists.js';\nimport albumRoutes from './albums.js';\nimport trackRoutes from './tracks.js';\nimport playlistRoutes from './playlists.js';\n\nexport default {\n  path: 'music',\n  meta: {\n    // sidebar_navigation: SidebarMusic,\n     player: MusicBottomPlayer, \n  },\n  children: [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import('../components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import('../components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import('../components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    // Artists routes\n    ...artistRoutes,\n    // Albums routes\n    ...albumRoutes,\n    // Tracks routes\n    ...trackRoutes,\n    // Playlists routes\n    ...playlistRoutes,\n  ],\n};"],"names":["MusicBottomPlayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEH,QAAQA;AAAAA,EACb;AAAA,EACE,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,sCAAmC;AAAA,MAC3D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,0CAAuC;AAAA,MAC/D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,yCAAsC;AAAA,MAC9D,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,MACtB;AAAA,IACA;AAAA;AAAA,IAEI,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA,EACP;AACA;"}
+{"version":3,"file":"music.js","sources":["../../../../../../src/modules/music/router/music.js"],"sourcesContent":["import SidebarMusic from '../components/SidebarMusic.vue';\nimport MusicBottomPlayer from '../components/layouts/MusicBottomPlayer.vue';\n\n\n// router/music.js\nimport artistRoutes from './artists.js';\nimport albumRoutes from './albums.js';\nimport trackRoutes from './tracks.js';\nimport playlistRoutes from './playlists.js';\n\nexport default {\n  path: 'music',\n  meta: {\n    // sidebar_navigation: SidebarMusic,\n     player: MusicBottomPlayer, \n  },\n  children: [\n    {\n      path: '',\n      name: 'music-home',\n      component: () => import('../components/pages/MusicHome.vue'),\n      meta: {\n        title: 'Music Home',\n      },\n    },\n    {\n      path: 'search',\n      name: 'music-search',\n      component: () => import('../components/pages/SearchResults.vue'),\n      meta: {\n        title: 'Search Music',\n      },\n    },\n    {\n      path: 'library',\n      name: 'music-library',\n      component: () => import('../components/pages/MusicLibrary.vue'),\n      meta: {\n        title: 'My Library',\n        requiresAuth: true,\n      },\n    },\n    // Artists routes\n    ...artistRoutes,\n    // Albums routes\n    ...albumRoutes,\n    // Tracks routes\n    ...trackRoutes,\n    // Playlists routes\n    ...playlistRoutes,\n  ],\n};"],"names":["MusicBottomPlayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEH,QAAQA;AAAAA,EACb;AAAA,EACE,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,sCAAmC;AAAA,MAC3D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,0CAAuC;AAAA,MAC/D,MAAM;AAAA,QACJ,OAAO;AAAA,MACf;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM,OAAO,yCAAsC;AAAA,MAC9D,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,MACtB;AAAA,IACA;AAAA;AAAA,IAEI,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA;AAAA,IAEH,GAAG;AAAA,EACP;AACA;"}

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const NotificationsList = require("../sections/NotificationsList.vue.cjs");
 const NotificationPreferences = require("../sections/NotificationPreferences.vue.cjs");
 const _hoisted_1 = { class: "notifications-page pd-small" };

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.js

@@ -1,6 +1,6 @@
 import { inject, ref, createElementBlock, openBlock, createVNode, createElementVNode, unref, createBlock, createCommentVNode } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import NotificationsList from "../sections/NotificationsList.vue.js";
 import NotificationPreferences from "../sections/NotificationPreferences.vue.js";
 const _hoisted_1 = { class: "notifications-page pd-small" };

package/dist/martyrs/src/modules/orders/components/blocks/CardApplication.vue.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const StatusBadge = require("../../../../components/Table/StatusBadge.vue.cjs");
+;/* empty css                       */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
+const _hoisted_2 = { class: "mn-b-small flex" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "mn-b-thin" };
+const _hoisted_5 = { class: "t-transp" };
+const _hoisted_6 = { class: "flex-center" };
+const _hoisted_7 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_8 = { class: "w-100" };
+const _hoisted_9 = { class: "t-truncate" };
+const _hoisted_10 = { class: "w-100 t-right" };
+const _hoisted_11 = { class: "pd-small bg-white radius-small" };
+const _hoisted_12 = { class: "flex mn-b-thin" };
+const _hoisted_13 = { class: "mn-r-auto" };
+const _hoisted_14 = { class: "t-right" };
+const _hoisted_15 = {
+  key: 0,
+  class: "mn-t-thin"
+};
+const _hoisted_16 = { class: "t-small" };
+const _sfc_main = {
+  __name: "CardApplication",
+  props: {
+    application: {
+      type: Object,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("h3", _hoisted_4, vue.toDisplayString(__props.application.contacts?.name || __props.application.contacts?.email || __props.application.contacts?.phone || "Unnamed Application"), 1),
+            vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(__props.application.contacts?.email || __props.application.contacts?.phone), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(StatusBadge.default, {
+              value: {
+                text: __props.application.status,
+                color: __props.application.status === "completed" ? "#22c55e" : __props.application.status === "in_progress" ? "#f59e0b" : "#6b7280"
+              }
+            }, null, 8, ["value"])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(__props.application.type || "Unknown"), 1),
+            _cache[0] || (_cache[0] = vue.createElementVNode("small", { class: "t-transp" }, "Type", -1))
+          ]),
+          vue.createElementVNode("div", _hoisted_10, [
+            vue.createElementVNode("p", null, vue.toDisplayString(__props.formatDate(__props.application.updatedAt)), 1),
+            _cache[1] || (_cache[1] = vue.createElementVNode("small", { class: "t-transp" }, "Updated", -1))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_12, [
+            vue.createElementVNode("div", _hoisted_13, [
+              vue.createElementVNode("p", null, vue.toDisplayString(__props.application.contacts?.phone || "No phone"), 1),
+              _cache[2] || (_cache[2] = vue.createElementVNode("small", { class: "t-transp" }, "Phone", -1))
+            ]),
+            vue.createElementVNode("div", _hoisted_14, [
+              vue.createElementVNode("p", null, "#" + vue.toDisplayString(__props.application._id.slice(0, 4) + "..." + __props.application._id.slice(-4)), 1),
+              _cache[3] || (_cache[3] = vue.createElementVNode("small", { class: "t-transp" }, "ID", -1))
+            ])
+          ]),
+          __props.application.text ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+            vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(__props.application.text.length > 100 ? __props.application.text.slice(0, 100) + "..." : __props.application.text), 1)
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+const CardApplication = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-85b31b85"]]);
+exports.default = CardApplication;
+//# sourceMappingURL=CardApplication.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/blocks/CardApplication.vue.cjs.map

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

package/dist/martyrs/src/modules/orders/components/blocks/CardApplication.vue.js

@@ -0,0 +1,86 @@
+import { createElementBlock, openBlock, createElementVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
+import StatusBadge from "../../../../components/Table/StatusBadge.vue.js";
+/* empty css                     */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
+const _hoisted_2 = { class: "mn-b-small flex" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "mn-b-thin" };
+const _hoisted_5 = { class: "t-transp" };
+const _hoisted_6 = { class: "flex-center" };
+const _hoisted_7 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_8 = { class: "w-100" };
+const _hoisted_9 = { class: "t-truncate" };
+const _hoisted_10 = { class: "w-100 t-right" };
+const _hoisted_11 = { class: "pd-small bg-white radius-small" };
+const _hoisted_12 = { class: "flex mn-b-thin" };
+const _hoisted_13 = { class: "mn-r-auto" };
+const _hoisted_14 = { class: "t-right" };
+const _hoisted_15 = {
+  key: 0,
+  class: "mn-t-thin"
+};
+const _hoisted_16 = { class: "t-small" };
+const _sfc_main = {
+  __name: "CardApplication",
+  props: {
+    application: {
+      type: Object,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("h3", _hoisted_4, toDisplayString(__props.application.contacts?.name || __props.application.contacts?.email || __props.application.contacts?.phone || "Unnamed Application"), 1),
+            createElementVNode("p", _hoisted_5, toDisplayString(__props.application.contacts?.email || __props.application.contacts?.phone), 1)
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createVNode(StatusBadge, {
+              value: {
+                text: __props.application.status,
+                color: __props.application.status === "completed" ? "#22c55e" : __props.application.status === "in_progress" ? "#f59e0b" : "#6b7280"
+              }
+            }, null, 8, ["value"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("p", _hoisted_9, toDisplayString(__props.application.type || "Unknown"), 1),
+            _cache[0] || (_cache[0] = createElementVNode("small", { class: "t-transp" }, "Type", -1))
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("p", null, toDisplayString(__props.formatDate(__props.application.updatedAt)), 1),
+            _cache[1] || (_cache[1] = createElementVNode("small", { class: "t-transp" }, "Updated", -1))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("p", null, toDisplayString(__props.application.contacts?.phone || "No phone"), 1),
+              _cache[2] || (_cache[2] = createElementVNode("small", { class: "t-transp" }, "Phone", -1))
+            ]),
+            createElementVNode("div", _hoisted_14, [
+              createElementVNode("p", null, "#" + toDisplayString(__props.application._id.slice(0, 4) + "..." + __props.application._id.slice(-4)), 1),
+              _cache[3] || (_cache[3] = createElementVNode("small", { class: "t-transp" }, "ID", -1))
+            ])
+          ]),
+          __props.application.text ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            createElementVNode("p", _hoisted_16, toDisplayString(__props.application.text.length > 100 ? __props.application.text.slice(0, 100) + "..." : __props.application.text), 1)
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+const CardApplication = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85b31b85"]]);
+export {
+  CardApplication as default
+};
+//# sourceMappingURL=CardApplication.vue.js.map

package/dist/martyrs/src/modules/orders/components/blocks/CardApplication.vue.js.map

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

package/dist/martyrs/src/modules/orders/components/blocks/CardCustomer.vue.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const StatusBadge = require("../../../../components/Table/StatusBadge.vue.cjs");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
+const _hoisted_2 = { class: "mn-b-small flex" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "mn-b-thin" };
+const _hoisted_5 = { class: "t-transp" };
+const _hoisted_6 = { class: "flex-center" };
+const _hoisted_7 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_8 = { class: "w-100" };
+const _hoisted_9 = { class: "t-truncate" };
+const _hoisted_10 = { class: "w-100 t-right" };
+const _hoisted_11 = { class: "pd-small bg-white radius-small" };
+const _hoisted_12 = { class: "flex mn-b-thin" };
+const _hoisted_13 = { class: "mn-r-auto" };
+const _hoisted_14 = { class: "t-right" };
+const _hoisted_15 = {
+  key: 0,
+  class: "flex flex-wrap gap-nano"
+};
+const _hoisted_16 = {
+  key: 0,
+  class: "bg-light-transp pd-nano radius-small t-small t-transp"
+};
+const _hoisted_17 = {
+  key: 1,
+  class: "mn-t-thin"
+};
+const _hoisted_18 = { class: "t-small" };
+const _sfc_main = {
+  __name: "CardCustomer",
+  props: {
+    customer: {
+      type: Object,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("h3", _hoisted_4, vue.toDisplayString(__props.customer.profile?.name || __props.customer.email || __props.customer.phone || "Unnamed Customer"), 1),
+            vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(__props.customer.email || __props.customer.phone), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(StatusBadge.default, {
+              value: {
+                text: __props.customer.status,
+                color: __props.customer.status === "active" ? "#22c55e" : __props.customer.status === "inactive" ? "#f59e0b" : "#ef4444"
+              }
+            }, null, 8, ["value"])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(__props.customer.source || "Unknown"), 1),
+            _cache[0] || (_cache[0] = vue.createElementVNode("small", { class: "t-transp" }, "Source", -1))
+          ]),
+          vue.createElementVNode("div", _hoisted_10, [
+            vue.createElementVNode("p", null, vue.toDisplayString(__props.formatDate(__props.customer.lastActivity || __props.customer.updatedAt)), 1),
+            _cache[1] || (_cache[1] = vue.createElementVNode("small", { class: "t-transp" }, "Last Activity", -1))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_12, [
+            vue.createElementVNode("div", _hoisted_13, [
+              vue.createElementVNode("p", null, vue.toDisplayString(__props.customer.identity?.type || "Visitor"), 1),
+              _cache[2] || (_cache[2] = vue.createElementVNode("small", { class: "t-transp" }, "Type", -1))
+            ]),
+            vue.createElementVNode("div", _hoisted_14, [
+              vue.createElementVNode("p", null, "#" + vue.toDisplayString(__props.customer._id.slice(0, 4) + "..." + __props.customer._id.slice(-4)), 1),
+              _cache[3] || (_cache[3] = vue.createElementVNode("small", { class: "t-transp" }, "ID", -1))
+            ])
+          ]),
+          __props.customer.tags && __props.customer.tags.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.customer.tags.slice(0, 3), (tag) => {
+              return vue.openBlock(), vue.createElementBlock("span", {
+                key: tag,
+                class: "bg-light pd-nano radius-small t-small"
+              }, vue.toDisplayString(tag), 1);
+            }), 128)),
+            __props.customer.tags.length > 3 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, " +" + vue.toDisplayString(__props.customer.tags.length - 3), 1)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          __props.customer.referral?.code ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
+            vue.createElementVNode("p", _hoisted_18, "Referral: " + vue.toDisplayString(__props.customer.referral.code), 1)
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+};
+const CardCustomer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-30694516"]]);
+exports.default = CardCustomer;
+//# sourceMappingURL=CardCustomer.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/blocks/CardCustomer.vue.cjs.map

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