@ozdao/martyrs 0.2.491 → 0.2.492

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

@@ -1 +1 @@
-{"version":3,"file":"Track.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/Track.vue"],"sourcesContent":["<!-- components/pages/Track.vue -->\n<template>\n  <div class=\"track-page\">\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-else-if=\"!track\" class=\"t-center pd-big\">\n      <h2 class=\"\">Track not found</h2>\n      <p class=\"t-grey 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-else>\n      <!-- ... [HEADER + ACTIONS as you posted] -->\n\n      <!-- Track Lyrics -->\n      <div v-if=\"track.lyrics\" class=\"track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium\">\n        <h2 class=\" mn-b-small\">Lyrics</h2>\n        <pre class=\"t-grey\">{{ track.lyrics }}</pre>\n      </div>\n\n      <!-- Related Tracks -->\n      <section v-if=\"relatedTracks.length\" class=\"related-tracks mn-b-medium\">\n        <h2 class=\" mn-b-small\">Related Tracks</h2>\n        <Feed\n          :store=\"{\n            read: () => Promise.resolve(relatedTracks.value),\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-dark-transp-10 radius-medium'\n            }\n          }\"\n          class=\"gap-thin\"\n        >\n          <template #default=\"{ items }\">\n            <TrackCard\n              v-for=\"relatedTrack in items\"\n              :key=\"relatedTrack._id\"\n              :track=\"relatedTrack\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              class=\"w-100 bg-dark-transp-10 radius-medium\"\n            />\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-dark pd-small w-m-25r radius-medium \"\n      >\n        <h3 class=\"mn-b-medium\">Add to Playlist</h3>\n        <PlaylistSelector \n          :trackId=\"track._id\" \n          @added=\"showAddToPlaylistModal = false\"\n        />\n      </Popup> -->\n    </div>\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 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 Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport TrackCard from '../cards/TrackCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\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\nconst isLoading = ref(true);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\n\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\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown';\n};\n\nconst formatReleaseYear = (date) => {\n  return date ? new Date(date).getFullYear() : 'Unknown';\n};\n\nconst playTrack = () => {\n  if (track.value) {\n    playerActions.setQueue([track.value]);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // You can implement actual saving here\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  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\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst fetchTrackData = async () => {\n  isLoading.value = true;\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  } finally {\n    isLoading.value = false;\n  }\n};\n\nonMounted(fetchTrackData);\nwatch(() => route.params.url, fetchTrackData);\n</script>\n"],"names":["useRoute","useRouter","ref","computed","tracksState","authState","tracksActions","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,YAAYC,IAAG,IAAC,IAAI;AACLA,QAAAA,IAAI,KAAK;AACCA,QAAAA,IAAI,KAAK;AACrBA,QAAAA,IAAI,KAAK;AAE5B,UAAM,QAAQC,IAAQ,SAAC,MAAMC,OAAW,MAAC,YAAY;AACrD,UAAM,gBAAgBD,IAAQ,SAAC,MAAMC,OAAW,MAAC,aAAa;AAE9CD,QAAAA,SAAS,MAAM;;AAC7B,eAAO,iBAAM,UAAN,mBAAa,UAAb,mBAAoB,cAAWE,UAAAA,MAAU,SAAVA,mBAAgB;AAAA,IACxD,CAAC;AA8CD,UAAM,iBAAiB,YAAY;AACjC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,OAAa,QAAC,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,OAAa,QAAC,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACxD,SAAQ,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC/C,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAC,QAAS,UAAC,cAAc;AACxBC,QAAK,MAAC,MAAM,MAAM,OAAO,KAAK,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Track.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/Track.vue"],"sourcesContent":["<!-- components/pages/Track.vue -->\n<template>\n  <div class=\"track-page\">\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-else-if=\"!track\" class=\"t-center pd-big\">\n      <h2 class=\"\">Track not found</h2>\n      <p class=\"t-grey 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-else>\n      <!-- ... [HEADER + ACTIONS as you posted] -->\n\n      <!-- Track Lyrics -->\n      <div v-if=\"track.lyrics\" class=\"track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium\">\n        <h2 class=\" mn-b-small\">Lyrics</h2>\n        <pre class=\"t-grey\">{{ track.lyrics }}</pre>\n      </div>\n\n      <!-- Related Tracks -->\n      <section v-if=\"relatedTracks.length\" class=\"related-tracks mn-b-medium\">\n        <h2 class=\" mn-b-small\">Related Tracks</h2>\n        <Feed\n          :store=\"{\n            read: () => Promise.resolve(relatedTracks.value),\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-dark-transp-10 radius-medium'\n            }\n          }\"\n          class=\"gap-thin\"\n        >\n          <template #default=\"{ items }\">\n            <TrackCard\n              v-for=\"relatedTrack in items\"\n              :key=\"relatedTrack._id\"\n              :track=\"relatedTrack\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              class=\"w-100 bg-dark-transp-10 radius-medium\"\n            />\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-dark pd-small w-m-25r radius-medium \"\n      >\n        <h3 class=\"mn-b-medium\">Add to Playlist</h3>\n        <PlaylistSelector \n          :trackId=\"track._id\" \n          @added=\"showAddToPlaylistModal = false\"\n        />\n      </Popup> -->\n    </div>\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 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 Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport TrackCard from '../cards/TrackCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\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\nconst isLoading = ref(true);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\n\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\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown';\n};\n\nconst formatReleaseYear = (date) => {\n  return date ? new Date(date).getFullYear() : 'Unknown';\n};\n\nconst playTrack = () => {\n  if (track.value) {\n    playerActions.setQueue([track.value]);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // You can implement actual saving here\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  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\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst fetchTrackData = async () => {\n  isLoading.value = true;\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  } finally {\n    isLoading.value = false;\n  }\n};\n\nonMounted(fetchTrackData);\nwatch(() => route.params.url, fetchTrackData);\n</script>\n"],"names":["useRoute","useRouter","ref","computed","tracksState","authState","tracksActions","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAExB,UAAM,YAAYC,IAAAA,IAAI,IAAI;AACLA,QAAAA,IAAI,KAAK;AACCA,QAAAA,IAAI,KAAK;AACrBA,QAAAA,IAAI,KAAK;AAE5B,UAAM,QAAQC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,YAAY;AACrD,UAAM,gBAAgBD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,aAAa;AAE9CD,QAAAA,SAAS,MAAM;AAC7B,aAAO,MAAM,OAAO,OAAO,WAAWE,KAAAA,MAAU,MAAM;AAAA,IACxD,CAAC;AA8CD,UAAM,iBAAiB,YAAY;AACjC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,OAAAA,QAAc,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,OAAAA,QAAc,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACzD,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEAC,QAAAA,UAAU,cAAc;AACxBC,QAAAA,MAAM,MAAM,MAAM,OAAO,KAAK,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,9 @@
 import { ref, computed, onMounted, watch, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Loader from "../../../../components/Loader/Loader.vue.js";
-/* empty css                                       */
-/* empty css                                           */
+import Loader from "../../../../components/Loader/Loader.vue2.js";
+/* empty css                                        */
+/* empty css                                      */
+/* empty css                                            */
 /* empty css                                      */
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import TrackCard from "../cards/TrackCard.vue.js";
@@ -40,8 +41,7 @@ const _sfc_main = {
     const track = computed(() => state.currentTrack);
     const relatedTracks = computed(() => state.relatedTracks);
     computed(() => {
-      var _a, _b, _c;
-      return ((_b = (_a = track.value) == null ? void 0 : _a.owner) == null ? void 0 : _b.target) === ((_c = state$1.user) == null ? void 0 : _c._id);
+      return track.value?.owner?.target === state$1.user?._id;
     });
     const fetchTrackData = async () => {
       isLoading.value = true;

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\">\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-else-if=\"!track\" class=\"t-center pd-big\">\n      <h2 class=\"\">Track not found</h2>\n      <p class=\"t-grey 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-else>\n      <!-- ... [HEADER + ACTIONS as you posted] -->\n\n      <!-- Track Lyrics -->\n      <div v-if=\"track.lyrics\" class=\"track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium\">\n        <h2 class=\" mn-b-small\">Lyrics</h2>\n        <pre class=\"t-grey\">{{ track.lyrics }}</pre>\n      </div>\n\n      <!-- Related Tracks -->\n      <section v-if=\"relatedTracks.length\" class=\"related-tracks mn-b-medium\">\n        <h2 class=\" mn-b-small\">Related Tracks</h2>\n        <Feed\n          :store=\"{\n            read: () => Promise.resolve(relatedTracks.value),\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-dark-transp-10 radius-medium'\n            }\n          }\"\n          class=\"gap-thin\"\n        >\n          <template #default=\"{ items }\">\n            <TrackCard\n              v-for=\"relatedTrack in items\"\n              :key=\"relatedTrack._id\"\n              :track=\"relatedTrack\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              class=\"w-100 bg-dark-transp-10 radius-medium\"\n            />\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-dark pd-small w-m-25r radius-medium \"\n      >\n        <h3 class=\"mn-b-medium\">Add to Playlist</h3>\n        <PlaylistSelector \n          :trackId=\"track._id\" \n          @added=\"showAddToPlaylistModal = false\"\n        />\n      </Popup> -->\n    </div>\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 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 Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport TrackCard from '../cards/TrackCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\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\nconst isLoading = ref(true);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\n\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\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown';\n};\n\nconst formatReleaseYear = (date) => {\n  return date ? new Date(date).getFullYear() : 'Unknown';\n};\n\nconst playTrack = () => {\n  if (track.value) {\n    playerActions.setQueue([track.value]);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // You can implement actual saving here\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  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\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst fetchTrackData = async () => {\n  isLoading.value = true;\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  } finally {\n    isLoading.value = false;\n  }\n};\n\nonMounted(fetchTrackData);\nwatch(() => route.params.url, fetchTrackData);\n</script>\n"],"names":["tracksState","authState","tracksActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,YAAY,IAAI,IAAI;AACL,QAAI,KAAK;AACC,QAAI,KAAK;AACrB,QAAI,KAAK;AAE5B,UAAM,QAAQ,SAAS,MAAMA,MAAY,YAAY;AACrD,UAAM,gBAAgB,SAAS,MAAMA,MAAY,aAAa;AAE9C,aAAS,MAAM;;AAC7B,eAAO,iBAAM,UAAN,mBAAa,UAAb,mBAAoB,cAAWC,aAAU,SAAVA,mBAAgB;AAAA,IACxD,CAAC;AA8CD,UAAM,iBAAiB,YAAY;AACjC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,QAAc,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,QAAc,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACxD,SAAQ,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC/C,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,cAAU,cAAc;AACxB,UAAM,MAAM,MAAM,OAAO,KAAK,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\">\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-else-if=\"!track\" class=\"t-center pd-big\">\n      <h2 class=\"\">Track not found</h2>\n      <p class=\"t-grey 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-else>\n      <!-- ... [HEADER + ACTIONS as you posted] -->\n\n      <!-- Track Lyrics -->\n      <div v-if=\"track.lyrics\" class=\"track-lyrics mn-b-medium pd-medium bg-dark-transp-10 radius-medium\">\n        <h2 class=\" mn-b-small\">Lyrics</h2>\n        <pre class=\"t-grey\">{{ track.lyrics }}</pre>\n      </div>\n\n      <!-- Related Tracks -->\n      <section v-if=\"relatedTracks.length\" class=\"related-tracks mn-b-medium\">\n        <h2 class=\" mn-b-small\">Related Tracks</h2>\n        <Feed\n          :store=\"{\n            read: () => Promise.resolve(relatedTracks.value),\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-dark-transp-10 radius-medium'\n            }\n          }\"\n          class=\"gap-thin\"\n        >\n          <template #default=\"{ items }\">\n            <TrackCard\n              v-for=\"relatedTrack in items\"\n              :key=\"relatedTrack._id\"\n              :track=\"relatedTrack\"\n              :showAlbum=\"true\"\n              :showCover=\"true\"\n              class=\"w-100 bg-dark-transp-10 radius-medium\"\n            />\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-dark pd-small w-m-25r radius-medium \"\n      >\n        <h3 class=\"mn-b-medium\">Add to Playlist</h3>\n        <PlaylistSelector \n          :trackId=\"track._id\" \n          @added=\"showAddToPlaylistModal = false\"\n        />\n      </Popup> -->\n    </div>\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 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 Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport TrackCard from '../cards/TrackCard.vue';\n// import PlaylistSelector from '../forms/PlaylistSelector.vue';\n\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\nconst isLoading = ref(true);\nconst showDropdown = ref(false);\nconst showAddToPlaylistModal = ref(false);\nconst isFavorite = ref(false);\n\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\nconst getArtistName = (track) => {\n  if (!track || !track.artist) return 'Unknown';\n  return typeof track.artist === 'object' ? track.artist.name : 'Unknown';\n};\n\nconst formatReleaseYear = (date) => {\n  return date ? new Date(date).getFullYear() : 'Unknown';\n};\n\nconst playTrack = () => {\n  if (track.value) {\n    playerActions.setQueue([track.value]);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // You can implement actual saving here\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  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\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\nconst fetchTrackData = async () => {\n  isLoading.value = true;\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  } finally {\n    isLoading.value = false;\n  }\n};\n\nonMounted(fetchTrackData);\nwatch(() => route.params.url, fetchTrackData);\n</script>\n"],"names":["tracksState","authState","tracksActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQ,SAAQ;AACP,cAAS;AAExB,UAAM,YAAY,IAAI,IAAI;AACL,QAAI,KAAK;AACC,QAAI,KAAK;AACrB,QAAI,KAAK;AAE5B,UAAM,QAAQ,SAAS,MAAMA,MAAY,YAAY;AACrD,UAAM,gBAAgB,SAAS,MAAMA,MAAY,aAAa;AAE9C,aAAS,MAAM;AAC7B,aAAO,MAAM,OAAO,OAAO,WAAWC,QAAU,MAAM;AAAA,IACxD,CAAC;AA8CD,UAAM,iBAAiB,YAAY;AACjC,gBAAU,QAAQ;AAClB,UAAI;AACF,cAAMC,QAAc,gBAAgB,MAAM,OAAO,GAAG;AACpD,cAAMA,QAAc,mBAAmB,MAAM,OAAO,GAAG;AAAA,MACzD,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,cAAU,cAAc;AACxB,UAAM,MAAM,MAAM,OAAO,KAAK,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TrackCreate.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;AAgBA,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;;"}
+{"version":3,"file":"TrackCreate.vue.cjs","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;AAgBA,UAAM,SAASA,UAAAA,UAAS;AAExB,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;;"}

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/pages/TrackCreate.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrackCreate.vue.js","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;AAgBA,UAAM,SAAS,UAAW;AAE1B,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;"}
+{"version":3,"file":"TrackCreate.vue.js","sources":["../../../../../../../src/modules/music/components/pages/TrackCreate.vue"],"sourcesContent":["<!-- components/pages/TrackCreate.vue -->\n<template>\n  <div class=\"track-create-page\">\n    <TrackForm :editMode=\"false\" @uploaded=\"onTrackUploaded\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackForm from '../forms/TrackForm.vue';\n\n// Import auth store\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst router = useRouter();\n\nconst onTrackUploaded = (track) => {\n  // Navigate to the uploaded track's detail page\n  router.push({ name: 'track', params: { url: track.url } });\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;AAgBA,UAAM,SAAS,UAAS;AAExB,UAAM,kBAAkB,CAAC,UAAU;AAEjC,aAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAG,GAAI;AAAA,IAC3D;;;;;;;;;;;"}

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.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const TrackProgress = require("./TrackProgress.vue.cjs");
 const VolumeControl = require("./VolumeControl.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
@@ -15,6 +15,7 @@ const IconLike = require("../../../icons/navigation/IconLike.vue.cjs");
 const IconVolume = require("../../../icons/navigation/IconVolume.vue.cjs");
 const IconMute = require("../../../icons/navigation/IconMute.vue.cjs");
 const player = require("../../store/player.cjs");
+;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20" };
 const _hoisted_2 = { class: "player-track-info flex-v-center flex w-25r" };
@@ -81,7 +82,6 @@ const _sfc_main = {
       return "Unknown Artist";
     };
     return (_ctx, _cache) => {
-      var _a;
       const _component_IconVolumeHalf = vue.resolveComponent("IconVolumeHalf");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -92,7 +92,7 @@ const _sfc_main = {
             }, null, 8, ["url"])
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4, [
-            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(((_a = currentTrack.value) == null ? void 0 : _a.title) || "No track playing"), 1),
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(currentTrack.value?.title || "No track playing"), 1),
             vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(getArtistName(currentTrack.value)), 1)
           ]),
           vue.createElementVNode("div", _hoisted_7, [

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

@@ -1 +1 @@
-{"version":3,"file":"MusicPlayer.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20 \">\n    <!-- Current Track Info -->\n    <div class=\"player-track-info flex-v-center flex w-25r\">\n      <div v-if=\"currentTrack\" class=\"player-track-cover mn-r-small\">\n        <Media \n          :url=\"currentTrack.coverUrl || (currentTrack.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"player-track-details t-truncate\">\n        <div class=\"player-track-title  t-medium t-truncate\">\n          {{ currentTrack?.title || 'No track playing' }}\n        </div>\n        <div class=\"player-track-artist t-grey t-small t-truncate\">\n          {{ getArtistName(currentTrack) }}\n        </div>\n      </div>\n      \n      <div class=\"player-favorite mn-l-small\">\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"i-small\" :fill=\"isFavorite ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Player Controls -->\n    <div class=\"player-controls flex-1 flex flex-column items-center\">\n      <div class=\"player-buttons flex-v-center flex gap-small\">\n        <Button \n          @click=\"toggleShuffle\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconShuffle class=\"i-small\" :fill=\"shuffle ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n        \n        <Button \n          @click=\"playPrevious\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPrevious class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"togglePlay\" \n          class=\"play-pause-btn bg-white radius-round pd-micro flex-center flex\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPause v-if=\"isPlaying\" class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n          <IconPlay v-else class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n        </Button>\n        \n        <Button \n          @click=\"playNext\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconNext class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"toggleRepeat\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconRepeat class=\"i-small\" :fill=\"repeatIcon\"/>\n        </Button>\n      </div>\n      \n      <TrackProgress class=\"w-100 mn-t-thin\" />\n    </div>\n    \n    <!-- Volume Control -->\n    <div class=\"player-volume flex-v-center flex w-15r\">\n      <Button \n        @click=\"toggleMute\" \n        class=\"bg-transparent border-none pd-zero mn-r-small\"\n        :showLoader=\"false\" \n        :showSucces=\"false\"\n      >\n        <IconVolume v-if=\"!muted && volume > 0.5\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeHalf v-else-if=\"!muted && volume > 0\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeMute v-else class=\"i-small\" fill=\"rgb(var(--white))\"/>\n      </Button>\n      \n      <VolumeControl />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackProgress from './TrackProgress.vue';\nimport VolumeControl from './VolumeControl.vue';\n\n// Import icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconNext from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconPrevious from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconRepeat from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\n// import IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue'; // Using same icon but we'd style it differently\nimport IconVolumeMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// State\nconst isFavorite = ref(false);\n\n// Computed properties\nconst currentTrack = computed(() => playerState.currentTrack);\nconst isPlaying = computed(() => playerState.isPlaying);\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst shuffle = computed(() => playerState.shuffle);\nconst repeat = computed(() => playerState.repeat);\n\nconst repeatIcon = computed(() => {\n  switch(repeat.value) {\n    case 'one':\n      return 'rgb(var(--main))';\n    case 'all':\n      return 'rgb(var(--main))';\n    default:\n      return 'rgb(var(--grey))';\n  }\n});\n\n// Methods\nconst togglePlay = () => {\n  playerActions.togglePlay();\n};\n\nconst playNext = () => {\n  playerActions.playNext();\n};\n\nconst playPrevious = () => {\n  playerActions.playPrevious();\n};\n\nconst toggleShuffle = () => {\n  playerActions.toggleShuffle();\n};\n\nconst toggleRepeat = () => {\n  playerActions.toggleRepeat();\n};\n\nconst toggleMute = () => {\n  playerActions.toggleMute();\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // Implement favorite track logic here\n};\n\nconst getArtistName = (track) => {\n  if (!track) return 'Unknown Artist';\n  \n  if (track.artist) {\n    if (typeof track.artist === 'object') {\n      return track.artist.name || 'Unknown Artist';\n    }\n    return track.artist;\n  }\n  return 'Unknown Artist';\n};\n</script>\n\n<style scoped>\n.play-pause-btn {\n  width: 32px;\n  height: 32px;\n  transition: transform 0.2s ease;\n}\n\n.play-pause-btn:hover {\n  transform: scale(1.1);\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,aAAaA,IAAG,IAAC,KAAK;AAG5B,UAAM,eAAeC,IAAQ,SAAC,MAAMC,OAAW,MAAC,YAAY;AAC5D,UAAM,YAAYD,IAAQ,SAAC,MAAMC,OAAW,MAAC,SAAS;AACtD,UAAM,SAASD,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAChD,UAAM,QAAQD,IAAQ,SAAC,MAAMC,OAAW,MAAC,KAAK;AAC9C,UAAM,UAAUD,IAAQ,SAAC,MAAMC,OAAW,MAAC,OAAO;AAClD,UAAM,SAASD,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAEhD,UAAM,aAAaD,IAAQ,SAAC,MAAM;AAChC,cAAO,OAAO,OAAK;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,aAAa,MAAM;AACvBE,aAAAA,QAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,WAAW,MAAM;AACrBA,aAAAA,QAAc,SAAU;AAAA,IAC1B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,aAAAA,QAAc,cAAe;AAAA,IAC/B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAClC;AACI,eAAO,MAAM;AAAA,MACjB;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MusicPlayer.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20 \">\n    <!-- Current Track Info -->\n    <div class=\"player-track-info flex-v-center flex w-25r\">\n      <div v-if=\"currentTrack\" class=\"player-track-cover mn-r-small\">\n        <Media \n          :url=\"currentTrack.coverUrl || (currentTrack.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"player-track-details t-truncate\">\n        <div class=\"player-track-title  t-medium t-truncate\">\n          {{ currentTrack?.title || 'No track playing' }}\n        </div>\n        <div class=\"player-track-artist t-grey t-small t-truncate\">\n          {{ getArtistName(currentTrack) }}\n        </div>\n      </div>\n      \n      <div class=\"player-favorite mn-l-small\">\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"i-small\" :fill=\"isFavorite ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Player Controls -->\n    <div class=\"player-controls flex-1 flex flex-column items-center\">\n      <div class=\"player-buttons flex-v-center flex gap-small\">\n        <Button \n          @click=\"toggleShuffle\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconShuffle class=\"i-small\" :fill=\"shuffle ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n        \n        <Button \n          @click=\"playPrevious\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPrevious class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"togglePlay\" \n          class=\"play-pause-btn bg-white radius-round pd-micro flex-center flex\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPause v-if=\"isPlaying\" class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n          <IconPlay v-else class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n        </Button>\n        \n        <Button \n          @click=\"playNext\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconNext class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"toggleRepeat\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconRepeat class=\"i-small\" :fill=\"repeatIcon\"/>\n        </Button>\n      </div>\n      \n      <TrackProgress class=\"w-100 mn-t-thin\" />\n    </div>\n    \n    <!-- Volume Control -->\n    <div class=\"player-volume flex-v-center flex w-15r\">\n      <Button \n        @click=\"toggleMute\" \n        class=\"bg-transparent border-none pd-zero mn-r-small\"\n        :showLoader=\"false\" \n        :showSucces=\"false\"\n      >\n        <IconVolume v-if=\"!muted && volume > 0.5\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeHalf v-else-if=\"!muted && volume > 0\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeMute v-else class=\"i-small\" fill=\"rgb(var(--white))\"/>\n      </Button>\n      \n      <VolumeControl />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackProgress from './TrackProgress.vue';\nimport VolumeControl from './VolumeControl.vue';\n\n// Import icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconNext from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconPrevious from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconRepeat from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\n// import IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue'; // Using same icon but we'd style it differently\nimport IconVolumeMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// State\nconst isFavorite = ref(false);\n\n// Computed properties\nconst currentTrack = computed(() => playerState.currentTrack);\nconst isPlaying = computed(() => playerState.isPlaying);\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst shuffle = computed(() => playerState.shuffle);\nconst repeat = computed(() => playerState.repeat);\n\nconst repeatIcon = computed(() => {\n  switch(repeat.value) {\n    case 'one':\n      return 'rgb(var(--main))';\n    case 'all':\n      return 'rgb(var(--main))';\n    default:\n      return 'rgb(var(--grey))';\n  }\n});\n\n// Methods\nconst togglePlay = () => {\n  playerActions.togglePlay();\n};\n\nconst playNext = () => {\n  playerActions.playNext();\n};\n\nconst playPrevious = () => {\n  playerActions.playPrevious();\n};\n\nconst toggleShuffle = () => {\n  playerActions.toggleShuffle();\n};\n\nconst toggleRepeat = () => {\n  playerActions.toggleRepeat();\n};\n\nconst toggleMute = () => {\n  playerActions.toggleMute();\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // Implement favorite track logic here\n};\n\nconst getArtistName = (track) => {\n  if (!track) return 'Unknown Artist';\n  \n  if (track.artist) {\n    if (typeof track.artist === 'object') {\n      return track.artist.name || 'Unknown Artist';\n    }\n    return track.artist;\n  }\n  return 'Unknown Artist';\n};\n</script>\n\n<style scoped>\n.play-pause-btn {\n  width: 32px;\n  height: 32px;\n  transition: transform 0.2s ease;\n}\n\n.play-pause-btn:hover {\n  transform: scale(1.1);\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAG5B,UAAM,eAAeC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,YAAY;AAC5D,UAAM,YAAYD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,SAAS;AACtD,UAAM,SAASD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAChD,UAAM,QAAQD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,KAAK;AAC9C,UAAM,UAAUD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,OAAO;AAClD,UAAM,SAASD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAEhD,UAAM,aAAaD,IAAAA,SAAS,MAAM;AAChC,cAAO,OAAO,OAAK;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,aAAa,MAAM;AACvBE,aAAAA,QAAc,WAAU;AAAA,IAC1B;AAEA,UAAM,WAAW,MAAM;AACrBA,aAAAA,QAAc,SAAQ;AAAA,IACxB;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,aAAAA,QAAc,cAAa;AAAA,IAC7B;AAEA,UAAM,eAAe,MAAM;AACzBA,aAAAA,QAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,WAAU;AAAA,IAC1B;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAC9B;AACA,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, withCtx, createBlock } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconPlay.vue.js";
@@ -13,6 +13,7 @@ import _sfc_main$2 from "../../../icons/navigation/IconLike.vue.js";
 import _sfc_main$7 from "../../../icons/navigation/IconVolume.vue.js";
 import _sfc_main$8 from "../../../icons/navigation/IconMute.vue.js";
 import { state, actions } from "../../store/player.js";
+/* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20" };
 const _hoisted_2 = { class: "player-track-info flex-v-center flex w-25r" };
@@ -79,7 +80,6 @@ const _sfc_main = {
       return "Unknown Artist";
     };
     return (_ctx, _cache) => {
-      var _a;
       const _component_IconVolumeHalf = resolveComponent("IconVolumeHalf");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -90,7 +90,7 @@ const _sfc_main = {
             }, null, 8, ["url"])
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, toDisplayString(((_a = currentTrack.value) == null ? void 0 : _a.title) || "No track playing"), 1),
+            createElementVNode("div", _hoisted_5, toDisplayString(currentTrack.value?.title || "No track playing"), 1),
             createElementVNode("div", _hoisted_6, toDisplayString(getArtistName(currentTrack.value)), 1)
           ]),
           createElementVNode("div", _hoisted_7, [

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

@@ -1 +1 @@
-{"version":3,"file":"MusicPlayer.vue.js","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20 \">\n    <!-- Current Track Info -->\n    <div class=\"player-track-info flex-v-center flex w-25r\">\n      <div v-if=\"currentTrack\" class=\"player-track-cover mn-r-small\">\n        <Media \n          :url=\"currentTrack.coverUrl || (currentTrack.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"player-track-details t-truncate\">\n        <div class=\"player-track-title  t-medium t-truncate\">\n          {{ currentTrack?.title || 'No track playing' }}\n        </div>\n        <div class=\"player-track-artist t-grey t-small t-truncate\">\n          {{ getArtistName(currentTrack) }}\n        </div>\n      </div>\n      \n      <div class=\"player-favorite mn-l-small\">\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"i-small\" :fill=\"isFavorite ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Player Controls -->\n    <div class=\"player-controls flex-1 flex flex-column items-center\">\n      <div class=\"player-buttons flex-v-center flex gap-small\">\n        <Button \n          @click=\"toggleShuffle\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconShuffle class=\"i-small\" :fill=\"shuffle ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n        \n        <Button \n          @click=\"playPrevious\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPrevious class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"togglePlay\" \n          class=\"play-pause-btn bg-white radius-round pd-micro flex-center flex\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPause v-if=\"isPlaying\" class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n          <IconPlay v-else class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n        </Button>\n        \n        <Button \n          @click=\"playNext\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconNext class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"toggleRepeat\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconRepeat class=\"i-small\" :fill=\"repeatIcon\"/>\n        </Button>\n      </div>\n      \n      <TrackProgress class=\"w-100 mn-t-thin\" />\n    </div>\n    \n    <!-- Volume Control -->\n    <div class=\"player-volume flex-v-center flex w-15r\">\n      <Button \n        @click=\"toggleMute\" \n        class=\"bg-transparent border-none pd-zero mn-r-small\"\n        :showLoader=\"false\" \n        :showSucces=\"false\"\n      >\n        <IconVolume v-if=\"!muted && volume > 0.5\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeHalf v-else-if=\"!muted && volume > 0\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeMute v-else class=\"i-small\" fill=\"rgb(var(--white))\"/>\n      </Button>\n      \n      <VolumeControl />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackProgress from './TrackProgress.vue';\nimport VolumeControl from './VolumeControl.vue';\n\n// Import icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconNext from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconPrevious from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconRepeat from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\n// import IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue'; // Using same icon but we'd style it differently\nimport IconVolumeMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// State\nconst isFavorite = ref(false);\n\n// Computed properties\nconst currentTrack = computed(() => playerState.currentTrack);\nconst isPlaying = computed(() => playerState.isPlaying);\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst shuffle = computed(() => playerState.shuffle);\nconst repeat = computed(() => playerState.repeat);\n\nconst repeatIcon = computed(() => {\n  switch(repeat.value) {\n    case 'one':\n      return 'rgb(var(--main))';\n    case 'all':\n      return 'rgb(var(--main))';\n    default:\n      return 'rgb(var(--grey))';\n  }\n});\n\n// Methods\nconst togglePlay = () => {\n  playerActions.togglePlay();\n};\n\nconst playNext = () => {\n  playerActions.playNext();\n};\n\nconst playPrevious = () => {\n  playerActions.playPrevious();\n};\n\nconst toggleShuffle = () => {\n  playerActions.toggleShuffle();\n};\n\nconst toggleRepeat = () => {\n  playerActions.toggleRepeat();\n};\n\nconst toggleMute = () => {\n  playerActions.toggleMute();\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // Implement favorite track logic here\n};\n\nconst getArtistName = (track) => {\n  if (!track) return 'Unknown Artist';\n  \n  if (track.artist) {\n    if (typeof track.artist === 'object') {\n      return track.artist.name || 'Unknown Artist';\n    }\n    return track.artist;\n  }\n  return 'Unknown Artist';\n};\n</script>\n\n<style scoped>\n.play-pause-btn {\n  width: 32px;\n  height: 32px;\n  transition: transform 0.2s ease;\n}\n\n.play-pause-btn:hover {\n  transform: scale(1.1);\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,aAAa,IAAI,KAAK;AAG5B,UAAM,eAAe,SAAS,MAAMA,MAAY,YAAY;AAC5D,UAAM,YAAY,SAAS,MAAMA,MAAY,SAAS;AACtD,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAChD,UAAM,QAAQ,SAAS,MAAMA,MAAY,KAAK;AAC9C,UAAM,UAAU,SAAS,MAAMA,MAAY,OAAO;AAClD,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAEhD,UAAM,aAAa,SAAS,MAAM;AAChC,cAAO,OAAO,OAAK;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,aAAa,MAAM;AACvBC,cAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,WAAW,MAAM;AACrBA,cAAc,SAAU;AAAA,IAC1B;AAEA,UAAM,eAAe,MAAM;AACzBA,cAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,cAAc,cAAe;AAAA,IAC/B;AAEA,UAAM,eAAe,MAAM;AACzBA,cAAc,aAAc;AAAA,IAC9B;AAEA,UAAM,aAAa,MAAM;AACvBA,cAAc,WAAY;AAAA,IAC5B;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAClC;AACI,eAAO,MAAM;AAAA,MACjB;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MusicPlayer.vue.js","sources":["../../../../../../../src/modules/music/components/player/MusicPlayer.vue"],"sourcesContent":["<!-- components/player/MusicPlayer.vue -->\n<template>\n  <div class=\"music-player pd-small flex-between flex-v-center flex bg-dark br-t br-solid br-dark-transp-20 \">\n    <!-- Current Track Info -->\n    <div class=\"player-track-info flex-v-center flex w-25r\">\n      <div v-if=\"currentTrack\" class=\"player-track-cover mn-r-small\">\n        <Media \n          :url=\"currentTrack.coverUrl || (currentTrack.album && currentTrack.album.coverUrl) || '/assets/placeholder-track.jpg'\" \n          class=\"w-3r h-3r object-fit-cover radius-small\"\n        />\n      </div>\n      \n      <div class=\"player-track-details t-truncate\">\n        <div class=\"player-track-title  t-medium t-truncate\">\n          {{ currentTrack?.title || 'No track playing' }}\n        </div>\n        <div class=\"player-track-artist t-grey t-small t-truncate\">\n          {{ getArtistName(currentTrack) }}\n        </div>\n      </div>\n      \n      <div class=\"player-favorite mn-l-small\">\n        <Button \n          @click=\"toggleFavorite\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconLike class=\"i-small\" :fill=\"isFavorite ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n      </div>\n    </div>\n    \n    <!-- Player Controls -->\n    <div class=\"player-controls flex-1 flex flex-column items-center\">\n      <div class=\"player-buttons flex-v-center flex gap-small\">\n        <Button \n          @click=\"toggleShuffle\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconShuffle class=\"i-small\" :fill=\"shuffle ? 'rgb(var(--main))' : 'rgb(var(--grey))'\"/>\n        </Button>\n        \n        <Button \n          @click=\"playPrevious\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPrevious class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"togglePlay\" \n          class=\"play-pause-btn bg-white radius-round pd-micro flex-center flex\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconPause v-if=\"isPlaying\" class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n          <IconPlay v-else class=\"i-medium\" fill=\"rgb(var(--black))\"/>\n        </Button>\n        \n        <Button \n          @click=\"playNext\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconNext class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        </Button>\n        \n        <Button \n          @click=\"toggleRepeat\" \n          class=\"bg-transparent border-none pd-zero\"\n          :showLoader=\"false\" \n          :showSucces=\"false\"\n        >\n          <IconRepeat class=\"i-small\" :fill=\"repeatIcon\"/>\n        </Button>\n      </div>\n      \n      <TrackProgress class=\"w-100 mn-t-thin\" />\n    </div>\n    \n    <!-- Volume Control -->\n    <div class=\"player-volume flex-v-center flex w-15r\">\n      <Button \n        @click=\"toggleMute\" \n        class=\"bg-transparent border-none pd-zero mn-r-small\"\n        :showLoader=\"false\" \n        :showSucces=\"false\"\n      >\n        <IconVolume v-if=\"!muted && volume > 0.5\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeHalf v-else-if=\"!muted && volume > 0\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n        <IconVolumeMute v-else class=\"i-small\" fill=\"rgb(var(--white))\"/>\n      </Button>\n      \n      <VolumeControl />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport TrackProgress from './TrackProgress.vue';\nimport VolumeControl from './VolumeControl.vue';\n\n// Import icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconNext from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconPrevious from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconRepeat from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\n// import IconVolumeHalf from '@martyrs/src/modules/icons/navigation/IconVolume.vue'; // Using same icon but we'd style it differently\nimport IconVolumeMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// State\nconst isFavorite = ref(false);\n\n// Computed properties\nconst currentTrack = computed(() => playerState.currentTrack);\nconst isPlaying = computed(() => playerState.isPlaying);\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst shuffle = computed(() => playerState.shuffle);\nconst repeat = computed(() => playerState.repeat);\n\nconst repeatIcon = computed(() => {\n  switch(repeat.value) {\n    case 'one':\n      return 'rgb(var(--main))';\n    case 'all':\n      return 'rgb(var(--main))';\n    default:\n      return 'rgb(var(--grey))';\n  }\n});\n\n// Methods\nconst togglePlay = () => {\n  playerActions.togglePlay();\n};\n\nconst playNext = () => {\n  playerActions.playNext();\n};\n\nconst playPrevious = () => {\n  playerActions.playPrevious();\n};\n\nconst toggleShuffle = () => {\n  playerActions.toggleShuffle();\n};\n\nconst toggleRepeat = () => {\n  playerActions.toggleRepeat();\n};\n\nconst toggleMute = () => {\n  playerActions.toggleMute();\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // Implement favorite track logic here\n};\n\nconst getArtistName = (track) => {\n  if (!track) return 'Unknown Artist';\n  \n  if (track.artist) {\n    if (typeof track.artist === 'object') {\n      return track.artist.name || 'Unknown Artist';\n    }\n    return track.artist;\n  }\n  return 'Unknown Artist';\n};\n</script>\n\n<style scoped>\n.play-pause-btn {\n  width: 32px;\n  height: 32px;\n  transition: transform 0.2s ease;\n}\n\n.play-pause-btn:hover {\n  transform: scale(1.1);\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,UAAM,aAAa,IAAI,KAAK;AAG5B,UAAM,eAAe,SAAS,MAAMA,MAAY,YAAY;AAC5D,UAAM,YAAY,SAAS,MAAMA,MAAY,SAAS;AACtD,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAChD,UAAM,QAAQ,SAAS,MAAMA,MAAY,KAAK;AAC9C,UAAM,UAAU,SAAS,MAAMA,MAAY,OAAO;AAClD,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAEhD,UAAM,aAAa,SAAS,MAAM;AAChC,cAAO,OAAO,OAAK;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,aAAa,MAAM;AACvBC,cAAc,WAAU;AAAA,IAC1B;AAEA,UAAM,WAAW,MAAM;AACrBA,cAAc,SAAQ;AAAA,IACxB;AAEA,UAAM,eAAe,MAAM;AACzBA,cAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,gBAAgB,MAAM;AAC1BA,cAAc,cAAa;AAAA,IAC7B;AAEA,UAAM,eAAe,MAAM;AACzBA,cAAc,aAAY;AAAA,IAC5B;AAEA,UAAM,aAAa,MAAM;AACvBA,cAAc,WAAU;AAAA,IAC1B;AAEA,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IAEjC;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAO,QAAO;AAEnB,UAAI,MAAM,QAAQ;AAChB,YAAI,OAAO,MAAM,WAAW,UAAU;AACpC,iBAAO,MAAM,OAAO,QAAQ;AAAA,QAC9B;AACA,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const player = require("../../store/player.cjs");
+;/* empty css                     */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "track-progress flex flex-v-center gap-small" };
 const _hoisted_2 = { class: "current-time t-grey t-small" };

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

@@ -1 +1 @@
-{"version":3,"file":"TrackProgress.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst progressBarContainer = ref(null);\nconst isSeeking = ref(false);\nconst seekPosition = ref(0);\n\n// Computed properties\nconst currentTime = computed(() => playerState.currentTime);\nconst duration = computed(() => playerState.duration);\nconst progressPercentage = computed(() => {\n  if (!duration.value) return 0;\n  return Math.min(100, (currentTime.value / duration.value) * 100);\n});\n\n// Methods\nconst formatTime = (seconds) => {\n  if (!seconds) return '0:00';\n  \n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  \n  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n};\n\nconst calculateSeekTime = (event) => {\n  if (!progressBarContainer.value || !duration.value) return 0;\n  \n  const rect = progressBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  const percentage = Math.max(0, Math.min(1, offsetX / rect.width));\n  \n  return percentage * duration.value;\n};\n\nconst seek = (event) => {\n  const seekTime = calculateSeekTime(event);\n  playerActions.seek(seekTime);\n};\n\nconst startSeek = (event) => {\n  isSeeking.value = true;\n  seekPosition.value = calculateSeekTime(event);\n};\n\nconst updateSeekPosition = (event) => {\n  if (isSeeking.value) {\n    seekPosition.value = calculateSeekTime(event);\n  }\n};\n\nconst endSeek = () => {\n  if (isSeeking.value) {\n    isSeeking.value = false;\n    playerActions.seek(seekPosition.value);\n  }\n};\n\n// Clean up event listeners when component is unmounted\nonUnmounted(() => {\n  isSeeking.value = false;\n});\n</script>\n\n<style scoped>\n.progress-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["ref","computed","playerState","playerActions","onUnmounted"],"mappings":";;;;;;;;;;;AAmCA,UAAM,uBAAuBA,IAAG,IAAC,IAAI;AACrC,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,eAAeA,IAAG,IAAC,CAAC;AAG1B,UAAM,cAAcC,IAAQ,SAAC,MAAMC,OAAW,MAAC,WAAW;AAC1D,UAAM,WAAWD,IAAQ,SAAC,MAAMC,OAAW,MAAC,QAAQ;AACpD,UAAM,qBAAqBD,IAAQ,SAAC,MAAM;AACxC,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,aAAO,KAAK,IAAI,KAAM,YAAY,QAAQ,SAAS,QAAS,GAAG;AAAA,IACjE,CAAC;AAGD,UAAM,aAAa,CAAC,YAAY;AAC9B,UAAI,CAAC,QAAS,QAAO;AAErB,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,mBAAmB,KAAK,MAAM,UAAU,EAAE;AAEhD,aAAO,GAAG,OAAO,IAAI,iBAAiB,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC;AAAA,IACnE;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,UAAI,CAAC,qBAAqB,SAAS,CAAC,SAAS,MAAO,QAAO;AAE3D,YAAM,OAAO,qBAAqB,MAAM,sBAAuB;AAC/D,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAEhE,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,YAAM,WAAW,kBAAkB,KAAK;AACxCE,aAAa,QAAC,KAAK,QAAQ;AAAA,IAC7B;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,gBAAU,QAAQ;AAClB,mBAAa,QAAQ,kBAAkB,KAAK;AAAA,IAC9C;AAEA,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,UAAU,OAAO;AACnB,qBAAa,QAAQ,kBAAkB,KAAK;AAAA,MAChD;AAAA,IACA;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,uBAAc,KAAK,aAAa,KAAK;AAAA,MACzC;AAAA,IACA;AAGAC,QAAAA,YAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TrackProgress.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst progressBarContainer = ref(null);\nconst isSeeking = ref(false);\nconst seekPosition = ref(0);\n\n// Computed properties\nconst currentTime = computed(() => playerState.currentTime);\nconst duration = computed(() => playerState.duration);\nconst progressPercentage = computed(() => {\n  if (!duration.value) return 0;\n  return Math.min(100, (currentTime.value / duration.value) * 100);\n});\n\n// Methods\nconst formatTime = (seconds) => {\n  if (!seconds) return '0:00';\n  \n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  \n  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n};\n\nconst calculateSeekTime = (event) => {\n  if (!progressBarContainer.value || !duration.value) return 0;\n  \n  const rect = progressBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  const percentage = Math.max(0, Math.min(1, offsetX / rect.width));\n  \n  return percentage * duration.value;\n};\n\nconst seek = (event) => {\n  const seekTime = calculateSeekTime(event);\n  playerActions.seek(seekTime);\n};\n\nconst startSeek = (event) => {\n  isSeeking.value = true;\n  seekPosition.value = calculateSeekTime(event);\n};\n\nconst updateSeekPosition = (event) => {\n  if (isSeeking.value) {\n    seekPosition.value = calculateSeekTime(event);\n  }\n};\n\nconst endSeek = () => {\n  if (isSeeking.value) {\n    isSeeking.value = false;\n    playerActions.seek(seekPosition.value);\n  }\n};\n\n// Clean up event listeners when component is unmounted\nonUnmounted(() => {\n  isSeeking.value = false;\n});\n</script>\n\n<style scoped>\n.progress-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["ref","computed","playerState","playerActions","onUnmounted"],"mappings":";;;;;;;;;;;;AAmCA,UAAM,uBAAuBA,IAAAA,IAAI,IAAI;AACrC,UAAM,YAAYA,IAAAA,IAAI,KAAK;AAC3B,UAAM,eAAeA,IAAAA,IAAI,CAAC;AAG1B,UAAM,cAAcC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,WAAW;AAC1D,UAAM,WAAWD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,QAAQ;AACpD,UAAM,qBAAqBD,IAAAA,SAAS,MAAM;AACxC,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,aAAO,KAAK,IAAI,KAAM,YAAY,QAAQ,SAAS,QAAS,GAAG;AAAA,IACjE,CAAC;AAGD,UAAM,aAAa,CAAC,YAAY;AAC9B,UAAI,CAAC,QAAS,QAAO;AAErB,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,mBAAmB,KAAK,MAAM,UAAU,EAAE;AAEhD,aAAO,GAAG,OAAO,IAAI,iBAAiB,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IACnE;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,UAAI,CAAC,qBAAqB,SAAS,CAAC,SAAS,MAAO,QAAO;AAE3D,YAAM,OAAO,qBAAqB,MAAM,sBAAqB;AAC7D,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAEhE,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,YAAM,WAAW,kBAAkB,KAAK;AACxCE,aAAAA,QAAc,KAAK,QAAQ;AAAA,IAC7B;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,gBAAU,QAAQ;AAClB,mBAAa,QAAQ,kBAAkB,KAAK;AAAA,IAC9C;AAEA,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,UAAU,OAAO;AACnB,qBAAa,QAAQ,kBAAkB,KAAK;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,uBAAc,KAAK,aAAa,KAAK;AAAA,MACvC;AAAA,IACF;AAGAC,QAAAA,YAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
 import { ref, computed, onUnmounted, createElementBlock, openBlock, createElementVNode, toDisplayString, normalizeStyle } from "vue";
 import { state, actions } from "../../store/player.js";
+/* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "track-progress flex flex-v-center gap-small" };
 const _hoisted_2 = { class: "current-time t-grey t-small" };

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

@@ -1 +1 @@
-{"version":3,"file":"TrackProgress.vue.js","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst progressBarContainer = ref(null);\nconst isSeeking = ref(false);\nconst seekPosition = ref(0);\n\n// Computed properties\nconst currentTime = computed(() => playerState.currentTime);\nconst duration = computed(() => playerState.duration);\nconst progressPercentage = computed(() => {\n  if (!duration.value) return 0;\n  return Math.min(100, (currentTime.value / duration.value) * 100);\n});\n\n// Methods\nconst formatTime = (seconds) => {\n  if (!seconds) return '0:00';\n  \n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  \n  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n};\n\nconst calculateSeekTime = (event) => {\n  if (!progressBarContainer.value || !duration.value) return 0;\n  \n  const rect = progressBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  const percentage = Math.max(0, Math.min(1, offsetX / rect.width));\n  \n  return percentage * duration.value;\n};\n\nconst seek = (event) => {\n  const seekTime = calculateSeekTime(event);\n  playerActions.seek(seekTime);\n};\n\nconst startSeek = (event) => {\n  isSeeking.value = true;\n  seekPosition.value = calculateSeekTime(event);\n};\n\nconst updateSeekPosition = (event) => {\n  if (isSeeking.value) {\n    seekPosition.value = calculateSeekTime(event);\n  }\n};\n\nconst endSeek = () => {\n  if (isSeeking.value) {\n    isSeeking.value = false;\n    playerActions.seek(seekPosition.value);\n  }\n};\n\n// Clean up event listeners when component is unmounted\nonUnmounted(() => {\n  isSeeking.value = false;\n});\n</script>\n\n<style scoped>\n.progress-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;AAmCA,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,CAAC;AAG1B,UAAM,cAAc,SAAS,MAAMA,MAAY,WAAW;AAC1D,UAAM,WAAW,SAAS,MAAMA,MAAY,QAAQ;AACpD,UAAM,qBAAqB,SAAS,MAAM;AACxC,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,aAAO,KAAK,IAAI,KAAM,YAAY,QAAQ,SAAS,QAAS,GAAG;AAAA,IACjE,CAAC;AAGD,UAAM,aAAa,CAAC,YAAY;AAC9B,UAAI,CAAC,QAAS,QAAO;AAErB,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,mBAAmB,KAAK,MAAM,UAAU,EAAE;AAEhD,aAAO,GAAG,OAAO,IAAI,iBAAiB,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC;AAAA,IACnE;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,UAAI,CAAC,qBAAqB,SAAS,CAAC,SAAS,MAAO,QAAO;AAE3D,YAAM,OAAO,qBAAqB,MAAM,sBAAuB;AAC/D,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAEhE,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,YAAM,WAAW,kBAAkB,KAAK;AACxCC,cAAc,KAAK,QAAQ;AAAA,IAC7B;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,gBAAU,QAAQ;AAClB,mBAAa,QAAQ,kBAAkB,KAAK;AAAA,IAC9C;AAEA,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,UAAU,OAAO;AACnB,qBAAa,QAAQ,kBAAkB,KAAK;AAAA,MAChD;AAAA,IACA;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,gBAAc,KAAK,aAAa,KAAK;AAAA,MACzC;AAAA,IACA;AAGA,gBAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TrackProgress.vue.js","sources":["../../../../../../../src/modules/music/components/player/TrackProgress.vue"],"sourcesContent":["<!-- components/player/TrackProgress.vue -->\n<template>\n  <div class=\"track-progress flex flex-v-center gap-small\">\n    <div class=\"current-time t-grey t-small\">{{ formatTime(currentTime) }}</div>\n    \n    <div \n      ref=\"progressBarContainer\"\n      class=\"progress-bar-container flex-1 h-thin bg-grey radius-extra pos-relative cursor-pointer\"\n      @click=\"seek\"\n      @mousedown=\"startSeek\"\n      @mousemove=\"updateSeekPosition\"\n      @mouseup=\"endSeek\"\n      @mouseleave=\"endSeek\"\n    >\n      <div \n        class=\"progress-bar h-100 bg-white radius-extra\" \n        :style=\"{ width: progressPercentage + '%' }\"\n      ></div>\n      <div \n        class=\"progress-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n        :style=\"{ left: `calc(${progressPercentage}% - 4px)`, transform: 'translateY(-50%)' }\"\n      ></div>\n    </div>\n    \n    <div class=\"total-time t-grey t-small\">{{ formatTime(duration) }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst progressBarContainer = ref(null);\nconst isSeeking = ref(false);\nconst seekPosition = ref(0);\n\n// Computed properties\nconst currentTime = computed(() => playerState.currentTime);\nconst duration = computed(() => playerState.duration);\nconst progressPercentage = computed(() => {\n  if (!duration.value) return 0;\n  return Math.min(100, (currentTime.value / duration.value) * 100);\n});\n\n// Methods\nconst formatTime = (seconds) => {\n  if (!seconds) return '0:00';\n  \n  const minutes = Math.floor(seconds / 60);\n  const remainingSeconds = Math.floor(seconds % 60);\n  \n  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n};\n\nconst calculateSeekTime = (event) => {\n  if (!progressBarContainer.value || !duration.value) return 0;\n  \n  const rect = progressBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  const percentage = Math.max(0, Math.min(1, offsetX / rect.width));\n  \n  return percentage * duration.value;\n};\n\nconst seek = (event) => {\n  const seekTime = calculateSeekTime(event);\n  playerActions.seek(seekTime);\n};\n\nconst startSeek = (event) => {\n  isSeeking.value = true;\n  seekPosition.value = calculateSeekTime(event);\n};\n\nconst updateSeekPosition = (event) => {\n  if (isSeeking.value) {\n    seekPosition.value = calculateSeekTime(event);\n  }\n};\n\nconst endSeek = () => {\n  if (isSeeking.value) {\n    isSeeking.value = false;\n    playerActions.seek(seekPosition.value);\n  }\n};\n\n// Clean up event listeners when component is unmounted\nonUnmounted(() => {\n  isSeeking.value = false;\n});\n</script>\n\n<style scoped>\n.progress-bar-container:hover .progress-bar {\n  background-color: rgb(var(--main));\n}\n\n.progress-handle {\n  display: none;\n}\n\n.progress-bar-container:hover .progress-handle {\n  display: block;\n  transform: translateY(-50%) scale(1.3);\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;AAmCA,UAAM,uBAAuB,IAAI,IAAI;AACrC,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI,CAAC;AAG1B,UAAM,cAAc,SAAS,MAAMA,MAAY,WAAW;AAC1D,UAAM,WAAW,SAAS,MAAMA,MAAY,QAAQ;AACpD,UAAM,qBAAqB,SAAS,MAAM;AACxC,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,aAAO,KAAK,IAAI,KAAM,YAAY,QAAQ,SAAS,QAAS,GAAG;AAAA,IACjE,CAAC;AAGD,UAAM,aAAa,CAAC,YAAY;AAC9B,UAAI,CAAC,QAAS,QAAO;AAErB,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,mBAAmB,KAAK,MAAM,UAAU,EAAE;AAEhD,aAAO,GAAG,OAAO,IAAI,iBAAiB,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IACnE;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,UAAI,CAAC,qBAAqB,SAAS,CAAC,SAAS,MAAO,QAAO;AAE3D,YAAM,OAAO,qBAAqB,MAAM,sBAAqB;AAC7D,YAAM,UAAU,MAAM,UAAU,KAAK;AACrC,YAAM,aAAa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAEhE,aAAO,aAAa,SAAS;AAAA,IAC/B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,YAAM,WAAW,kBAAkB,KAAK;AACxCC,cAAc,KAAK,QAAQ;AAAA,IAC7B;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,gBAAU,QAAQ;AAClB,mBAAa,QAAQ,kBAAkB,KAAK;AAAA,IAC9C;AAEA,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,UAAU,OAAO;AACnB,qBAAa,QAAQ,kBAAkB,KAAK;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,UAAU,OAAO;AACnB,kBAAU,QAAQ;AAClBA,gBAAc,KAAK,aAAa,KAAK;AAAA,MACvC;AAAA,IACF;AAGA,gBAAY,MAAM;AAChB,gBAAU,QAAQ;AAAA,IACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const player = require("../../store/player.cjs");
+;/* empty css                     */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
   __name: "VolumeControl",

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

@@ -1 +1 @@
-{"version":3,"file":"VolumeControl.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst volumeBarContainer = ref(null);\nconst isChangingVolume = ref(false);\n\n// Computed properties\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst volumePercentage = computed(() => {\n  if (muted.value) return 0;\n  return volume.value * 100;\n});\n\n// Methods\nconst calculateVolume = (event) => {\n  if (!volumeBarContainer.value) return 0;\n  \n  const rect = volumeBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  \n  return Math.max(0, Math.min(1, offsetX / rect.width));\n};\n\nconst setVolume = (event) => {\n  const newVolume = calculateVolume(event);\n  playerActions.setVolume(newVolume);\n  \n  // Unmute if was muted\n  if (muted.value && newVolume > 0) {\n    playerActions.toggleMute();\n  }\n};\n\nconst startVolumeChange = (event) => {\n  isChangingVolume.value = true;\n  setVolume(event);\n};\n\nconst updateVolumePosition = (event) => {\n  if (isChangingVolume.value) {\n    setVolume(event);\n  }\n};\n\nconst endVolumeChange = () => {\n  isChangingVolume.value = false;\n};\n</script>\n\n<style scoped>\n.volume-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;AAkCA,UAAM,qBAAqBA,IAAG,IAAC,IAAI;AACnC,UAAM,mBAAmBA,IAAG,IAAC,KAAK;AAGlC,UAAM,SAASC,IAAQ,SAAC,MAAMC,OAAW,MAAC,MAAM;AAChD,UAAM,QAAQD,IAAQ,SAAC,MAAMC,OAAW,MAAC,KAAK;AAC9C,UAAM,mBAAmBD,IAAQ,SAAC,MAAM;AACtC,UAAI,MAAM,MAAO,QAAO;AACxB,aAAO,OAAO,QAAQ;AAAA,IACxB,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,CAAC,mBAAmB,MAAO,QAAO;AAEtC,YAAM,OAAO,mBAAmB,MAAM,sBAAuB;AAC7D,YAAM,UAAU,MAAM,UAAU,KAAK;AAErC,aAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAAA,IACtD;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,YAAY,gBAAgB,KAAK;AACvCE,aAAa,QAAC,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,eAAAA,QAAc,WAAY;AAAA,MAC9B;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,uBAAiB,QAAQ;AACzB,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,uBAAuB,CAAC,UAAU;AACtC,UAAI,iBAAiB,OAAO;AAC1B,kBAAU,KAAK;AAAA,MACnB;AAAA,IACA;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VolumeControl.vue.cjs","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst volumeBarContainer = ref(null);\nconst isChangingVolume = ref(false);\n\n// Computed properties\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst volumePercentage = computed(() => {\n  if (muted.value) return 0;\n  return volume.value * 100;\n});\n\n// Methods\nconst calculateVolume = (event) => {\n  if (!volumeBarContainer.value) return 0;\n  \n  const rect = volumeBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  \n  return Math.max(0, Math.min(1, offsetX / rect.width));\n};\n\nconst setVolume = (event) => {\n  const newVolume = calculateVolume(event);\n  playerActions.setVolume(newVolume);\n  \n  // Unmute if was muted\n  if (muted.value && newVolume > 0) {\n    playerActions.toggleMute();\n  }\n};\n\nconst startVolumeChange = (event) => {\n  isChangingVolume.value = true;\n  setVolume(event);\n};\n\nconst updateVolumePosition = (event) => {\n  if (isChangingVolume.value) {\n    setVolume(event);\n  }\n};\n\nconst endVolumeChange = () => {\n  isChangingVolume.value = false;\n};\n</script>\n\n<style scoped>\n.volume-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["ref","computed","playerState","playerActions"],"mappings":";;;;;;;;;AAkCA,UAAM,qBAAqBA,IAAAA,IAAI,IAAI;AACnC,UAAM,mBAAmBA,IAAAA,IAAI,KAAK;AAGlC,UAAM,SAASC,IAAAA,SAAS,MAAMC,OAAAA,MAAY,MAAM;AAChD,UAAM,QAAQD,IAAAA,SAAS,MAAMC,OAAAA,MAAY,KAAK;AAC9C,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACtC,UAAI,MAAM,MAAO,QAAO;AACxB,aAAO,OAAO,QAAQ;AAAA,IACxB,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,CAAC,mBAAmB,MAAO,QAAO;AAEtC,YAAM,OAAO,mBAAmB,MAAM,sBAAqB;AAC3D,YAAM,UAAU,MAAM,UAAU,KAAK;AAErC,aAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAAA,IACtD;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,YAAY,gBAAgB,KAAK;AACvCE,aAAAA,QAAc,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,eAAAA,QAAc,WAAU;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,uBAAiB,QAAQ;AACzB,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,uBAAuB,CAAC,UAAU;AACtC,UAAI,iBAAiB,OAAO;AAC1B,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, normalizeClass } from "vue";
 import { state, actions } from "../../store/player.js";
+/* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   __name: "VolumeControl",

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

@@ -1 +1 @@
-{"version":3,"file":"VolumeControl.vue.js","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst volumeBarContainer = ref(null);\nconst isChangingVolume = ref(false);\n\n// Computed properties\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst volumePercentage = computed(() => {\n  if (muted.value) return 0;\n  return volume.value * 100;\n});\n\n// Methods\nconst calculateVolume = (event) => {\n  if (!volumeBarContainer.value) return 0;\n  \n  const rect = volumeBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  \n  return Math.max(0, Math.min(1, offsetX / rect.width));\n};\n\nconst setVolume = (event) => {\n  const newVolume = calculateVolume(event);\n  playerActions.setVolume(newVolume);\n  \n  // Unmute if was muted\n  if (muted.value && newVolume > 0) {\n    playerActions.toggleMute();\n  }\n};\n\nconst startVolumeChange = (event) => {\n  isChangingVolume.value = true;\n  setVolume(event);\n};\n\nconst updateVolumePosition = (event) => {\n  if (isChangingVolume.value) {\n    setVolume(event);\n  }\n};\n\nconst endVolumeChange = () => {\n  isChangingVolume.value = false;\n};\n</script>\n\n<style scoped>\n.volume-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;AAkCA,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAChD,UAAM,QAAQ,SAAS,MAAMA,MAAY,KAAK;AAC9C,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,MAAM,MAAO,QAAO;AACxB,aAAO,OAAO,QAAQ;AAAA,IACxB,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,CAAC,mBAAmB,MAAO,QAAO;AAEtC,YAAM,OAAO,mBAAmB,MAAM,sBAAuB;AAC7D,YAAM,UAAU,MAAM,UAAU,KAAK;AAErC,aAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAAA,IACtD;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,YAAY,gBAAgB,KAAK;AACvCC,cAAc,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,gBAAc,WAAY;AAAA,MAC9B;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,uBAAiB,QAAQ;AACzB,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,uBAAuB,CAAC,UAAU;AACtC,UAAI,iBAAiB,OAAO;AAC1B,kBAAU,KAAK;AAAA,MACnB;AAAA,IACA;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VolumeControl.vue.js","sources":["../../../../../../../src/modules/music/components/player/VolumeControl.vue"],"sourcesContent":["<!-- components/player/VolumeControl.vue -->\n<template>\n  <div \n    ref=\"volumeBarContainer\"\n    class=\"volume-bar-container w-100 h-thin bg-grey-transp-50 radius-extra pos-relative cursor-pointer\"\n    @click=\"setVolume\"\n    @mousedown=\"startVolumeChange\"\n    @mousemove=\"updateVolumePosition\"\n    @mouseup=\"endVolumeChange\"\n    @mouseleave=\"endVolumeChange\"\n  >\n    <div \n      class=\"volume-bar h-100 bg-white radius-extra\" \n      :style=\"{ width: volumePercentage + '%' }\"\n      :class=\"{ 'muted': muted }\"\n    ></div>\n    <div \n      class=\"volume-handle w-thin h-thin bg-white radius-round pos-absolute pos-t-50 pos-l-0\"\n      :style=\"{ \n        left: `calc(${volumePercentage}% - 4px)`, \n        transform: 'translateY(-50%)',\n        opacity: muted ? 0 : 1\n      }\"\n    ></div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Refs\nconst volumeBarContainer = ref(null);\nconst isChangingVolume = ref(false);\n\n// Computed properties\nconst volume = computed(() => playerState.volume);\nconst muted = computed(() => playerState.muted);\nconst volumePercentage = computed(() => {\n  if (muted.value) return 0;\n  return volume.value * 100;\n});\n\n// Methods\nconst calculateVolume = (event) => {\n  if (!volumeBarContainer.value) return 0;\n  \n  const rect = volumeBarContainer.value.getBoundingClientRect();\n  const offsetX = event.clientX - rect.left;\n  \n  return Math.max(0, Math.min(1, offsetX / rect.width));\n};\n\nconst setVolume = (event) => {\n  const newVolume = calculateVolume(event);\n  playerActions.setVolume(newVolume);\n  \n  // Unmute if was muted\n  if (muted.value && newVolume > 0) {\n    playerActions.toggleMute();\n  }\n};\n\nconst startVolumeChange = (event) => {\n  isChangingVolume.value = true;\n  setVolume(event);\n};\n\nconst updateVolumePosition = (event) => {\n  if (isChangingVolume.value) {\n    setVolume(event);\n  }\n};\n\nconst endVolumeChange = () => {\n  isChangingVolume.value = false;\n};\n</script>\n\n<style scoped>\n.volume-bar-container:hover .volume-bar:not(.muted) {\n  background-color: rgb(var(--main));\n}\n\n.volume-handle {\n  display: none;\n}\n\n.volume-bar-container:hover .volume-handle {\n  display: block;\n}\n\n.muted {\n  opacity: 0.5;\n}\n</style>"],"names":["playerState","playerActions"],"mappings":";;;;;;;AAkCA,UAAM,qBAAqB,IAAI,IAAI;AACnC,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,SAAS,SAAS,MAAMA,MAAY,MAAM;AAChD,UAAM,QAAQ,SAAS,MAAMA,MAAY,KAAK;AAC9C,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,MAAM,MAAO,QAAO;AACxB,aAAO,OAAO,QAAQ;AAAA,IACxB,CAAC;AAGD,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,CAAC,mBAAmB,MAAO,QAAO;AAEtC,YAAM,OAAO,mBAAmB,MAAM,sBAAqB;AAC3D,YAAM,UAAU,MAAM,UAAU,KAAK;AAErC,aAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,KAAK,KAAK,CAAC;AAAA,IACtD;AAEA,UAAM,YAAY,CAAC,UAAU;AAC3B,YAAM,YAAY,gBAAgB,KAAK;AACvCC,cAAc,UAAU,SAAS;AAGjC,UAAI,MAAM,SAAS,YAAY,GAAG;AAChCA,gBAAc,WAAU;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,uBAAiB,QAAQ;AACzB,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,uBAAuB,CAAC,UAAU;AACtC,UAAI,iBAAiB,OAAO;AAC1B,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,uBAAiB,QAAQ;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"music.client.cjs","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport routerMusic from './router/music.js';\n\n// Layouts\nimport MusicLayout from './components/layouts/MusicLayout.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackCard from './components/cards/TrackCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  // Register routes\n  router.addRoute(route, routerMusic);\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    globalWebSocket.initialize({\n      wsUrl: app.config.globalProperties.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      globalWebSocket\n        .connect(options.userId)\n        .then(() => {\n          globalWebSocket.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      routerMusic,\n    },\n    components: {\n      // Layouts\n      MusicLayout,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackCard,\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicLayout,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackCard,\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  routerMusic,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["routerMusic","storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","globalWebSocket","MusicPlayer","MusicLayout","MusicHome","SearchResults","Artist","Album","Playlist","Track","MusicLibrary","TrackCreate","TrackProgress","VolumeControl","TrackCard","TrackListCard","AlbumCard","PlaylistCard","ArtistCard","ArtistForm","AlbumForm","PlaylistForm","SearchForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAOA,aAAW;AAGlC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5EC,sBAAAA,QAAgB,WAAW;AAAA,MACzB,OAAO,IAAI,OAAO,iBAAiB;AAAA,MACnC,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClBA,wBAAAA,QACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACVA,0BAAe,QAAC,gBAAgB,iBAAiB;AAAA,MAClD,CAAA,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAClF,CAAS;AAAA,IACT;AAAA,EACA;AAGE,MAAI,UAAU,eAAeC,mBAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMR;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,aAAMP,MAAW;AAAA,IACZ;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,aAAMU,YAAW;AAAA;AAAA,MAEjB,WAAMC,UAAS;AAAA,MACf,eAAMC,cAAa;AAAA,MACnB,QAAMC,OAAM;AAAA,MACZ,OAAMC,MAAK;AAAA,MACX,UAAMC,SAAQ;AAAA,MACd,OAAMC,MAAK;AAAA,MACX,cAAMC,aAAY;AAAA,MAClB,aAAMC,YAAW;AAAA;AAAA,MAEjB,aAAMT,YAAW;AAAA,MACjB,eAAMU,cAAa;AAAA,MACnB,eAAMC,cAAa;AAAA;AAAA,MAEnB,WAAMC,UAAS;AAAA,MACf,eAAMC,cAAa;AAAA,MACnB,WAAMC,UAAS;AAAA,MACf,cAAMC,aAAY;AAAA,MAClB,YAAMC,WAAU;AAAA;AAAA,MAEhB,YAAMC,WAAU;AAAA,MAChB,WAAMC,UAAS;AAAA,MACf,cAAMC,aAAY;AAAA,MAClB,YAAMC,WAAU;AAAA,MAChB,WAAMC,UAAS;AAAA,IACV;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"music.client.cjs","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport routerMusic from './router/music.js';\n\n// Layouts\nimport MusicLayout from './components/layouts/MusicLayout.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackCard from './components/cards/TrackCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  // Register routes\n  router.addRoute(route, routerMusic);\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    globalWebSocket.initialize({\n      wsUrl: app.config.globalProperties.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      globalWebSocket\n        .connect(options.userId)\n        .then(() => {\n          globalWebSocket.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      routerMusic,\n    },\n    components: {\n      // Layouts\n      MusicLayout,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackCard,\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicLayout,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackCard,\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  routerMusic,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["routerMusic","storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","globalWebSocket","MusicPlayer","MusicLayout","MusicHome","SearchResults","Artist","Album","Playlist","Track","MusicLibrary","TrackCreate","TrackProgress","VolumeControl","TrackCard","TrackListCard","AlbumCard","PlaylistCard","ArtistCard","ArtistForm","AlbumForm","PlaylistForm","SearchForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAOA,aAAW;AAGlC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5EC,sBAAAA,QAAgB,WAAW;AAAA,MACzB,OAAO,IAAI,OAAO,iBAAiB;AAAA,MACnC,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClBA,wBAAAA,QACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACVA,0BAAAA,QAAgB,gBAAgB,iBAAiB;AAAA,MACnD,CAAC,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAC1E,CAAC;AAAA,IACL;AAAA,EACF;AAGA,MAAI,UAAU,eAAeC,mBAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMR;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,aAAMP,MAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,aAAMU,YAAAA;AAAAA;AAAAA,MAEN,WAAMC,UAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,QAAMC,OAAAA;AAAAA,MACN,OAAMC,MAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,OAAMC,MAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,aAAMC,YAAAA;AAAAA;AAAAA,MAEN,aAAMT,YAAAA;AAAAA,MACN,eAAMU,cAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA;AAAAA,MAEN,WAAMC,UAAAA;AAAAA,MACN,eAAMC,cAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA;AAAAA,MAEN,YAAMC,WAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA,MACN,YAAMC,WAAAA;AAAAA,MACN,WAAMC,UAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"music.client.js","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport routerMusic from './router/music.js';\n\n// Layouts\nimport MusicLayout from './components/layouts/MusicLayout.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackCard from './components/cards/TrackCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  // Register routes\n  router.addRoute(route, routerMusic);\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    globalWebSocket.initialize({\n      wsUrl: app.config.globalProperties.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      globalWebSocket\n        .connect(options.userId)\n        .then(() => {\n          globalWebSocket.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      routerMusic,\n    },\n    components: {\n      // Layouts\n      MusicLayout,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackCard,\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicLayout,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackCard,\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  routerMusic,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","MusicLayout","Artist","Playlist","Track","MusicLibrary","TrackCreate","TrackListCard","ArtistForm","AlbumForm","PlaylistForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAO,WAAW;AAGlC,QAAM,SAAS,UAAUA,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5E,oBAAgB,WAAW;AAAA,MACzB,OAAO,IAAI,OAAO,iBAAiB;AAAA,MACnC,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClB,sBACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACV,wBAAgB,gBAAgB,iBAAiB;AAAA,MAClD,CAAA,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAClF,CAAS;AAAA,IACT;AAAA,EACA;AAGE,MAAI,UAAU,eAAe,WAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMN;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACN;AAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACN,QAAMC;AAAAA,MACA;AAAA,MACN,UAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACN,eAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,YAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,cAAMC;AAAAA,MACA;AAAA,MACN,WAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}
+{"version":3,"file":"music.client.js","sources":["../../../../../src/modules/music/music.client.js"],"sourcesContent":["// Store modules\nimport * as storeAlbums from './store/albums.js';\nimport * as storeArtists from './store/artists.js';\nimport * as storeGenres from './store/genres.js';\nimport * as storePlayer from './store/player.js';\nimport * as storePlaylists from './store/playlists.js';\nimport * as storeSearch from './store/search.js';\nimport * as storeTracks from './store/tracks.js';\n\n// Router\nimport routerMusic from './router/music.js';\n\n// Layouts\nimport MusicLayout from './components/layouts/MusicLayout.vue';\n\n// Pages\nimport Album from './components/pages/Album.vue';\nimport Artist from './components/pages/Artist.vue';\nimport MusicHome from './components/pages/MusicHome.vue';\nimport MusicLibrary from './components/pages/MusicLibrary.vue';\nimport TrackCreate from './components/pages/TrackCreate.vue';\nimport Playlist from './components/pages/Playlist.vue';\nimport SearchResults from './components/pages/SearchResults.vue';\nimport Track from './components/pages/Track.vue';\n\n// Components - Player\nimport MusicPlayer from './components/player/MusicPlayer.vue';\nimport TrackProgress from './components/player/TrackProgress.vue';\nimport VolumeControl from './components/player/VolumeControl.vue';\n\n// Components - Cards\nimport AlbumCard from './components/cards/AlbumCard.vue';\nimport ArtistCard from './components/cards/ArtistCard.vue';\nimport PlaylistCard from './components/cards/PlaylistCard.vue';\nimport TrackCard from './components/cards/TrackCard.vue';\nimport TrackListCard from './components/cards/TrackListCard.vue';\n\n\n// Components - Forms\nimport ArtistForm from './components/forms/ArtistForm.vue';\nimport AlbumForm from './components/forms/AlbumForm.vue';\nimport PlaylistForm from './components/forms/PlaylistForm.vue';\nimport SearchForm from './components/forms/SearchForm.vue';\nimport TrackForm from './components/forms/TrackForm.vue';\n\n// WebSocket integration for streaming\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n/**\n * Initialize Music module on client-side\n * @param {Object} app - Vue app instance\n * @param {Object} store - Global store instance\n * @param {Object} router - Vue router instance\n * @param {Object} config - Configuration options\n * @param {Object} options - Additional options\n */\nfunction initializeMusic(app, store, router, config, options = {}) {\n  const route = options.route || 'Home';\n\n  // Register routes\n  router.addRoute(route, routerMusic);\n\n  // Register store modules\n  store.addStore('tracks', storeTracks);\n  store.addStore('playlists', storePlaylists);\n  store.addStore('albums', storeAlbums);\n  store.addStore('artists', storeArtists);\n  store.addStore('genres', storeGenres);\n  store.addStore('player', storePlayer);\n  store.addStore('search', storeSearch);\n\n  // Set up WebSocket subscription for music streaming\n  if (options.enableStreaming !== false && app.config.globalProperties.WSS_URL) {\n    globalWebSocket.initialize({\n      wsUrl: app.config.globalProperties.WSS_URL,\n      maxReconnectAttempts: 10,\n      reconnectDelay: 2000,\n    });\n\n    // Subscribe to music streaming module when authenticated\n    if (options.userId) {\n      globalWebSocket\n        .connect(options.userId)\n        .then(() => {\n          globalWebSocket.subscribeModule('music-streaming');\n        })\n        .catch(err => {\n          console.error('Failed to connect to WebSocket for music streaming:', err);\n        });\n    }\n  }\n\n  // Register global components if needed\n  app.component('MusicPlayer', MusicPlayer);\n}\n\n// Module export\nconst ModuleMusic = {\n  initialize: initializeMusic,\n  views: {\n    store: {\n      storeTracks,\n      storePlaylists,\n      storeAlbums,\n      storeArtists,\n      storeGenres,\n      storePlayer,\n      storeSearch,\n    },\n    router: {\n      routerMusic,\n    },\n    components: {\n      // Layouts\n      MusicLayout,\n      // Pages\n      MusicHome,\n      SearchResults,\n      Artist,\n      Album,\n      Playlist,\n      Track,\n      MusicLibrary,\n      TrackCreate,\n      // Player Components\n      MusicPlayer,\n      TrackProgress,\n      VolumeControl,\n      // Cards\n      TrackCard,\n      TrackListCard,\n      AlbumCard,\n      PlaylistCard,\n      ArtistCard,\n      // Forms\n      ArtistForm,\n      AlbumForm,\n      PlaylistForm,\n      SearchForm,\n      TrackForm,\n    },\n  },\n};\n\n// Named exports for direct component imports\nexport {\n  AlbumCard,\n  Album,\n  ArtistCard,\n  Artist,\n  // Pages\n  MusicHome,\n  // Layout\n  MusicLayout,\n  MusicLibrary,\n  // Player Components\n  MusicPlayer,\n  TrackCreate,\n  PlaylistCard,\n  Playlist,\n  // Forms\n  ArtistForm,\n  AlbumForm,\n  PlaylistForm,\n  SearchForm,\n  SearchResults,\n  // Cards\n  TrackCard,\n  TrackListCard,\n  Track,\n  TrackForm,\n  TrackProgress,\n  VolumeControl,\n  // Router\n  routerMusic,\n  storeAlbums,\n  storeArtists,\n  storeGenres,\n  storePlayer,\n  storePlaylists,\n  storeSearch,\n  // Store modules\n  storeTracks,\n};\n\n// Default export\nexport default ModuleMusic;\n"],"names":["storeTracks","storePlaylists","storeAlbums","storeArtists","storeGenres","storePlayer","storeSearch","MusicLayout","Artist","Playlist","Track","MusicLibrary","TrackCreate","TrackListCard","ArtistForm","AlbumForm","PlaylistForm","TrackForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,QAAQ,UAAU,IAAI;AACjE,QAAM,QAAQ,QAAQ,SAAS;AAG/B,SAAO,SAAS,OAAO,WAAW;AAGlC,QAAM,SAAS,UAAUA,MAAW;AACpC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,WAAWC,OAAY;AACtC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AACpC,QAAM,SAAS,UAAUC,MAAW;AAGpC,MAAI,QAAQ,oBAAoB,SAAS,IAAI,OAAO,iBAAiB,SAAS;AAC5E,oBAAgB,WAAW;AAAA,MACzB,OAAO,IAAI,OAAO,iBAAiB;AAAA,MACnC,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IACtB,CAAK;AAGD,QAAI,QAAQ,QAAQ;AAClB,sBACG,QAAQ,QAAQ,MAAM,EACtB,KAAK,MAAM;AACV,wBAAgB,gBAAgB,iBAAiB;AAAA,MACnD,CAAC,EACA,MAAM,SAAO;AACZ,gBAAQ,MAAM,uDAAuD,GAAG;AAAA,MAC1E,CAAC;AAAA,IACL;AAAA,EACF;AAGA,MAAI,UAAU,eAAe,WAAW;AAC1C;AAGK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMN;AAAAA,MACN,gBAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,MACN,aAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACN,QAAMC;AAAAA,MACA;AAAA,MACN,UAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,cAAMC;AAAAA,MACN,aAAMC;AAAAA;AAAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACN,eAAMC;AAAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEN,YAAMC;AAAAA,MACN,WAAMC;AAAAA,MACN,cAAMC;AAAAA,MACA;AAAA,MACN,WAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"albums.cjs","sources":["../../../../../../src/modules/music/router/albums.js"],"sourcesContent":["// router/albums.js\nexport default [\n  {\n    path: 'albums/create',\n    name: 'album-create',\n    component: () => import('../components/pages/AlbumCreate.vue'),\n    meta: {\n      title: 'Create Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url/edit',\n    name: 'album-edit',\n    component: () => import('../components/pages/AlbumEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url',\n    name: 'album',\n    component: () => import('../components/pages/Album.vue'),\n    props: true,\n    meta: {\n      title: 'Album',\n    },\n  },\n];"],"names":[],"mappings":";;AACA,MAAe,cAAA;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAqC,CAAC;AAAA,IAC9D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,uCAAmC,CAAC;AAAA,IAC5D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,mCAA+B,CAAC;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACR;AAAA,EACF;AACH;;"}
+{"version":3,"file":"albums.cjs","sources":["../../../../../../src/modules/music/router/albums.js"],"sourcesContent":["// router/albums.js\nexport default [\n  {\n    path: 'albums/create',\n    name: 'album-create',\n    component: () => import('../components/pages/AlbumCreate.vue'),\n    meta: {\n      title: 'Create Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url/edit',\n    name: 'album-edit',\n    component: () => import('../components/pages/AlbumEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url',\n    name: 'album',\n    component: () => import('../components/pages/Album.vue'),\n    props: true,\n    meta: {\n      title: 'Album',\n    },\n  },\n];"],"names":[],"mappings":";;AACA,MAAA,cAAe;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAqC,CAAA;AAAA,IAC7D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,uCAAmC,CAAA;AAAA,IAC3D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,mCAA+B,CAAA;AAAA,IACvD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACb;AAAA,EACA;AACA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"albums.js","sources":["../../../../../../src/modules/music/router/albums.js"],"sourcesContent":["// router/albums.js\nexport default [\n  {\n    path: 'albums/create',\n    name: 'album-create',\n    component: () => import('../components/pages/AlbumCreate.vue'),\n    meta: {\n      title: 'Create Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url/edit',\n    name: 'album-edit',\n    component: () => import('../components/pages/AlbumEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url',\n    name: 'album',\n    component: () => import('../components/pages/Album.vue'),\n    props: true,\n    meta: {\n      title: 'Album',\n    },\n  },\n];"],"names":[],"mappings":"AACA,MAAe,cAAA;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,wCAAqC;AAAA,IAC7D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,sCAAmC;AAAA,IAC3D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,kCAA+B;AAAA,IACvD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACR;AAAA,EACF;AACH;"}
+{"version":3,"file":"albums.js","sources":["../../../../../../src/modules/music/router/albums.js"],"sourcesContent":["// router/albums.js\nexport default [\n  {\n    path: 'albums/create',\n    name: 'album-create',\n    component: () => import('../components/pages/AlbumCreate.vue'),\n    meta: {\n      title: 'Create Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url/edit',\n    name: 'album-edit',\n    component: () => import('../components/pages/AlbumEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Album',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'albums/:url',\n    name: 'album',\n    component: () => import('../components/pages/Album.vue'),\n    props: true,\n    meta: {\n      title: 'Album',\n    },\n  },\n];"],"names":[],"mappings":"AACA,MAAA,cAAe;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,wCAAqC;AAAA,IAC7D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,sCAAmC;AAAA,IAC3D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,kCAA+B;AAAA,IACvD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACb;AAAA,EACA;AACA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"artists.cjs","sources":["../../../../../../src/modules/music/router/artists.js"],"sourcesContent":["// router/artists.js\nexport default [\n  {\n    path: 'artists/create',\n    name: 'artist-create',\n    component: () => import('../components/pages/ArtistCreate.vue'),\n    meta: {\n      title: 'Create Artist',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'artists/:url/edit',\n    name: 'artist-edit',\n    component: () => import('../components/pages/ArtistEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Artist',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'artists/:url',\n    name: 'artist',\n    component: () => import('../components/pages/Artist.vue'),\n    props: true,\n    meta: {\n      title: 'Artist',\n    },\n  },\n];"],"names":[],"mappings":";;AACA,MAAe,eAAA;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,0CAAsC,CAAC;AAAA,IAC/D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,wCAAoC,CAAC;AAAA,IAC7D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACf;AAAA,EACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,oCAAgC,CAAC;AAAA,IACzD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACR;AAAA,EACF;AACH;;"}
+{"version":3,"file":"artists.cjs","sources":["../../../../../../src/modules/music/router/artists.js"],"sourcesContent":["// router/artists.js\nexport default [\n  {\n    path: 'artists/create',\n    name: 'artist-create',\n    component: () => import('../components/pages/ArtistCreate.vue'),\n    meta: {\n      title: 'Create Artist',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'artists/:url/edit',\n    name: 'artist-edit',\n    component: () => import('../components/pages/ArtistEdit.vue'),\n    props: true,\n    meta: {\n      title: 'Edit Artist',\n      requiresAuth: true,\n    },\n  },\n  {\n    path: 'artists/:url',\n    name: 'artist',\n    component: () => import('../components/pages/Artist.vue'),\n    props: true,\n    meta: {\n      title: 'Artist',\n    },\n  },\n];"],"names":[],"mappings":";;AACA,MAAA,eAAe;AAAA,EACb;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,0CAAsC,CAAA;AAAA,IAC9D,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,wCAAoC,CAAA;AAAA,IAC5D,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,oCAAgC,CAAA;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,IACb;AAAA,EACA;AACA;;"}