@ozdao/martyrs 0.2.601 → 0.2.603

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

@@ -1,11 +1,11 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString, unref, createBlock } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$3 from "../cards/TrackListCard.vue.js";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/playlists.js";
 import { state as state$2, actions as actions$1 } from "../../store/albums.js";
@@ -52,7 +52,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             (openBlock(), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
-              return createVNode(_sfc_main$1, {
+              return createVNode(Button, {
                 key: tab.id,
                 onClick: ($event) => activeTab.value = tab.id,
                 class: normalizeClass([[
@@ -72,7 +72,7 @@ const _sfc_main = {
         activeTab.value === "playlists" ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
             _cache[5] || (_cache[5] = createElementVNode("h2", { class: "" }, "Your Playlists", -1)),
-            createVNode(_sfc_main$1, {
+            createVNode(Button, {
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "playlist-create" })),
               class: "bg-main radius-small pd-small hover:scale-[1.05]",
               showLoader: false,
@@ -84,7 +84,7 @@ const _sfc_main = {
               _: 1
             })
           ]),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$1, {
             store: {
               read: (options) => unref(actions).fetchPlaylists(options),
               state: unref(state$1)
@@ -114,7 +114,7 @@ const _sfc_main = {
         activeTab.value === "albums" ? (openBlock(), createElementBlock("div", _hoisted_6, [
           createElementVNode("div", _hoisted_7, [
             _cache[7] || (_cache[7] = createElementVNode("h2", { class: "" }, "Your Albums", -1)),
-            createVNode(_sfc_main$1, {
+            createVNode(Button, {
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "album-create" })),
               class: "bg-main radius-small pd-small hover:scale-[1.05]",
               showLoader: false,
@@ -126,7 +126,7 @@ const _sfc_main = {
               _: 1
             })
           ]),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$1, {
             store: {
               read: (options) => unref(actions$1).fetchAlbums({ ...options, owner: { type: "user", target: unref(state).user._id } }),
               state: unref(state$2)
@@ -156,7 +156,7 @@ const _sfc_main = {
         activeTab.value === "artists" ? (openBlock(), createElementBlock("div", _hoisted_8, [
           createElementVNode("div", _hoisted_9, [
             _cache[9] || (_cache[9] = createElementVNode("h2", { class: "" }, "Your Artists", -1)),
-            createVNode(_sfc_main$1, {
+            createVNode(Button, {
               onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$router.push({ name: "artist-create" })),
               class: "bg-main radius-small pd-small hover:scale-[1.05]",
               showLoader: false,
@@ -168,7 +168,7 @@ const _sfc_main = {
               _: 1
             })
           ]),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$1, {
             store: {
               read: (options) => unref(actions$2).fetchArtists({ ...options, owner: { type: "user", target: unref(state).user._id } }),
               state: unref(state$3)
@@ -198,7 +198,7 @@ const _sfc_main = {
         activeTab.value === "tracks" ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createElementVNode("div", _hoisted_11, [
             _cache[11] || (_cache[11] = createElementVNode("h2", { class: "" }, "Your Tracks", -1)),
-            createVNode(_sfc_main$1, {
+            createVNode(Button, {
               onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$router.push({ name: "track-create" })),
               class: "bg-main radius-small pd-small hover:scale-[1.05]",
               showLoader: false,
@@ -210,7 +210,7 @@ const _sfc_main = {
               _: 1
             })
           ]),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$1, {
             store: {
               read: (options) => unref(actions$3).fetchTracks({ ...options, owner: { type: "user", target: unref(state).user._id } }),
               state: unref(state$4)
@@ -228,7 +228,7 @@ const _sfc_main = {
             default: withCtx(({ items }) => [
               createElementVNode("div", _hoisted_12, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (track, index) => {
-                  return openBlock(), createBlock(_sfc_main$3, {
+                  return openBlock(), createBlock(_sfc_main$2, {
                     key: track._id,
                     track,
                     index,

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

@@ -1,11 +1,11 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 /* empty css                                       */
 import Media from "../../../../components/Media/Media.vue.js";
 /* empty css                                            */
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$a from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$9 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconShuffle.vue.js";
 import _sfc_main$4 from "../../../icons/entities/IconCalendar.vue.js";
@@ -15,7 +15,7 @@ import _sfc_main$5 from "../../../icons/navigation/IconRefresh.vue.js";
 import _sfc_main$3 from "../blocks/ActionButtons.vue.js";
 import _sfc_main$8 from "../cards/TrackListCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
-import _sfc_main$b from "../forms/PlaylistForm.vue.js";
+import _sfc_main$a from "../forms/PlaylistForm.vue.js";
 import ArtistCardSmall from "../cards/ArtistCardSmall.vue.js";
 import { state, actions as actions$1 } from "../../store/playlists.js";
 import { actions } from "../../store/player.js";
@@ -481,7 +481,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_37, [
             _cache[21] || (_cache[21] = createElementVNode("h3", { class: "mn-b-small" }, "This playlist is empty", -1)),
             _cache[22] || (_cache[22] = createElementVNode("p", { class: "t-transp fw-medium mn-b-medium" }, "Add some tracks to get started", -1)),
-            isOwner.value || isCollaborator.value ? (openBlock(), createBlock(_sfc_main$9, {
+            isOwner.value || isCollaborator.value ? (openBlock(), createBlock(Button, {
               key: 0,
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "music-search" })),
               color: "primary",
@@ -522,13 +522,13 @@ const _sfc_main = {
             }), 128))
           ])
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$9, {
           isPopupOpen: showEditModal.value && (isOwner.value || isCollaborator.value),
           onClosePopup: _cache[3] || (_cache[3] = ($event) => showEditModal.value = false),
           class: "bg-white pd-medium w-m-30r radius-medium"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$b, {
+            createVNode(_sfc_main$a, {
               editMode: true,
               url: playlist.value.url,
               onCancel: _cache[2] || (_cache[2] = ($event) => showEditModal.value = false),
@@ -537,7 +537,7 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$9, {
           isPopupOpen: showDeleteModal.value,
           onClosePopup: _cache[5] || (_cache[5] = ($event) => showDeleteModal.value = false),
           class: "bg-white pd-medium w-m-25r radius-medium"
@@ -546,7 +546,7 @@ const _sfc_main = {
             _cache[27] || (_cache[27] = createElementVNode("h3", { class: "mn-b-medium" }, "Delete Playlist", -1)),
             createElementVNode("p", _hoisted_41, 'Are you sure you want to delete "' + toDisplayString(playlist.value.title) + '"? This action cannot be undone.', 1),
             createElementVNode("div", _hoisted_42, [
-              createVNode(_sfc_main$9, {
+              createVNode(Button, {
                 onClick: _cache[4] || (_cache[4] = ($event) => showDeleteModal.value = false),
                 color: "transp",
                 size: "medium"
@@ -556,7 +556,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$9, {
+              createVNode(Button, {
                 onClick: confirmDelete,
                 color: "danger",
                 size: "medium"

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

@@ -1,11 +1,11 @@
 import { ref, computed, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, Fragment, renderList, normalizeClass, withCtx, createTextVNode, toDisplayString, createBlock, normalizeStyle } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../core/views/components/blocks/BlockSearch.vue.js";
-import _sfc_main$3 from "../cards/TrackListCard.vue.js";
+import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Loader from "../../../../components/Loader/Loader.vue2.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */
@@ -155,7 +155,7 @@ const _sfc_main = {
           }),
           searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
             (openBlock(), createElementBlock(Fragment, null, renderList(searchFilters, (filter) => {
-              return createVNode(_sfc_main$2, {
+              return createVNode(Button, {
                 key: filter.id,
                 onClick: ($event) => setActiveFilter(filter.id),
                 class: normalizeClass([[
@@ -186,7 +186,7 @@ const _sfc_main = {
           (activeFilter.value === "all" || activeFilter.value === "tracks") && trackResults.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_11, [
             createElementVNode("div", _hoisted_12, [
               _cache[9] || (_cache[9] = createElementVNode("h2", { class: "" }, "Songs", -1)),
-              trackResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(_sfc_main$2, {
+              trackResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(Button, {
                 key: 0,
                 onClick: _cache[0] || (_cache[0] = ($event) => setActiveFilter("tracks")),
                 class: "t-main bg-transparent border-none hover:bg-white-transp-10 pd-thin",
@@ -201,7 +201,7 @@ const _sfc_main = {
             ]),
             createElementVNode("div", _hoisted_13, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(activeFilter.value === "all" ? trackResults.value.slice(0, 5) : trackResults.value, (track, index) => {
-                return openBlock(), createBlock(_sfc_main$3, {
+                return openBlock(), createBlock(_sfc_main$2, {
                   key: track._id,
                   track,
                   index,
@@ -214,7 +214,7 @@ const _sfc_main = {
           (activeFilter.value === "all" || activeFilter.value === "artists") && artistResults.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_14, [
             createElementVNode("div", _hoisted_15, [
               _cache[11] || (_cache[11] = createElementVNode("h2", { class: "" }, "Artists", -1)),
-              artistResults.value.length > 6 && activeFilter.value === "all" ? (openBlock(), createBlock(_sfc_main$2, {
+              artistResults.value.length > 6 && activeFilter.value === "all" ? (openBlock(), createBlock(Button, {
                 key: 0,
                 onClick: _cache[1] || (_cache[1] = ($event) => setActiveFilter("artists")),
                 class: "t-main bg-transparent border-none hover:bg-white-transp-10 pd-thin",
@@ -240,7 +240,7 @@ const _sfc_main = {
           (activeFilter.value === "all" || activeFilter.value === "albums") && albumResults.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_17, [
             createElementVNode("div", _hoisted_18, [
               _cache[13] || (_cache[13] = createElementVNode("h2", { class: "" }, "Albums", -1)),
-              albumResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(_sfc_main$2, {
+              albumResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(Button, {
                 key: 0,
                 onClick: _cache[2] || (_cache[2] = ($event) => setActiveFilter("albums")),
                 class: "t-main bg-transparent border-none hover:bg-white-transp-10 pd-thin",
@@ -266,7 +266,7 @@ const _sfc_main = {
           (activeFilter.value === "all" || activeFilter.value === "playlists") && playlistResults.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_20, [
             createElementVNode("div", _hoisted_21, [
               _cache[15] || (_cache[15] = createElementVNode("h2", { class: "" }, "Playlists", -1)),
-              playlistResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(_sfc_main$2, {
+              playlistResults.value.length > 5 && activeFilter.value === "all" ? (openBlock(), createBlock(Button, {
                 key: 0,
                 onClick: _cache[3] || (_cache[3] = ($event) => setActiveFilter("playlists")),
                 class: "t-main bg-transparent border-none hover:bg-white-transp-10 pd-thin",
@@ -292,7 +292,7 @@ const _sfc_main = {
           (activeFilter.value === "all" || activeFilter.value === "genres") && genreResults.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_23, [
             createElementVNode("div", _hoisted_24, [
               _cache[17] || (_cache[17] = createElementVNode("h2", { class: "" }, "Genres", -1)),
-              genreResults.value.length > 4 && activeFilter.value === "all" ? (openBlock(), createBlock(_sfc_main$2, {
+              genreResults.value.length > 4 && activeFilter.value === "all" ? (openBlock(), createBlock(Button, {
                 key: 0,
                 onClick: _cache[4] || (_cache[4] = ($event) => setActiveFilter("genres")),
                 class: "t-main bg-transparent border-none hover:bg-white-transp-10 pd-thin",

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

@@ -1,21 +1,21 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import Loader from "../../../../components/Loader/Loader.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
 /* empty css                                            */
-import _sfc_main$c from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$b from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$9 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconPause.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconLike.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconAdd.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
-import _sfc_main$7 from "../../../icons/entities/IconCalendar.vue.js";
-import _sfc_main$8 from "../../../icons/navigation/IconCheckmark.vue.js";
-import _sfc_main$9 from "../../../icons/actions/IconShow.vue.js";
-import _sfc_main$6 from "../blocks/ActionButtons.vue.js";
-import _sfc_main$b from "../cards/TrackListCard.vue.js";
+import _sfc_main$6 from "../../../icons/entities/IconCalendar.vue.js";
+import _sfc_main$7 from "../../../icons/navigation/IconCheckmark.vue.js";
+import _sfc_main$8 from "../../../icons/actions/IconShow.vue.js";
+import _sfc_main$5 from "../blocks/ActionButtons.vue.js";
+import _sfc_main$a from "../cards/TrackListCard.vue.js";
 import ArtistCardSmall from "../cards/ArtistCardSmall.vue.js";
 import { state as state$1, actions as actions$1 } from "../../store/tracks.js";
 import { state, actions } from "../../store/player.js";
@@ -238,7 +238,7 @@ const _sfc_main = {
                 class: "aspect-1x1 w-100 radius-medium o-hidden"
               }, null, 8, ["url", "alt"]),
               createElementVNode("div", _hoisted_7, [
-                createVNode(_sfc_main$5, {
+                createVNode(Button, {
                   onClick: playTrack,
                   color: "white",
                   size: "big",
@@ -276,7 +276,7 @@ const _sfc_main = {
               createElementVNode("span", { class: "bg-light fw-medium pd-thin radius-thin uppercase t-small t-uppercase" }, "Explicit")
             ], -1)),
             createElementVNode("h1", _hoisted_14, toDisplayString(track.value.title), 1),
-            createVNode(_sfc_main$6, { buttons: actionButtons.value }, null, 8, ["buttons"]),
+            createVNode(_sfc_main$5, { buttons: actionButtons.value }, null, 8, ["buttons"]),
             createElementVNode("div", _hoisted_15, [
               track.value.artist ? (openBlock(), createElementBlock("h3", _hoisted_16, "Artist")) : createCommentVNode("", true),
               (openBlock(), createBlock(ArtistCardSmall, {
@@ -290,7 +290,7 @@ const _sfc_main = {
             _cache[12] || (_cache[12] = createElementVNode("h3", { class: "fw-medium mn-b-small" }, "Metadata", -1)),
             createElementVNode("div", _hoisted_17, [
               createElementVNode("div", _hoisted_18, [
-                createVNode(_sfc_main$7, { class: "i-medium t-main" }),
+                createVNode(_sfc_main$6, { class: "i-medium t-main" }),
                 createElementVNode("div", null, [
                   _cache[4] || (_cache[4] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Released", -1)),
                   createElementVNode("div", _hoisted_19, toDisplayString(formatDate(track.value.releaseDate)), 1)
@@ -304,14 +304,14 @@ const _sfc_main = {
                 ])
               ]),
               createElementVNode("div", _hoisted_22, [
-                createVNode(_sfc_main$8, { class: "i-medium t-main" }),
+                createVNode(_sfc_main$7, { class: "i-medium t-main" }),
                 createElementVNode("div", null, [
                   _cache[6] || (_cache[6] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Status", -1)),
                   createElementVNode("div", _hoisted_23, toDisplayString(track.value.status), 1)
                 ])
               ]),
               createElementVNode("div", _hoisted_24, [
-                createVNode(_sfc_main$9, { class: "i-medium t-main" }),
+                createVNode(_sfc_main$8, { class: "i-medium t-main" }),
                 createElementVNode("div", null, [
                   _cache[7] || (_cache[7] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Visibility", -1)),
                   createElementVNode("div", _hoisted_25, toDisplayString(track.value.isPublic ? "Public" : "Private"), 1)
@@ -364,7 +364,7 @@ const _sfc_main = {
         ])) : createCommentVNode("", true),
         track.value && relatedTracks.value && relatedTracks.value.length ? (openBlock(), createElementBlock("section", _hoisted_35, [
           _cache[13] || (_cache[13] = createElementVNode("h2", { class: "h2 mn-b-medium" }, "Related Tracks", -1)),
-          createVNode(_sfc_main$a, {
+          createVNode(_sfc_main$9, {
             store: {
               read: () => new _ctx.Promise((resolve) => resolve(relatedTracks.value || [])),
               state: { isLoading: false }
@@ -383,7 +383,7 @@ const _sfc_main = {
             default: withCtx(({ items }) => [
               createElementVNode("div", _hoisted_36, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (relatedTrack, index) => {
-                  return openBlock(), createBlock(_sfc_main$b, {
+                  return openBlock(), createBlock(_sfc_main$a, {
                     key: relatedTrack._id,
                     track: relatedTrack,
                     index,
@@ -396,7 +396,7 @@ const _sfc_main = {
             _: 1
           }, 8, ["store", "items"])
         ])) : createCommentVNode("", true),
-        showAddToPlaylistModal.value ? (openBlock(), createBlock(_sfc_main$c, {
+        showAddToPlaylistModal.value ? (openBlock(), createBlock(_sfc_main$b, {
           key: 4,
           onClosePopup: _cache[0] || (_cache[0] = ($event) => showAddToPlaylistModal.value = false),
           class: "bg-white pd-medium w-m-25r radius-medium"

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

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

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, unref, normalizeStyle, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode } from "vue";
 import _imports_0 from "./tonar.png.js";
-import { r as cu } from "../../../../../dist/main-DQm5pwFO.js";
+import ee from "../../../../../dist/martyrs.es39.js";
 import _sfc_main$1 from "../../../icons/navigation/IconLike.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconEvents.vue.js";
 import _sfc_main$3 from "../cards/TrackListCard.vue.js";
@@ -106,7 +106,7 @@ const _sfc_main = {
           ]),
           createElementVNode("div", _hoisted_5, [
             _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-l-auto mn-b-thin mn-r-auto radius-big pd-thin bg-second w-min" }, "NOW PLAYING", -1)),
-            unref(state).currentTrack ? (openBlock(), createBlock(unref(cu), {
+            unref(state).currentTrack ? (openBlock(), createBlock(unref(ee), {
               key: 0,
               class: "h2 uppercase mn-b-thin",
               gradient: true,

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

@@ -1,10 +1,10 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, toDisplayString, unref, normalizeClass, withModifiers, withCtx } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import PlayerControls from "./PlayerControls.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconLike.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconLike.vue.js";
 import { state, actions } from "../../store/player.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 /* empty css                 */
@@ -56,7 +56,7 @@ const _sfc_main = {
               createElementVNode("h3", _hoisted_5, toDisplayString(currentTrack.value?.title || "No track playing"), 1),
               createElementVNode("p", _hoisted_6, toDisplayString(getArtistName(currentTrack.value)), 1)
             ]),
-            unref(state$1).user ? (openBlock(), createBlock(_sfc_main$1, {
+            unref(state$1).user ? (openBlock(), createBlock(Button, {
               key: 0,
               onClick: withModifiers(toggleFavorite, ["stop"]),
               class: normalizeClass(["like-btn", { liked: isFavorite.value }]),
@@ -64,7 +64,7 @@ const _sfc_main = {
               showSucces: false
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$2, { class: "like-icon" })
+                createVNode(_sfc_main$1, { class: "like-icon" })
               ]),
               _: 1
             }, 8, ["class"])) : createCommentVNode("", true)

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

@@ -1,9 +1,9 @@
 import { createElementBlock, openBlock, createVNode, normalizeClass, unref, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import IconPrevious from "../../../icons/navigation/IconChevronLeft.vue.js";
 import IconNext from "../../../icons/navigation/IconChevronRight.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconShuffle.vue.js";
-import _sfc_main$3 from "../../../icons/navigation/IconRefresh.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconShuffle.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconRefresh.vue.js";
 import { state, actions } from "../../store/player.js";
 /* empty css                    */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -13,21 +13,21 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[0] || (_cache[0] = ($event) => unref(actions).toggleShuffle()),
           class: normalizeClass(["control-btn secondary", { active: unref(state).shuffle }]),
           showLoader: false,
           showSucces: false
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$1, {
               fill: "rgb(var(--black))",
               class: "control-icon"
             })
           ]),
           _: 1
         }, 8, ["class"]),
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[1] || (_cache[1] = ($event) => unref(actions).playPrevious()),
           class: "control-btn secondary",
           showLoader: false,
@@ -41,7 +41,7 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[2] || (_cache[2] = ($event) => unref(actions).togglePlay()),
           class: "control-btn primary",
           showLoader: false,
@@ -57,7 +57,7 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[3] || (_cache[3] = ($event) => unref(actions).playNext()),
           class: "control-btn secondary",
           showLoader: false,
@@ -71,14 +71,14 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[4] || (_cache[4] = ($event) => unref(actions).toggleRepeat()),
           class: normalizeClass(["control-btn secondary", { active: unref(state).repeat }]),
           showLoader: false,
           showSucces: false
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$3, {
+            createVNode(_sfc_main$2, {
               fill: "rgb(var(--black))",
               class: "control-icon"
             })

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

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, createBlock, normalizeStyle } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconMute.vue.js";
-import _sfc_main$3 from "../../../icons/navigation/IconUnMute.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../icons/navigation/IconMute.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconUnMute.vue.js";
 import { state, actions } from "../../store/player.js";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -46,18 +46,18 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
+        createVNode(Button, {
           onClick: _cache[0] || (_cache[0] = ($event) => unref(actions).toggleMute()),
           class: "volume-btn",
           showLoader: false,
           showSucces: false
         }, {
           default: withCtx(() => [
-            muted.value || volume.value < 5e-3 ? (openBlock(), createBlock(_sfc_main$2, {
+            muted.value || volume.value < 5e-3 ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               fill: "rgb(var(--black))",
               class: "volume-icon"
-            })) : (openBlock(), createBlock(_sfc_main$3, {
+            })) : (openBlock(), createBlock(_sfc_main$2, {
               key: 1,
               fill: "rgb(var(--black))",
               class: "volume-icon"

package/dist/martyrs/src/modules/music/components/sections/PopularTracks.vue.js

@@ -0,0 +1,63 @@
+import { createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../cards/TrackListCard.vue.js";
+import { state, actions } from "../../store/tracks.js";
+const _hoisted_1 = { class: "mn-b-medium" };
+const _hoisted_2 = { class: "" };
+const _sfc_main = {
+  __name: "PopularTracks",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "flex-justify-between flex mn-b-small" }, [
+          createElementVNode("h3", { class: "" }, "Popular Tracks")
+        ], -1)),
+        createVNode(_sfc_main$1, {
+          showLoadMore: false,
+          LoadMore: false,
+          states: {
+            empty: {
+              title: "No Popular Tracks",
+              description: "No popular tracks available at the moment."
+            }
+          },
+          store: {
+            read: (options) => unref(actions).fetchPopularTracks(options),
+            state: unref(state)
+          },
+          options: {
+            limit: 10,
+            popular: true
+          },
+          skeleton: {
+            structure: [
+              { block: "text", size: "medium" },
+              { block: "text", size: "small" }
+            ],
+            horizontal: true
+          },
+          class: "gap-zero bg-light radius-medium o-hidden"
+        }, {
+          default: withCtx(({ items }) => [
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (track, index) => {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  key: track._id,
+                  track,
+                  index,
+                  showAlbum: true,
+                  showCover: true
+                }, null, 8, ["track", "index"]);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["store"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PopularTracks.vue.js.map

package/dist/martyrs/src/modules/music/components/sections/PopularTracks.vue.js.map

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